/* MCE Modern 2026 — couche visuelle réversible. Active uniquement avec body.mce-modern-2026 */
:root {
  --mce-bg:#f3f7fb; --mce-surface:#ffffff; --mce-surface-2:#edf4fa; --mce-text:#102a43;
  --mce-muted:#5f7387; --mce-border:#d8e3ed; --mce-brand:#0b2a4a; --mce-accent:#087ac1;
  --mce-teal:#058c86; --mce-success:#15803d; --mce-warning:#b66900; --mce-danger:#c93645;
  --mce-shadow:0 14px 38px rgba(23,50,77,.10); --mce-radius:16px; --mce-radius-sm:11px;
  --mce-motion:180ms cubic-bezier(.2,.7,.2,1); color-scheme:light;
}
:root[data-mce-theme="dark"] {
  --mce-bg:#07131f; --mce-surface:#0d2133; --mce-surface-2:#122b40; --mce-text:#edf6fc;
  --mce-muted:#a7bac9; --mce-border:#27445b; --mce-brand:#071b2c; --mce-accent:#49b5f5;
  --mce-teal:#42c8bd; --mce-success:#56d17a; --mce-warning:#ffc25f; --mce-danger:#ff7582;
  --mce-shadow:0 18px 45px rgba(0,0,0,.30); color-scheme:dark;
}
@media (prefers-color-scheme:dark){:root[data-mce-theme="auto"]{--mce-bg:#07131f;--mce-surface:#0d2133;--mce-surface-2:#122b40;--mce-text:#edf6fc;--mce-muted:#a7bac9;--mce-border:#27445b;--mce-brand:#071b2c;--mce-accent:#49b5f5;--mce-teal:#42c8bd;--mce-success:#56d17a;--mce-warning:#ffc25f;--mce-danger:#ff7582;--mce-shadow:0 18px 45px rgba(0,0,0,.30);color-scheme:dark}}
body.mce-modern-2026 { background:var(--mce-bg)!important; color:var(--mce-text)!important; font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,sans-serif!important; }
body.mce-modern-2026 *,body.mce-modern-2026 *::before,body.mce-modern-2026 *::after{box-sizing:border-box}
body.mce-modern-2026 .sidebar{background:linear-gradient(180deg,#071e35 0%,#0a2e50 100%)!important;border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 34px rgba(4,20,34,.16)}
body.mce-modern-2026 .brand{gap:12px}body.mce-modern-2026 .brand-mark{background:linear-gradient(145deg,#28a9ed,#087ac1)!important;border-radius:13px!important;box-shadow:0 8px 20px rgba(8,122,193,.3)}
body.mce-modern-2026 .side-nav{gap:5px}body.mce-modern-2026 .side-nav button{min-height:46px;border-radius:12px!important;color:#cce0ef!important;transition:background var(--mce-motion),transform var(--mce-motion)!important}
body.mce-modern-2026 .side-nav button:hover{background:rgba(255,255,255,.09)!important;transform:translateX(2px)}body.mce-modern-2026 .side-nav button.active{background:linear-gradient(90deg,rgba(41,168,235,.26),rgba(41,168,235,.08))!important;color:#fff!important;box-shadow:inset 3px 0 #46baf7}
body.mce-modern-2026 .workspace{background:var(--mce-bg)!important}body.mce-modern-2026 .command-bar{background:color-mix(in srgb,var(--mce-surface) 90%,transparent)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--mce-border)!important;min-height:78px!important;position:sticky!important;top:0!important;z-index:30}
body.mce-modern-2026 .command-bar h1{color:var(--mce-text)!important;letter-spacing:-.03em}body.mce-modern-2026 .screen-label{color:var(--mce-accent)!important;font-weight:750;letter-spacing:.08em}
body.mce-modern-2026 .stack-layout{gap:18px!important}body.mce-modern-2026 .panel,body.mce-modern-2026 .dashboard-card,body.mce-modern-2026 .detail-card,body.mce-modern-2026 .export-card{background:var(--mce-surface)!important;border:1px solid var(--mce-border)!important;border-radius:var(--mce-radius)!important;box-shadow:var(--mce-shadow)!important;overflow:hidden}
body.mce-modern-2026 .panel>header,body.mce-modern-2026 .panel-header{border-bottom:1px solid var(--mce-border)!important;background:linear-gradient(180deg,var(--mce-surface),color-mix(in srgb,var(--mce-surface-2) 45%,var(--mce-surface)))!important}
body.mce-modern-2026 button,body.mce-modern-2026 .primary-button,body.mce-modern-2026 .ghost-button{min-height:43px;border-radius:11px!important;font-weight:700!important;transition:transform var(--mce-motion),box-shadow var(--mce-motion),background var(--mce-motion)!important}
body.mce-modern-2026 button:hover{transform:translateY(-1px)}body.mce-modern-2026 .primary-button{background:linear-gradient(135deg,#087ac1,#0b64aa)!important;box-shadow:0 8px 22px rgba(8,122,193,.25)!important}
body.mce-modern-2026 input,body.mce-modern-2026 select,body.mce-modern-2026 textarea{background:var(--mce-surface)!important;color:var(--mce-text)!important;border:1px solid var(--mce-border)!important;border-radius:11px!important;min-height:44px!important;box-shadow:0 1px 0 rgba(255,255,255,.04)!important}
body.mce-modern-2026 input:focus,body.mce-modern-2026 select:focus,body.mce-modern-2026 textarea:focus{outline:3px solid color-mix(in srgb,var(--mce-accent) 20%,transparent)!important;border-color:var(--mce-accent)!important}
body.mce-modern-2026 table{border-collapse:separate!important;border-spacing:0!important}body.mce-modern-2026 th{background:var(--mce-surface-2)!important;color:var(--mce-muted)!important;text-transform:uppercase;font-size:.73rem;letter-spacing:.04em}body.mce-modern-2026 td{border-bottom:1px solid var(--mce-border)!important}body.mce-modern-2026 tr:hover td{background:color-mix(in srgb,var(--mce-accent) 5%,var(--mce-surface))!important}
body.mce-modern-2026 .status,body.mce-modern-2026 [class*="status-"]{border-radius:999px!important;font-weight:750!important}
body.mce-modern-2026 .mce-2026-timeline-toolbar{display:grid;grid-template-columns:minmax(190px,1fr) 170px auto;gap:10px;padding:12px;background:var(--mce-surface-2);border:1px solid var(--mce-border);border-radius:14px;margin:0 0 14px}
body.mce-modern-2026 .mce-2026-timeline-toolbar input,body.mce-modern-2026 .mce-2026-timeline-toolbar select{width:100%}
body.mce-modern-2026 .timeline,body.mce-modern-2026 .event-list{position:relative}body.mce-modern-2026 .timeline::before,body.mce-modern-2026 .event-list::before{content:"";position:absolute;left:20px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--mce-accent),var(--mce-teal));opacity:.28}
body.mce-modern-2026 .timeline>*,body.mce-modern-2026 .event-list>*{position:relative;border-left:4px solid var(--mce-accent)!important;margin-bottom:10px!important;border-radius:12px!important;background:var(--mce-surface)!important}
body.mce-modern-2026 [data-mce-event-type="incident"],body.mce-modern-2026 [data-mce-status="urgent"]{border-left-color:var(--mce-danger)!important}body.mce-modern-2026 [data-mce-event-type="ronde"]{border-left-color:var(--mce-teal)!important}body.mce-modern-2026 [data-mce-event-type="service"]{border-left-color:var(--mce-success)!important}
body.mce-modern-2026 .attachment-grid,body.mce-modern-2026 .media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px}body.mce-modern-2026 .attachment-grid img,body.mce-modern-2026 .media-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--mce-border)}
.mce-2026-floating-tools{position:fixed;right:18px;bottom:18px;z-index:9998;display:flex;gap:9px;align-items:center}.mce-2026-floating-tools a,.mce-2026-floating-tools button{height:48px;min-width:48px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;background:#0b2a4a;color:#fff;text-decoration:none;font:700 14px/1 Inter,"Segoe UI",sans-serif;box-shadow:0 15px 35px rgba(5,31,52,.3);cursor:pointer}.mce-2026-floating-tools .quality-link{background:linear-gradient(135deg,#087ac1,#058c86)}
.mce-2026-mode-dialog{position:fixed;inset:0;background:rgba(3,14,24,.58);display:grid;place-items:center;z-index:10000;padding:18px}.mce-2026-mode-dialog>div{width:min(420px,100%);background:var(--mce-surface,#fff);color:var(--mce-text,#102a43);padding:22px;border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.32)}.mce-2026-mode-dialog h3{margin:0 0 8px}.mce-2026-mode-dialog p{color:var(--mce-muted,#5f7387)}.mce-2026-mode-dialog .actions{display:flex;gap:9px;flex-wrap:wrap}.mce-2026-mode-dialog button{border:1px solid var(--mce-border,#d8e3ed);background:var(--mce-surface-2,#edf4fa);color:inherit;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}
@media(max-width:900px){body.mce-modern-2026 .command-bar{min-height:70px!important}.mce-2026-floating-tools{right:12px;bottom:74px}.mce-2026-floating-tools a span{display:none}.mce-2026-floating-tools a{padding:0;width:50px}.mce-2026-timeline-toolbar{grid-template-columns:1fr!important}}
@media(max-width:640px){body.mce-modern-2026 .panel,body.mce-modern-2026 .dashboard-card,body.mce-modern-2026 .detail-card{border-radius:13px!important}body.mce-modern-2026 button{min-height:48px}.mce-2026-floating-tools{bottom:82px}}
@media(prefers-reduced-motion:reduce){body.mce-modern-2026 *,body.mce-modern-2026 *::before,body.mce-modern-2026 *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}