/* Mobile · navigation et contenus utilisables */
      @media (max-width: 700px) {
        html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
        .sidebar { display: none; }
        .main { width: 100%; margin-left: 0; }
        .topbar { width: 100%; padding: 14px 12px; gap: 10px; }
        .hello h1 { font-size: 28px; line-height: 1.05; }
        .hello p { font-size: 12px; line-height: 1.35; }
        .top-actions { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; width: 100%; }
        .top-actions .search { grid-column: 1 / -1; min-width: 0; height: 46px; }
        .top-actions .control { min-width: 0; padding: 0 12px; }
        .page { width: 100%; padding: 14px 12px 24px; }
        .page-head { gap: 14px; }
        .page-title, #view-stock .page-title { width: 100%; min-width: 0; max-width: none; flex-basis: auto; }
        .page-title h1 { font-size: 30px; }
        .page-title p { max-width: none !important; font-size: 13px; }
        .vehicle-hero, #view-vehicle .vehicle-hero { grid-template-columns: minmax(0, 1fr) !important; padding: 12px; }
        #view-vehicle .hero-car { width: 100%; height: 210px; }
        #view-vehicle .vehicle-title-line { align-items: flex-start; flex-wrap: wrap; }
        #view-vehicle .vehicle-title-line h2 { font-size: 25px; line-height: 1.08; }
        #view-vehicle .vehicle-ident { grid-template-columns: 1fr !important; gap: 10px; }
        #view-vehicle .ident, #view-vehicle .ident:nth-child(2), #view-vehicle .ident:last-child { width: 100%; padding: 0 0 10px; border-right: 0; border-bottom: 1px solid var(--line); }
        #view-vehicle .vehicle-metrics { grid-template-columns: 1fr !important; gap: 8px; }
        #view-vehicle .vmet { min-width: 0; padding: 12px; }
        #view-vehicle .hero-actions { grid-column: 1 !important; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
        #view-vehicle .hero-actions .btn { width: 100%; min-width: 0; padding: 0 10px; justify-content: center; }
        .vehicle-tabs, .tabs { width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden; justify-content: flex-start; scrollbar-width: none; }
        .vehicle-tabs::-webkit-scrollbar, .tabs::-webkit-scrollbar { display: none; }
        .vehicle-tabs button, .tabs button { flex: 0 0 auto; white-space: nowrap; }
        .tab-view-head, .section-title { flex-direction: column; align-items: flex-start; }
        .tab-view-head > .btn, .tab-view-head > .actions, .section-title > .actions { width: 100%; }
        .tab-view-head .btn, .section-title .btn { max-width: 100%; }
        .planning-layout, .docs-layout, .autoscout-layout, .vehicle-layout, .tab-grid.two-col, .tab-grid.three-col, .metric-strip, .cards4, .notice-grid { grid-template-columns: minmax(0, 1fr) !important; }
        .panel, .glass, .table-responsive { min-width: 0; max-width: 100%; }
        .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
        .journey, .steps, .calendar-strip { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
        .filterbar, .advanced-filter-grid { grid-template-columns: minmax(0, 1fr) !important; }
        #view-stock .page-head > .actions { width: 100%; margin-left: 0; display: grid; grid-template-columns: 1fr; gap: 8px; }
        #view-stock .page-head > .actions .btn { width: 100%; justify-content: center; }
      }