/* Parc automobile · bandeau desktop */
#view-stock .page-head { flex-wrap: nowrap; }
#view-stock .page-head > .actions { width: auto; margin-left: auto; flex-wrap: nowrap; gap: 7px; }
#view-stock .page-head > .actions .btn { flex: 0 1 auto; white-space: nowrap; padding: 0 12px; gap: 7px; font-size: 11px; }
#view-stock .page-title { flex: 0 1 300px; min-width: 220px; max-width: 300px; }
#view-stock .page-title p { max-width: 300px; line-height: 1.4; white-space: normal; }

/* Tâches · vue front dédiée */
#view-tasks .tasks-page-head {
  align-items: flex-end;
}

#view-tasks .tasks-page-head .page-title {
  max-width: 620px;
}

#view-tasks .tasks-page-head .actions {
  flex-wrap: nowrap;
}

.tasks-board-controls { width:100%; display:block; margin-top:var(--layout-gap); padding:0; border:0; background:transparent; box-shadow:none; }

.tasks-board-controls .tasks-board-head {
  display:none;
}

.tasks-board-controls .tasks-board-head .eyebrow,
.tasks-board-controls .tasks-board-head .cc-text-compact { display:none; }

.tasks-board-controls .tasks-board-head .cc-section-title {
  font-size: 18px;
}

.tasks-filter-divider { display:none; }

.tasks-filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 220px)) 112px;
  align-items: end;
  justify-content: start;
  gap: 8px;
}

.tasks-filter-grid .cc-field {
  min-width: 0;
  height: auto;
  padding: 0;
  gap: var(--cc-space-1);
  border-radius: var(--cc-radius-md);
}

/* CRM · pipeline desktop rapide */
#view-crm .crm-page-head { align-items: flex-end; }
#view-crm .crm-page-head .actions { flex-wrap: nowrap; }
.crm-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:8px;padding:0 0 10px;border:0;border-bottom:1px solid var(--cc-border-subtle);border-radius:0;background:transparent;box-shadow:none}
.crm-mode-bar>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 9px;min-width:0}.crm-mode-bar>div:first-child b{font-size:10px}.crm-mode-bar>div:first-child small{flex-basis:100%;color:var(--cc-text-secondary);font-size:8px}
.crm-mode-switch{display:inline-flex;flex:0 0 auto;gap:3px;padding:3px;border:1px solid var(--cc-border-subtle);border-radius:10px;background:var(--cc-bg-surface-subtle)}
.crm-mode-switch button{min-height:32px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--cc-text-secondary);font-size:8px;font-weight:750;cursor:pointer}
.crm-mode-switch button.is-active{background:var(--cc-color-brand-600);color:#fff;box-shadow:0 4px 12px rgba(21,94,239,.18)}
.crm-board-controls { width:100%; display:block; margin-top:9px; padding:0; border:0; background:transparent; box-shadow:none; }
.crm-board-controls .crm-board-head { display:none; }
.crm-board-controls .crm-board-head .eyebrow,
.crm-board-controls .crm-board-head .cc-text-compact { display:none; }
.crm-board-controls .crm-board-head .cc-section-title { font-size: 18px; }
.crm-filter-divider { display:none; }
.crm-filter-grid {
  display: grid;
  grid-template-columns: 110px 140px 150px 150px 150px 210px;
  justify-content: start;
  gap: 8px;
  align-items: stretch;
}
.crm-filter-grid .cc-field {
  min-width: 0;
  height: auto;
  padding: 0;
  gap: 4px;
  border-radius: var(--cc-radius-md);
}
.crm-filter-grid .cc-select,
.crm-filter-grid .cc-input { min-height: var(--cc-control-height-sm); border-color: var(--cc-border-subtle); background: var(--cc-bg-surface); }
.crm-filter-grid .cc-select { padding-right: 32px; }
.crm-search { position: relative; }
.crm-search .ico { position: absolute; left: 10px; bottom: 8px; width: 18px; height: 18px; }
.crm-search .cc-input { padding-left: 32px; }
.crm-board-head { margin: var(--layout-gap) 0 8px; }
.crm-board-head .cc-text-compact { margin-top: 4px; color: var(--cc-text-secondary); }
.crm-board-wrap { overflow-x: auto; padding-bottom: 6px; margin-top: 10px; }
#crmPipeline {
  width: max-content;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(6, 17.25rem);
  gap: 10px;
}
.crm-stage { min-height: 510px; padding: 12px; border-top: 3px solid var(--cc-color-brand-500); }
.crm-stage[data-stage-tone="info"] { border-top-color: #4f5beb; }
.crm-stage[data-stage-tone="contact"] { border-top-color: #981adb; }
.crm-stage[data-stage-tone="meeting"] { border-top-color: #c825ae; }
.crm-stage[data-stage-tone="test"] { border-top-color: #df6872; }
.crm-stage[data-stage-tone="order"] { border-top-color: #ffb335; }
.crm-stage.is-drop-target { background: var(--cc-color-brand-50); box-shadow: 0 0 0 3px var(--cc-focus-ring); }
.crm-stage-title { display: flex; align-items: center; gap: 8px; min-width: 0; }
.crm-stage-title h2 { font-size: var(--cc-font-size-md); line-height: 1.2; }
.crm-stage-summary { display: block; margin-top: 2px; color: var(--cc-text-secondary); font-size: var(--cc-font-size-xs); }
.crm-stage-list { display: grid; align-content: start; gap: 8px; min-height: 90px; }
.crm-lead { gap: 7px; padding: 11px 12px; cursor: grab; text-align: left; }
.crm-lead.is-dragging { opacity: .45; }
.crm-lead-title { display: flex; justify-content: space-between; align-items: start; gap: 8px; }
.crm-lead-title b { min-width: 0; font-size: 12px; line-height: 1.3; }
.crm-lead-title small { flex: 0 0 auto; color: var(--cc-text-tertiary); font-size: 9px; }
.crm-lead-vehicle { color: var(--cc-text-secondary); font-size: 10px; line-height: 1.35; }
.crm-lead-meta { display: grid; grid-template-columns: 66px minmax(0, 1fr); gap: 4px 8px; padding-top: 7px; border-top: 1px solid var(--cc-border-subtle); font-size: 9px; }
.crm-lead-meta span { color: var(--cc-text-tertiary); }
.crm-lead-meta b { min-width: 0; font-weight: var(--cc-weight-semibold); overflow-wrap: anywhere; }
.crm-lead-meta .is-overdue { color: var(--cc-color-danger); }
.crm-empty { padding: 24px 8px; text-align: center; color: var(--cc-text-tertiary); font-size: var(--cc-font-size-sm); }

.tasks-filter-grid .cc-field__label {
  line-height: var(--cc-line-tight);
}

.tasks-filter-grid .cc-select {
  min-height: var(--cc-control-height-sm);
  padding-right: 32px;
  border-color: var(--cc-border-subtle);
  background: var(--cc-bg-surface);
}

.tasks-filter-grid .cc-select,
.crm-filter-grid .cc-select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 42px;
  background-color: var(--cc-bg-surface);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 14px;
}

.tasks-filter-reset {
  width: 112px;
  min-width: 112px;
  min-height: var(--cc-control-height-sm);
  margin-bottom: 0;
}

.tasks-board-head {
  margin: var(--layout-gap) 0 8px;
}

.tasks-board-head .cc-text-compact {
  margin-top: 4px;
  color: var(--cc-text-secondary);
}

.tasks-board-wrap {
  margin-top: 10px;
  border-radius: var(--cc-radius-lg);
}

#taskStatusBoard .cc-status-column {
  min-height: 500px;
}

.tasks-state-marker {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: var(--cc-radius-full);
  background: var(--cc-color-neutral-500);
}

.tasks-state-marker--danger { background: var(--cc-color-danger); }
.tasks-state-marker--warning { background: var(--cc-color-warning); }
.tasks-state-marker--info { background: var(--cc-color-brand-500); }
.tasks-state-marker--success { background: var(--cc-color-success); }

.tasks-task {
  min-height: 78px;
  grid-template-columns: 18px 8px minmax(0, 1fr) auto;
  cursor: grab;
}

.task-complete-control {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border: 1.5px solid var(--cc-color-neutral-500);
  border-radius: 50%;
  background: var(--cc-bg-surface);
  cursor: pointer;
}

.task-complete-control:hover {
  border-color: var(--cc-color-success);
  background: var(--cc-color-success-bg);
}

.task-complete-control[aria-checked="true"] {
  border-color: var(--cc-color-success);
  background: var(--cc-color-success);
}

.task-complete-control[aria-checked="true"]::after {
  content: "✓";
  color: white;
  font-size: 10px;
  font-weight: 800;
}

.tasks-column-add {
  width: 100%;
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border: 1px dashed var(--cc-border-strong);
  border-radius: var(--cc-radius-md);
  background: transparent;
  color: var(--cc-color-brand-600);
  font-size: var(--cc-font-size-xs);
  font-weight: var(--cc-weight-semibold);
  text-align: left;
  cursor: pointer;
}

.tasks-column-add:hover {
  border-color: var(--cc-color-brand-400);
  background: var(--cc-color-brand-50);
}

.tasks-column-add span {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  text-indent: 0;
}

.tasks-task:active { cursor: grabbing; }
.tasks-task.is-dragging { opacity: .45; }

#taskStatusBoard .cc-status-column.is-drop-target {
  border-color: var(--cc-color-brand-500);
  background: var(--cc-color-brand-50);
  box-shadow: 0 0 0 3px var(--cc-focus-ring);
}

#taskStatusBoard .cc-status-column__list {
  min-height: 74px;
}

.tasks-task time {
  color: var(--cc-text-secondary);
  font-size: var(--cc-font-size-xs);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.tasks-priority--danger { background: var(--cc-color-danger); }
.tasks-priority--warning { background: var(--cc-color-warning); }
.tasks-priority--info { background: var(--cc-color-brand-500); }
.tasks-priority--success { background: var(--cc-color-success); }

.tasks-task--done .cc-task__title {
  color: var(--cc-text-secondary);
  text-decoration: line-through;
}

.tasks-modal {
  display: grid;
  gap: var(--cc-space-4);
}

.tasks-modal--wide {
  width: min(100%, 42rem);
}

.tasks-modal-head,
.tasks-modal-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--cc-space-3);
}

.tasks-modal-actions {
  justify-content: flex-end;
  padding-top: var(--cc-space-2);
}

.tasks-modal-actions-spacer { flex: 1; }

.cc-button--danger {
  border-color: var(--cc-color-danger-border);
  background: var(--cc-color-danger-bg);
  color: var(--cc-color-danger);
}

.cc-button--danger:hover { border-color: var(--cc-color-danger); }

.crm-lead-quick-actions {
  display: flex;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--cc-color-brand-100);
  border-radius: var(--cc-radius-lg);
  background: var(--cc-color-brand-50);
}

.crm-lead-quick-actions[hidden] { display: none; }

.tasks-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--cc-space-3);
}

.tasks-form-full {
  grid-column: 1 / -1;
}

#view-vehicle .vehicle-tabs {
  border-radius: 14px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin-top: var(--layout-gap);
}

#view-vehicle .hero-car.cc-entity-header__media {
  width: 100%;
  min-width: 0;
  aspect-ratio: auto;
}

/* Parc automobile · filtres plus denses, alignés sur la variante compacte v2.2. */
.filterbar {
  align-items: end;
  gap: 10px;
  padding-block: 10px;
}

.filterbar .filter.cc-field--compact,
.advanced-filter-grid .filter.cc-field--compact {
  gap: 2px;
  padding: 5px 9px;
}

.filterbar .filter.cc-field--compact label,
.advanced-filter-grid .filter.cc-field--compact label {
  margin-bottom: 0;
  font-size: 8px;
  line-height: 1;
}

.filterbar .filter.cc-field--compact .cc-input,
.filterbar .filter.cc-field--compact .cc-select,
.advanced-filter-grid .filter.cc-field--compact .cc-input,
.advanced-filter-grid .filter.cc-field--compact .cc-select {
  min-height: 30px;
  font-size: 10px;
}

.filterbar .advanced-filter-btn {
  min-height: 46px;
  align-self: end;
}

/* Rythme commun de toutes les vues */
.dashboard-summary-grid,
.dashboard-grid,
.board-row,
.operations-grid,
.stock-layout,
.vehicle-layout,
.overview-grid,
.tab-grid,
.metric-strip,
.cards4,
.notice-grid,
.photo-gallery,
.detail-grid,
.definition-grid,
.kv,
.checklist-grid {
  gap: var(--layout-gap);
}

.glass.panel,
.timeline-panel {
  padding: var(--card-padding);
}

#view-dashboard .glass.panel,
#view-stock .glass.panel,
#view-vehicle .glass.panel,
#view-vehicle .timeline-panel {
  padding: var(--card-padding);
}

.vehicle-tab-content {
  margin-top: var(--layout-gap);
}

/* Dashboard : l'opérationnel précède les analyses CA / CRM. */
#view-dashboard.active{display:flex;flex-direction:column}
#view-dashboard .dashboard-intro{order:1}
#view-dashboard>.kpis{order:2}
#view-dashboard>.finance-strip{order:3}
#view-dashboard>.operations-grid{order:4}
#view-dashboard>.dashboard-summary-grid{order:5}
#view-dashboard>.stock-strip{order:6}

/* Dashboard : garder le pilotage opérationnel visible sans repousser les analyses. */
#view-dashboard .operations-grid{align-items:start}
#view-dashboard .operations-grid>.panel{height:340px;min-height:0;padding:14px 16px}
#view-dashboard .task-tabs{gap:6px;margin-bottom:8px}
#view-dashboard .task-tab{padding:7px 10px}
#view-dashboard .task-line{min-height:52px;padding:7px 9px}
#view-dashboard .agenda-panel{padding:14px 16px}
#view-dashboard .agenda-header{margin-bottom:4px}
#view-dashboard .agenda-date{margin-top:5px}
#view-dashboard .agenda-launch{width:40px;height:40px;flex-basis:40px;border-radius:13px}
#view-dashboard .agenda-timeline:before{left:59px;top:6px;bottom:6px}
#view-dashboard .agenda-item.cc-agenda__item{grid-template-columns:44px 14px minmax(0,1fr) auto;gap:8px;min-height:48px;padding:6px 8px 6px 0;border-bottom:1px solid var(--cc-border-subtle);border-radius:10px}
#view-dashboard .agenda-item.cc-agenda__item:last-child{border-bottom:0}
#view-dashboard .agenda-item.cc-agenda__item:hover{padding-left:0;padding-right:8px;background:var(--cc-blue-soft)}
#view-dashboard .agenda-item time{font-size:13px}
#view-dashboard .agenda-marker.cc-agenda__marker{width:14px;height:14px;box-shadow:0 0 0 4px rgba(0,0,0,.03)}
#view-dashboard .agenda-body{min-width:0;overflow:hidden}
#view-dashboard .agenda-body b,#view-dashboard .agenda-body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-dashboard .agenda-body span{margin-top:3px}
#view-dashboard .agenda-item .pill{padding:6px 9px;font-size:8px}

.dashboard-period-filter{display:flex;align-items:center;gap:7px;color:var(--cc-text-secondary);font-size:8px;font-weight:700}
.dashboard-period-filter .cc-select{width:126px;min-height:30px;height:30px;padding:0 30px 0 9px;border-radius:9px;background-color:#fff;font-size:8px}

/* Parc : indicateurs plus denses, sans perdre leur hiérarchie. */
#view-stock .stock-kpis{gap:8px}
#view-stock .stock-kpis .kpi{min-height:84px;padding:11px 12px}
#view-stock .stock-kpis .kpi-top{font-size:9px}
#view-stock .stock-kpis .kpi>strong{margin-top:7px;font-size:22px;line-height:1}
#view-stock .stock-kpis .kpi>small{margin-top:6px;font-size:8px}
#view-stock .stock-kpis .delta{margin-top:5px;font-size:8px}
#view-stock .stock-table-toolbar{min-height:38px;padding:6px 0}
#view-stock .stock-table-toolbar>b{font-size:10px}
#view-stock .stock-table-toolbar .table-actions{gap:6px}
#view-stock .stock-table-toolbar .cc-button{min-height:30px;height:30px;padding:0 11px;border-radius:9px;font-size:8px}

/* Fiche véhicule : remplacer le morcellement par de grands ensembles lisibles. */
#view-vehicle [data-vehicle-panel="overview"] .overview-grid{grid-template-columns:1.35fr 1fr 1fr;gap:0;padding:14px;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-lg);background:rgba(255,255,255,.76);box-shadow:var(--cc-shadow-1)}
#view-vehicle [data-vehicle-panel="overview"] .overview-grid>.glass.panel{padding:0 14px;border:0;border-left:1px solid var(--cc-border-subtle);border-radius:0;background:transparent;box-shadow:none}
#view-vehicle [data-vehicle-panel="overview"] .overview-grid>.glass.panel:first-child{padding-left:0;border-left:0}
#view-vehicle [data-vehicle-panel="overview"] .overview-grid>.glass.panel:last-child{padding-right:0}
#view-vehicle [data-vehicle-panel="overview"] .definition-grid,
#view-vehicle [data-vehicle-panel="overview"] .kv{gap:0}
#view-vehicle [data-vehicle-panel="overview"] .definition-grid>div,
#view-vehicle [data-vehicle-panel="overview"] .kv>div{min-height:0;padding:7px 0;border:0;border-bottom:1px solid var(--cc-border-subtle);border-radius:0;background:transparent}
#view-vehicle [data-vehicle-panel="overview"] .definition-grid>div:nth-last-child(-n+2),
#view-vehicle [data-vehicle-panel="overview"] .kv>div:nth-last-child(-n+2){border-bottom:0}
#view-vehicle [data-vehicle-panel="overview"] .section-title h3{font-size:13px}
#view-vehicle [data-vehicle-panel="overview"] .definition-grid span,
#view-vehicle [data-vehicle-panel="overview"] .kv span{font-size:8px}
#view-vehicle [data-vehicle-panel="overview"] .definition-grid b,
#view-vehicle [data-vehicle-panel="overview"] .kv b{font-size:10px;line-height:1.35}

#view-vehicle [data-vehicle-panel="specs"]>.tab-grid,
#view-vehicle [data-vehicle-panel="costs"]>.tab-grid,
#view-vehicle [data-vehicle-panel="work"]>.tab-grid,
#view-vehicle [data-vehicle-panel="sale"]>.tab-grid{gap:0;padding:14px;border:1px solid var(--cc-border-subtle);border-radius:var(--cc-radius-lg);background:rgba(255,255,255,.76);box-shadow:var(--cc-shadow-1)}
#view-vehicle [data-vehicle-panel="specs"]>.tab-grid>.glass.panel,
#view-vehicle [data-vehicle-panel="costs"]>.tab-grid>.glass.panel,
#view-vehicle [data-vehicle-panel="work"]>.tab-grid>.glass.panel,
#view-vehicle [data-vehicle-panel="sale"]>.tab-grid>.glass.panel{padding:0 14px;border:0;border-left:1px solid var(--cc-border-subtle);border-radius:0;background:transparent;box-shadow:none}
#view-vehicle [data-vehicle-panel="specs"]>.tab-grid>.glass.panel:nth-child(odd),
#view-vehicle [data-vehicle-panel="costs"]>.tab-grid>.glass.panel:nth-child(odd),
#view-vehicle [data-vehicle-panel="work"]>.tab-grid>.glass.panel:nth-child(odd),
#view-vehicle [data-vehicle-panel="sale"]>.tab-grid>.glass.panel:nth-child(odd){padding-left:0;border-left:0}

#view-vehicle .vehicle-tab-panel.active {
  display: grid;
  gap: var(--layout-gap);
}

#view-vehicle .vehicle-tab-panel.active > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#view-vehicle .vehicle-tab-panel .detail-grid,
#view-vehicle .vehicle-tab-panel .definition-grid,
#view-vehicle .vehicle-tab-panel .kv,
#view-vehicle .vehicle-tab-panel .field-status-list {
  gap: 8px;
}

#view-vehicle .vehicle-tab-panel .detail-grid > div,
#view-vehicle .vehicle-tab-panel .definition-grid > div,
#view-vehicle .vehicle-tab-panel .kv > div,
#view-vehicle .vehicle-tab-panel .field-status-list > div {
  min-height: 52px;
  padding: 8px 12px;
}

#view-vehicle .vehicle-tab-panel .field-status-list.cc-field-status-list > div {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) auto;
  align-items: center;
}

#view-vehicle .vehicle-tab-panel .field-status-list.cc-field-status-list--grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#view-vehicle .vehicle-tab-panel .field-status-list.cc-field-status-list--grid > div {
  min-height: 80px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: center;
}

#view-vehicle .vehicle-tab-panel .field-status-list.cc-field-status-list--grid > div > span {
  grid-column: 1;
  grid-row: 1;
}

#view-vehicle .vehicle-tab-panel .field-status-list.cc-field-status-list--grid > div > b {
  grid-column: 1 / -1;
  grid-row: 2;
}

#view-vehicle .vehicle-tab-panel .field-status-list.cc-field-status-list--grid > div > em {
  grid-column: 2;
  grid-row: 1;
}

#view-vehicle .vehicle-tab-panel .tab-grid > .panel {
  height: 100%;
  align-self: stretch;
}

#view-vehicle [data-vehicle-panel="specs"] .carpass-card {
  order: 10;
}

/* Caractéristiques · petites cards régulières malgré les textes longs */
#view-vehicle [data-vehicle-panel="specs"] .detail-grid {
  align-items: stretch;
  grid-auto-rows: 88px;
}

#view-vehicle [data-vehicle-panel="specs"] .detail-grid > div {
  height: 88px;
  min-height: 88px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 700px) {
  #view-vehicle [data-vehicle-panel="specs"] .detail-grid {
    grid-auto-rows: auto;
  }

  #view-vehicle [data-vehicle-panel="specs"] .detail-grid > div {
    height: auto;
    min-height: 76px;
  }
}

.overview-grid,
.tab-grid,
.metric-strip,
.photo-gallery,
.stock-layout,
.dashboard-grid,
.board-row,
.operations-grid,
.dashboard-summary-grid {
  margin-top: var(--layout-gap);
}

/* Fiche véhicule · actions principales en haut à droite */
@media (min-width: 1081px) {
  #view-vehicle [data-vehicle-panel="prep"] .checklist-card {
    min-height: 142px;
    padding: 14px;
  }

  #view-vehicle [data-vehicle-panel="prep"] .check-top {
    margin-bottom: 12px;
  }

  #view-vehicle [data-vehicle-panel="prep"] .checklist-card h3 {
    font-size: 15px;
  }

  #view-vehicle [data-vehicle-panel="prep"] .checklist-card p {
    margin: 6px 0 10px;
    line-height: 1.4;
  }

  #view-vehicle [data-vehicle-panel="prep"] .checklist-card > small {
    padding-top: 8px;
  }

  #view-vehicle [data-vehicle-panel="photos"] .photo-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #view-vehicle [data-vehicle-panel="photos"] .photo-gallery img {
    width: 100%;
    height: 220px;
    aspect-ratio: auto;
    object-fit: cover;
  }

  #view-vehicle .vehicle-hero {
    position: relative;
    align-items: stretch;
  }

  #view-vehicle .hero-car {
    height: auto;
    min-height: 100%;
    align-self: stretch;
  }

  #view-vehicle .vehicle-hero > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 0;
    padding-top: 64px;
  }

  #view-vehicle .vehicle-metrics {
    margin-top: 18px;
  }

  #view-vehicle .vehicle-title-line {
    padding-right: 330px;
  }

  #view-vehicle .hero-actions {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    margin: 0;
  }
}

/* La sidebar réduit la largeur réellement disponible avant le breakpoint global.
   Ce palier intermédiaire garde l'image et l'identité côte à côte sans élargir la page. */
@media (min-width: 1081px) and (max-width: 1440px) {
  #view-vehicle .vehicle-hero.cc-entity-header {
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
  }

  #view-vehicle .vehicle-hero > div:nth-child(2) {
    min-width: 0;
  }

  #view-vehicle .vehicle-title-line {
    padding-right: 0;
  }

  #view-vehicle .vehicle-ident {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  #view-vehicle .vehicle-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #view-vehicle .vehicle-metrics > *,
  #view-vehicle .vmet {
    min-width: 0;
  }

  #view-vehicle .vmet b,
  #view-vehicle .vmet small {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 63.9375rem) {
  #view-vehicle .vehicle-tab-panel .field-status-list.cc-field-status-list > div {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  #view-vehicle .vehicle-tab-panel .field-status-list.cc-field-status-list > div > b {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  #view-vehicle .vehicle-tab-panel .field-status-list.cc-field-status-list > div > em {
    grid-column: 2;
    grid-row: 1;
  }
}

/* Vue générale · composition bento */
@media (min-width: 1081px) {
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  #view-vehicle [data-vehicle-panel="overview"] .overview-grid > article:first-child {
    grid-column: 1 / -1;
  }

  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv {
    gap: 8px;
  }

  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid > div,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv > div {
    min-height: 72px;
    padding: 10px 12px;
  }
}

@media (min-width: 1441px) {
  #view-vehicle [data-vehicle-panel="prep"] .checklist-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #view-vehicle [data-vehicle-panel="photos"] .photo-gallery {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #view-vehicle [data-vehicle-panel="specs"] > .tab-grid.two-col {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #view-vehicle [data-vehicle-panel="overview"] .overview-grid {
    grid-template-columns: 1.4fr 0.8fr 0.8fr;
  }

  #view-vehicle [data-vehicle-panel="overview"] .overview-grid > article:first-child {
    grid-column: auto;
  }

  #view-vehicle [data-vehicle-panel="overview"] .overview-grid > article:first-child .definition-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #view-vehicle [data-vehicle-panel="overview"] .overview-grid > article:nth-child(2) .kv,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid > article:nth-child(3) .kv {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Synthèse véhicule finale : un seul cadre, des groupes textuels denses. */
@media (min-width:1081px){
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid{grid-template-columns:1.45fr .82fr .82fr;align-items:start;gap:0;padding:14px 16px}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:first-child{grid-column:auto}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>.glass.panel{padding:0 15px;border:0;border-left:1px solid var(--cc-border-subtle);border-radius:0;background:transparent;box-shadow:none}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>.glass.panel:first-child{padding-left:0;border-left:0}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>.glass.panel:last-child{padding-right:0}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .section-title{margin-bottom:14px}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:first-child .definition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid>div,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv>div{min-height:0;padding:0;border:0;background:transparent}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid span,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv span{display:block;margin-bottom:5px;font-size:9px}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid b,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv b{font-size:11px;line-height:1.35}
}

/* Vue générale : une synthèse unique, structurée comme une fiche plutôt qu'un bento. */
@media (min-width:1081px){
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid{
    grid-template-columns:minmax(0,1.45fr) minmax(390px,.85fr);
    grid-template-rows:auto auto;
    align-items:stretch;
    gap:0;
    padding:0;
    overflow:hidden;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>.glass.panel{
    min-width:0;
    padding:17px 20px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:first-child{
    grid-column:1;
    grid-row:1 / span 2;
    padding:19px 24px;
    border-right:1px solid var(--cc-border-subtle);
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(2){
    grid-column:2;
    grid-row:1;
    border-bottom:1px solid var(--cc-border-subtle);
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(3){
    grid-column:2;
    grid-row:2;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .section-title{
    min-height:34px;
    align-items:flex-start;
    margin-bottom:11px;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .section-title .eyebrow{
    display:block;
    margin-bottom:3px;
    font-size:7px;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .section-title h3{
    margin:0;
    font-size:14px;
    letter-spacing:-.02em;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .section-title .cc-button{
    min-height:28px;
    height:28px;
    padding:0 3px;
    font-size:9px;
    white-space:nowrap;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0 24px;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 18px;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid>div,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv>div{
    min-height:0;
    padding:10px 0;
    border:0;
    background:transparent;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid>div:nth-child(-n+3),
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv>div:nth-child(-n+2){
    border-bottom:1px solid var(--cc-border-subtle);
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid span,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv span{
    display:block;
    margin-bottom:5px;
    color:var(--cc-text-tertiary);
    font-size:7.25px;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid b,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv b{
    display:block;
    color:var(--cc-text-primary);
    font-size:12px;
    line-height:1.35;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(2) .kv>div:last-child b{
    color:var(--cc-color-success);
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(3) .kv>div:first-child b{
    color:var(--cc-color-brand-600);
  }
}

/* Largeur courante de l'application avec la colonne d'actions visible. */
@media (min-width:1081px) and (max-width:1599px){
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto auto;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:first-child{
    grid-column:1 / -1;
    grid-row:1;
    padding:17px 20px;
    border-right:0;
    border-bottom:1px solid var(--cc-border-subtle);
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(2){
    grid-column:1;
    grid-row:2;
    border-right:1px solid var(--cc-border-subtle);
    border-bottom:0;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(3){
    grid-column:2;
    grid-row:2;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .section-title{
    margin-bottom:8px;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid>div,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv>div{
    padding:8px 0;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid b,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv b{
    font-size:11px;
  }
}

/* Très grand écran : deux bandes compactes, sans zone vide sous l'identité. */
@media (min-width:1600px){
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto auto;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:first-child{
    grid-column:1 / -1;
    grid-row:1;
    padding:17px 22px;
    border-right:0;
    border-bottom:1px solid var(--cc-border-subtle);
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(2){
    grid-column:1;
    grid-row:2;
    border-right:1px solid var(--cc-border-subtle);
    border-bottom:0;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(3){
    grid-column:2;
    grid-row:2;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:first-child .definition-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:0;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(2) .kv,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(3) .kv{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid>div,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv>div{
    padding:8px 16px;
    border-bottom:0;
    border-left:1px solid var(--cc-border-subtle);
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid>div:first-child,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv>div:first-child{
    padding-left:0;
    border-left:0;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .section-title{
    margin-bottom:7px;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid>div:nth-child(-n+3),
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv>div:nth-child(-n+2){
    border-bottom:0;
  }
}

/* Fiche véhicule — langage visuel unifié pour tous les onglets.
   Une surface principale, des séparateurs sobres et moins de cards imbriquées. */
@media (min-width:1081px){
  #view-vehicle .vehicle-tab-panel:not([data-vehicle-panel="overview"]){
    gap:12px;
  }
  #view-vehicle .vehicle-tab-panel:not([data-vehicle-panel="overview"]) .tab-view-head{
    min-height:58px;
    margin:0;
    padding:2px 2px 12px;
    border-bottom:1px solid var(--cc-border-subtle);
  }
  #view-vehicle .vehicle-tab-panel:not([data-vehicle-panel="overview"]) .tab-view-head h2{
    margin-top:2px;
    font-size:20px;
    line-height:1.1;
  }
  #view-vehicle .vehicle-tab-panel:not([data-vehicle-panel="overview"]) .tab-view-head p{
    max-width:720px;
    margin-top:4px;
    font-size:9px;
    line-height:1.45;
  }
  #view-vehicle .vehicle-tab-panel:not([data-vehicle-panel="overview"]) .tab-view-head .cc-button{
    min-height:34px;
    height:34px;
    padding:0 13px;
    font-size:8px;
  }

  /* Les KPI deviennent une seule bande segmentée. */
  #view-vehicle .vehicle-tab-panel .metric-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    overflow:hidden;
    padding:0;
    border:1px solid var(--cc-border-subtle);
    border-radius:18px;
    background:rgba(255,255,255,.78);
    box-shadow:var(--cc-shadow-sm);
  }
  #view-vehicle .vehicle-tab-panel .metric-strip>.metric-card{
    min-height:76px;
    padding:12px 15px;
    border:0;
    border-left:1px solid var(--cc-border-subtle);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  #view-vehicle .vehicle-tab-panel .metric-strip>.metric-card:first-child{border-left:0}
  #view-vehicle .vehicle-tab-panel .metric-strip>.metric-card span{font-size:8px}
  #view-vehicle .vehicle-tab-panel .metric-strip>.metric-card b{margin-top:5px;font-size:18px}
  #view-vehicle .vehicle-tab-panel .metric-strip>.metric-card small{margin-top:3px;font-size:7px}

  /* Caractéristiques : trois chapitres continus, données en lignes. */
  #view-vehicle [data-vehicle-panel="specs"]>.tab-grid.two-col{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    overflow:hidden;
    padding:0;
    border:1px solid var(--cc-border-subtle);
    border-radius:20px;
    background:rgba(255,255,255,.76);
    box-shadow:var(--cc-shadow-sm);
  }
  #view-vehicle [data-vehicle-panel="specs"]>.tab-grid.two-col>.panel{
    padding:16px 18px!important;
    border:0!important;
    border-left:1px solid var(--cc-border-subtle)!important;
    border-bottom:1px solid var(--cc-border-subtle)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #view-vehicle [data-vehicle-panel="specs"]>.tab-grid.two-col>.panel:nth-child(odd){border-left:0!important}
  #view-vehicle [data-vehicle-panel="specs"]>.tab-grid.two-col>.panel:nth-last-child(-n+2){border-bottom:0!important}
  #view-vehicle [data-vehicle-panel="specs"]>.tab-grid.two-col>.panel:first-child{
    grid-column:1 / -1;
    grid-row:1;
    border-left:0!important;
  }
  #view-vehicle [data-vehicle-panel="specs"]>.tab-grid.two-col>.panel:first-child .detail-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  #view-vehicle [data-vehicle-panel="specs"]>.tab-grid.two-col>.carpass-card{
    grid-column:1 / -1;
    grid-row:2;
    border-left:0!important;
  }
  #view-vehicle [data-vehicle-panel="specs"]>.tab-grid.two-col>.panel:nth-child(3){grid-column:1;grid-row:3}
  #view-vehicle [data-vehicle-panel="specs"]>.tab-grid.two-col>.panel:nth-child(4){grid-column:2;grid-row:3}
  #view-vehicle [data-vehicle-panel="specs"]>.tab-grid.two-col>.panel:nth-child(5){grid-column:1 / -1;grid-row:4;border-left:0!important}
  #view-vehicle [data-vehicle-panel="specs"] .detail-grid{
    grid-auto-rows:auto!important;
    gap:0 22px;
  }
  #view-vehicle [data-vehicle-panel="specs"] .detail-grid>div{
    height:auto!important;
    min-height:0!important;
    padding:9px 0!important;
    border:0!important;
    border-bottom:1px solid var(--cc-border-subtle)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Coûts : deux colonnes dans une surface, tableau séparé mais compact. */
  #view-vehicle [data-vehicle-panel="costs"]>.tab-grid.two-col,
  #view-vehicle [data-vehicle-panel="sale"]>.tab-grid.two-col,
  #view-vehicle [data-vehicle-panel="sale"]>.tab-grid.three-col,
  #view-vehicle [data-vehicle-panel="planning"]>.tab-grid,
  #view-vehicle [data-vehicle-panel="docs"]>.tab-grid,
  #view-vehicle [data-vehicle-panel="autoscout"]>.tab-grid,
  #view-vehicle [data-vehicle-panel="gocar"]>.tab-grid{
    gap:0;
    overflow:hidden;
    padding:0;
    border:1px solid var(--cc-border-subtle);
    border-radius:20px;
    background:rgba(255,255,255,.76);
    box-shadow:var(--cc-shadow-sm);
  }
  #view-vehicle [data-vehicle-panel="costs"]>.tab-grid.two-col>.panel,
  #view-vehicle [data-vehicle-panel="sale"]>.tab-grid.two-col>.panel,
  #view-vehicle [data-vehicle-panel="sale"]>.tab-grid.three-col>.panel,
  #view-vehicle [data-vehicle-panel="planning"]>.tab-grid>.panel,
  #view-vehicle [data-vehicle-panel="docs"]>.tab-grid>.panel,
  #view-vehicle [data-vehicle-panel="autoscout"]>.tab-grid>.panel,
  #view-vehicle [data-vehicle-panel="gocar"]>.tab-grid>.panel{
    padding:15px 18px;
    border:0;
    border-left:1px solid var(--cc-border-subtle);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  #view-vehicle [data-vehicle-panel="costs"]>.tab-grid.two-col>.panel:first-child,
  #view-vehicle [data-vehicle-panel="sale"]>.tab-grid.two-col>.panel:first-child,
  #view-vehicle [data-vehicle-panel="sale"]>.tab-grid.three-col>.panel:first-child,
  #view-vehicle [data-vehicle-panel="planning"]>.tab-grid>.panel:first-child,
  #view-vehicle [data-vehicle-panel="docs"]>.tab-grid>.panel:first-child,
  #view-vehicle [data-vehicle-panel="autoscout"]>.tab-grid>.panel:first-child,
  #view-vehicle [data-vehicle-panel="gocar"]>.tab-grid>.panel:first-child{border-left:0}
  #view-vehicle [data-vehicle-panel="costs"] .detail-grid>div,
  #view-vehicle [data-vehicle-panel="sale"] .detail-grid>div,
  #view-vehicle [data-vehicle-panel="autoscout"] .detail-grid>div,
  #view-vehicle [data-vehicle-panel="gocar"] .detail-grid>div{
    min-height:0;
    padding:9px 0;
    border:0;
    border-bottom:1px solid var(--cc-border-subtle);
    border-radius:0;
    background:transparent;
  }

  /* Préparation : la checklist devient une liste opérationnelle à deux colonnes. */
  #view-vehicle [data-vehicle-panel="prep"]>.panel:first-of-type{
    padding:12px 16px;
  }
  #view-vehicle [data-vehicle-panel="prep"] .checklist-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    overflow:hidden;
    border:1px solid var(--cc-border-subtle);
    border-radius:20px;
    background:rgba(255,255,255,.76);
    box-shadow:var(--cc-shadow-sm);
  }
  #view-vehicle [data-vehicle-panel="prep"] .checklist-card{
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:10px;
    min-height:70px;
    padding:10px 14px;
    border:0;
    border-left:1px solid var(--cc-border-subtle);
    border-bottom:1px solid var(--cc-border-subtle);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  #view-vehicle [data-vehicle-panel="prep"] .checklist-card:nth-child(odd){border-left:0}
  #view-vehicle [data-vehicle-panel="prep"] .checklist-card:nth-last-child(-n+2){border-bottom:0}
  #view-vehicle [data-vehicle-panel="prep"] .checklist-card .check-top{grid-column:1;grid-row:1 / span 2;display:block}
  #view-vehicle [data-vehicle-panel="prep"] .checklist-card .check-top .pill{display:none}
  #view-vehicle [data-vehicle-panel="prep"] .checklist-card .check-icon{width:30px;height:30px;margin:0}
  #view-vehicle [data-vehicle-panel="prep"] .checklist-card h3{grid-column:2;grid-row:1;margin:0;font-size:11px}
  #view-vehicle [data-vehicle-panel="prep"] .checklist-card p{grid-column:2;grid-row:2;margin:2px 0 0;font-size:8px}
  #view-vehicle [data-vehicle-panel="prep"] .checklist-card small{grid-column:3;grid-row:1 / span 2;justify-self:end;margin:0;font-size:7px;white-space:nowrap}

  /* Client & vente : les dernières informations deviennent une bande unique. */
  #view-vehicle [data-vehicle-panel="sale"]>.tab-grid.three-col>.panel{min-height:0}
  #view-vehicle [data-vehicle-panel="sale"]>.tab-grid.three-col .detail-grid.one-col{display:flex;gap:24px}
  #view-vehicle [data-vehicle-panel="sale"]>.tab-grid.three-col .detail-grid.one-col>div{flex:1}
  #view-vehicle [data-vehicle-panel="sale"] .client-card{padding:8px 0 12px;border-bottom:1px solid var(--cc-border-subtle);background:transparent}

  /* Planning proche de Google Agenda : grille claire, densité utile. */
  #view-vehicle [data-vehicle-panel="planning"] .calendar-strip{gap:0;padding:0;border:1px solid var(--cc-border-subtle);border-radius:14px;overflow:hidden}
  #view-vehicle [data-vehicle-panel="planning"] .calendar-strip button{border:0;border-left:1px solid var(--cc-border-subtle);border-radius:0;background:transparent}
  #view-vehicle [data-vehicle-panel="planning"] .calendar-strip button:first-child{border-left:0}
  #view-vehicle [data-vehicle-panel="planning"] .event-item{min-height:54px;padding:8px 0;border-bottom:1px solid var(--cc-border-subtle)}
  #view-vehicle [data-vehicle-panel="planning"] .event-item:last-child{border-bottom:0}

  /* Photos et historique gardent une seule surface cohérente. */
  #view-vehicle [data-vehicle-panel="photos"] .photo-toolbar{padding:10px 14px;border-radius:16px}
  #view-vehicle [data-vehicle-panel="photos"] .photo-gallery{gap:12px}
  #view-vehicle [data-vehicle-panel="photos"] .photo-gallery figure{border-radius:16px;box-shadow:var(--cc-shadow-sm)}
  #view-vehicle [data-vehicle-panel="history"]>.panel{padding:8px 18px;background:rgba(255,255,255,.76)}
  #view-vehicle [data-vehicle-panel="history"] .history-item{padding:13px 0}

  /* Synchronisations : statut puis contenu principal, sans accumulation de cadres. */
  #view-vehicle [data-vehicle-panel="autoscout"] .sync-hero,
  #view-vehicle [data-vehicle-panel="gocar"] .sync-hero{min-height:54px;padding:10px 15px;border-radius:16px}
  #view-vehicle [data-vehicle-panel="autoscout"] .field-status-list>div,
  #view-vehicle [data-vehicle-panel="gocar"] .field-status-list>div{min-height:58px;border-radius:0;background:transparent}

  #view-vehicle .vehicle-tab-panel>.panel:not(.carpass-order-card),
  #view-vehicle .vehicle-tab-panel>.tab-grid+.panel{
    border-color:var(--cc-border-subtle);
    box-shadow:var(--cc-shadow-sm);
  }
}

/* Car-Pass : données compactes dans une seule surface, sans cards imbriquées. */
#view-vehicle [data-vehicle-panel="specs"] .carpass-card{padding:14px 16px!important;border-color:var(--cc-border-subtle)!important;background:rgba(255,255,255,.7)!important}
#view-vehicle [data-vehicle-panel="specs"] .carpass-head{align-items:center;gap:14px;margin-bottom:10px}
#view-vehicle [data-vehicle-panel="specs"] .carpass-title{align-items:center;gap:10px}
#view-vehicle [data-vehicle-panel="specs"] .carpass-mark{width:34px;height:34px;flex-basis:34px;border-radius:10px;font-size:9px;box-shadow:none}
#view-vehicle [data-vehicle-panel="specs"] .carpass-title h3{font-size:13px}
#view-vehicle [data-vehicle-panel="specs"] .carpass-title p{max-width:none;margin-top:3px;font-size:8px;line-height:1.45}
#view-vehicle [data-vehicle-panel="specs"] .carpass-status-grid{grid-template-columns:1.25fr .7fr 1.1fr .55fr;gap:0;padding:9px 0;border-top:1px solid var(--cc-border-subtle);border-bottom:1px solid var(--cc-border-subtle)}
#view-vehicle [data-vehicle-panel="specs"] .carpass-status-grid>div{min-height:0;padding:3px 14px;border:0;border-left:1px solid var(--cc-border-subtle);border-radius:0;background:transparent}
#view-vehicle [data-vehicle-panel="specs"] .carpass-status-grid>div:first-child{padding-left:0;border-left:0}
#view-vehicle [data-vehicle-panel="specs"] .carpass-status-grid span{font-size:7px}
#view-vehicle [data-vehicle-panel="specs"] .carpass-status-grid b{margin-top:4px;font-size:10px}
#view-vehicle [data-vehicle-panel="specs"] .carpass-footer{gap:12px;margin-top:0;padding-top:10px;border-top:0}
#view-vehicle [data-vehicle-panel="specs"] .carpass-note{max-width:none;font-size:7px;line-height:1.45}
#view-vehicle [data-vehicle-panel="specs"] .carpass-footer .cc-button{min-height:32px;height:32px;padding:0 12px;font-size:8px;white-space:nowrap}

/* Interventions : deux groupes textuels plutôt que des mini-cards. */
#view-vehicle [data-vehicle-panel="work"]>.tab-grid.two-col{padding:0;background:rgba(255,255,255,.72)}
#view-vehicle [data-vehicle-panel="work"]>.tab-grid.two-col>.panel{padding:14px 18px;border-left:1px solid var(--cc-border-subtle)}
#view-vehicle [data-vehicle-panel="work"]>.tab-grid.two-col>.panel:first-child{border-left:0}
#view-vehicle [data-vehicle-panel="work"]>.tab-grid.two-col .detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
#view-vehicle [data-vehicle-panel="work"]>.tab-grid.two-col .detail-grid>div{min-height:0;padding:6px 12px;border:0;border-left:1px solid var(--cc-border-subtle);border-radius:0;background:transparent}
#view-vehicle [data-vehicle-panel="work"]>.tab-grid.two-col .detail-grid>div:first-child{padding-left:0;border-left:0}
#view-vehicle [data-vehicle-panel="work"]>.tab-grid.two-col .doc-row{min-height:0;padding:8px 0;border:0;border-bottom:1px solid var(--cc-border-subtle);border-radius:0;background:transparent}
#view-vehicle [data-vehicle-panel="work"]>.tab-grid.two-col .doc-row:last-child{border-bottom:0}

/* Documents manquants : liste alignée, compacte et lisible. */
#view-vehicle [data-vehicle-panel="docs"] .docs-layout>aside{padding:14px 16px;background:rgba(255,255,255,.74)}
#view-vehicle [data-vehicle-panel="docs"] .missing-doc{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;justify-content:start;gap:10px;min-height:0;padding:10px 0;border:0;border-bottom:1px solid var(--cc-border-subtle);border-radius:0;background:transparent;text-align:left}
#view-vehicle [data-vehicle-panel="docs"] .missing-doc:last-child{border-bottom:0}
#view-vehicle [data-vehicle-panel="docs"] .missing-doc span:first-child{width:24px;height:24px;display:grid;place-items:center;margin:0;border-radius:8px;background:var(--cc-color-danger-bg);font-size:10px}
#view-vehicle [data-vehicle-panel="docs"] .missing-doc>div{min-width:0;text-align:left}
#view-vehicle [data-vehicle-panel="docs"] .missing-doc b{font-size:10px}
#view-vehicle [data-vehicle-panel="docs"] .missing-doc small{margin-top:2px;font-size:8px}

/* Très large écran : trois bandes continues, sans composition haute/basse « coupée ». */
@media (min-width:1600px){
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid{
    grid-template-columns:1fr;
    grid-template-rows:repeat(3,auto);
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>.glass.panel,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:first-child,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(2),
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(3){
    grid-column:1;
    display:grid;
    grid-template-columns:240px minmax(0,1fr);
    align-items:center;
    min-height:92px;
    padding:0;
    border-right:0;
    border-bottom:1px solid var(--cc-border-subtle);
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:first-child{grid-row:1}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(2){grid-row:2}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(3){grid-row:3;border-bottom:0}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .section-title{
    min-height:100%;
    align-items:center;
    margin:0;
    padding:14px 18px;
    border-right:1px solid var(--cc-border-subtle);
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .section-title .cc-button{
    margin-left:auto;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:first-child .definition-grid,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(2) .kv,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(3) .kv{
    align-items:stretch;
    padding:12px 18px;
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:first-child .definition-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(2) .kv,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid>article:nth-child(3) .kv{grid-template-columns:repeat(4,minmax(0,1fr))}
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid>div,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv>div{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:48px;
    padding:4px 16px;
    border-bottom:0;
    border-left:1px solid var(--cc-border-subtle);
  }
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .definition-grid>div:first-child,
  #view-vehicle [data-vehicle-panel="overview"] .overview-grid .kv>div:first-child{padding-left:0;border-left:0}
}

/* Navigation des 12 onglets : une seule ligne stable sur desktop. */
@media (min-width:1081px){
  #view-vehicle .vehicle-tabs{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    align-items:stretch;
    gap:0;
    min-height:0;
    padding:0 8px;
    overflow:visible;
    white-space:nowrap;
  }
  #view-vehicle .vehicle-tabs button{
    width:100%;
    min-width:0;
    min-height:42px;
    padding:10px 3px;
    border-bottom:2px solid transparent;
    font-size:7.25px;
    line-height:1;
    white-space:nowrap;
    text-align:center;
  }
  #view-vehicle .vehicle-tabs button.active{border-bottom-color:var(--cc-color-brand-600)}
}