/* Thème « refresh » (10/11/2026) — Sombre = style B « Profond » · Clair = style C « Contraste doux ».
   Chargé après v4.css : ne change que les couleurs, arrondis et ombres. */

/* ===== SOMBRE (B) ===== */
:root[data-theme="dark"] body.v3{
  --dt-page:#060E17;--dt-card:#0B1928;--dt-surface-2:#10243A;--dt-head:#10243A;--dt-row:#0B1928;--dt-row-alt:#0A1624;--dt-row-hover:#12304C;
  --dt-input:#060E17;--dt-code-bg:#060E17;--dt-locked:#10243A;--dt-text:#D5E0EC;--dt-muted:#8EA4BA;--dt-head-text:#8EA4BA;
  --dt-border:#1B3148;--dt-border-strong:#2B4966;--dt-side:#08121D;--dt-shadow:0 12px 32px rgba(0,0,0,.35);
}
:root[data-theme="dark"] body.v3.v4.app-view:not(.discord-capture){background:radial-gradient(1200px 500px at 70% -10%,rgba(213,43,30,.10),transparent 60%),#060E17!important}
:root[data-theme="dark"] body.v3.v4.app-view:not(.discord-capture) main .panel{background:linear-gradient(180deg,#0E1F32 0%,#0A1726 100%)!important;border:1px solid #1B3148!important;border-radius:16px!important;position:relative;overflow:hidden}
:root[data-theme="dark"] body.v3.v4.app-view:not(.discord-capture) main .panel::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#D52B1E,rgba(213,43,30,0) 70%);pointer-events:none}
:root[data-theme="dark"] body.v3.v4.app-view:not(.discord-capture) main .kpi{background:#0D1D2F!important;border-style:solid!important;border-width:1px 1px 1px 3px!important;border-color:#1B3148 #1B3148 #1B3148 #D52B1E!important;border-radius:14px!important}
:root[data-theme="dark"] body.v3.v4.app-view:not(.discord-capture) main .kpi strong{text-shadow:0 0 18px rgba(79,149,214,.25)}
:root[data-theme="dark"] body.v3.v4.app-view:not(.discord-capture) main .btn:not(.btn-outline):not([disabled]){box-shadow:0 0 22px rgba(213,43,30,.35);border-radius:12px}
:root[data-theme="dark"] body.v3.v4.app-view:not(.discord-capture) main :is(.v4-status,.v4-pill,.v4-chip){border-radius:999px!important}

/* ===== CLAIR (C) ===== */
:root[data-theme="light"] body.v3{
  --dt-page:#E8EFF6;--dt-card:#FFFFFF;--dt-surface-2:#F0F5FA;--dt-head:#EAF1F8;--dt-row:#FFFFFF;--dt-row-alt:#F6F9FC;--dt-row-hover:#E3EDF7;
  --dt-input:#FFFFFF;--dt-text:#1F2D3B;--dt-muted:#587089;--dt-strong:#0B1622;--dt-border:#D2DEEA;--dt-border-strong:#B9C9DA;--dt-side:#FFFFFF;
  --dt-shadow:0 8px 24px rgba(27,85,132,.10);
}
:root[data-theme="light"] body.v3.v4.app-view:not(.discord-capture){background:#E8EFF6!important}
:root[data-theme="light"] body.v3.v4.app-view:not(.discord-capture) main .panel{background:#FFFFFF!important;border:1px solid #D2DEEA!important;border-radius:20px!important;box-shadow:0 8px 24px rgba(27,85,132,.10)!important}
:root[data-theme="light"] body.v3.v4.app-view:not(.discord-capture) main .kpi{background:linear-gradient(135deg,#FFFFFF,#EEF4FA)!important;border:0!important;border-radius:18px!important;box-shadow:0 4px 14px rgba(27,85,132,.08)}
:root[data-theme="light"] body.v3.v4.app-view:not(.discord-capture) main .kpi:first-child{background:linear-gradient(135deg,#1B5584,#2f7fdc)!important}
:root[data-theme="light"] body.v3.v4.app-view:not(.discord-capture) main .kpi:first-child :is(small,strong,span,.muted){color:#fff!important}
:root[data-theme="light"] body.v3.v4.app-view:not(.discord-capture) main .btn:not(.btn-outline){border-radius:999px}
:root[data-theme="light"] body.v3.v4.app-view:not(.discord-capture) main :is(.v4-status,.v4-pill,.v4-chip){border-radius:999px!important}

/* Bloc "À traiter" : lignes cliquables sans soulignement */
a.v4-contract,a.v4-contract:hover{text-decoration:none!important;color:inherit!important}
a.v4-contract b{color:var(--dt-strong,inherit)}
a.v4-contract:hover{opacity:.85}

/* Puces de filtre + plaque en double */
.v4-chips{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}
.v4-chips button{border:1px solid var(--dt-border,#cbd5e1);background:transparent;color:var(--dt-text,inherit);border-radius:999px;padding:6px 14px;font:inherit;font-size:13px;cursor:pointer}
.v4-chips button.on{background:var(--dt-accent,#e5322d);border-color:var(--dt-accent,#e5322d);color:#fff}
.v4-dupbadge{display:inline-block;background:#f59e0b;color:#1b1300;border-radius:999px;font-size:11px;font-weight:700;padding:1px 7px;margin-left:4px}

/* Clôture : liste "Avant de valider" */
.v4-checklist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.v4-checklist li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--dt-surface-2,rgba(128,128,128,.08))}
.v4-checklist li span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-weight:800;font-size:13px;flex:none}
.v4-checklist li.ok span{background:#16a34a;color:#fff}
.v4-checklist li.warn span{background:#f59e0b;color:#1b1300}

/* Vue d'ensemble : colonne principale + graphique CA par jour */
.v4-dash-main{display:grid;gap:18px;align-content:start;min-width:0}
.v4-daybars{display:flex;align-items:flex-end;gap:12px;height:190px;padding-top:6px}
.v4-daycol{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
.v4-daycol i{display:block;width:100%;max-width:70px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#4f95d6,#1b5584)}
.v4-daycol.today i{background:linear-gradient(180deg,#f0463a,#c2261c)}
.v4-daycol b{font-size:11px;white-space:nowrap;color:var(--dt-strong,inherit)}.v4-daycol small{font-size:11px;color:var(--dt-muted,#64748b)}
.v4-table tr.v4-off td{opacity:.55}
.v4-chip-ok{background:rgba(22,163,74,.16);color:#16a34a}.v4-chip-warn{background:rgba(245,158,11,.18);color:#b97806}

/* Clair : cartes KPI bien visibles, texte lisible sur la carte bleue */
:root[data-theme="light"] body.v3.v4.app-view:not(.discord-capture) main .kpi:not(:first-child){background:#FFFFFF!important;border:1px solid #D2DEEA!important;box-shadow:0 8px 24px rgba(27,85,132,.12)!important}
:root[data-theme="light"] body.v3.v4.app-view:not(.discord-capture) main .kpi:first-child :is(*){color:#fff!important}
:root[data-theme="light"] body.v3.v4.app-view:not(.discord-capture) main .kpi:first-child .v4-split{background:rgba(255,255,255,.28)!important}
:root[data-theme="light"] body.v3.v4.app-view:not(.discord-capture) main .kpi:first-child .v4-split i{background:#fff!important}

/* Sombre : cartes KPI = trait rouge à gauche uniquement */
:root[data-theme="dark"] body.v3.v4.app-view:not(.discord-capture) main .v4-dash-kpis .kpi{border:1px solid #1B3148!important;border-left:1px solid #1B3148!important;outline:0!important;box-shadow:inset 3px 0 0 #D52B1E!important;background:#0D1D2F!important}

/* Réparations / Customs : mise en page des maquettes */
body.v3.v4 main.v4-op .v4-op-grid{grid-template-columns:minmax(380px,460px) minmax(0,1fr)!important}
@media(max-width:1180px){body.v3.v4 main.v4-op .v4-op-grid{grid-template-columns:1fr!important}}
.v4-cus-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v4-cus-kpis .kpi{display:flex;flex-direction:column;gap:6px;padding:16px 18px!important;min-height:0}
.v4-cus-kpis .kpi strong{font-size:30px!important;line-height:1.05}
.v4-cus-kpis .kpi small{font-size:11px;letter-spacing:.08em}
.v4-cus-kpis .kpi>span{font-size:12.5px;color:var(--dt-muted)}
@media(max-width:700px){.v4-cus-kpis{grid-template-columns:1fr}}

/* Formulaires plus larges + total qui ne s'écrase pas */
body.v3.v4 main.v4-op .v4-op-grid{grid-template-columns:minmax(480px,560px) minmax(0,1fr)!important}
body.v3.v4 main.v4-op .v4-op-total{flex-wrap:wrap;row-gap:12px}
body.v3.v4 main.v4-op .v4-op-total>div:first-child{flex:1 1 100%}
body.v3.v4 main.v4-op .v4-op-total .v4-amount{flex:1 1 auto;min-width:140px}
body.v3.v4 main.v4-op .v4-op-total .btn{flex:0 0 auto;margin-left:auto}

/* ===== Réparations : finitions (guide plus compact, photos en vignettes, formulaire aéré) ===== */
body.v3.v4 main.v4-op .v4-guide .v4-table th,body.v3.v4 main.v4-op .v4-guide .v4-table td{padding:8px 12px!important;font-size:13px}
body.v3.v4 main.v4-op .v4-guide .v4-table td+td,body.v3.v4 main.v4-op .v4-guide .v4-table th+th{font-variant-numeric:tabular-nums;text-align:right}
body.v3.v4 main.v4-op .v4-guide .v4-table tbody tr{cursor:pointer;transition:background .15s}
body.v3.v4 main.v4-op .v4-guide .v4-table tbody tr:hover{background:var(--dt-row-hover,rgba(128,128,128,.12))}
body.v3.v4 main.v4-op .v4-guide .v4-table td strong{font-size:13px}
body.v3.v4 main.v4-op .v4-guide .v4-side-stats{margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--dt-surface-2,rgba(128,128,128,.08));border:1px solid var(--dt-border,transparent)}
body.v3.v4 main.v4-op .v4-guide .v4-side-stats .side-label{margin:0 0 8px!important;padding:0!important}
body.v3.v4 main.v4-op .v4-guide .v4-side-stats>div:not(.side-label){display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px;border-top:1px solid var(--dt-border,transparent)}
body.v3.v4 main.v4-op .v4-guide .v4-side-stats>div.side-label+div{border-top:0}
body.v3.v4 main.v4-op .v4-photos{margin-top:14px}
body.v3.v4 main.v4-op .v4-photos summary{font-weight:700;cursor:pointer;margin-bottom:10px}
body.v3.v4 main.v4-op .v4-photo-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
body.v3.v4 main.v4-op .v4-photo-grid figure{margin:0}
body.v3.v4 main.v4-op .v4-photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
body.v3.v4 main.v4-op .v4-photo-grid figcaption{font-size:11px;text-align:center;margin-top:4px;color:var(--dt-muted)}
@media(max-width:900px){body.v3.v4 main.v4-op .v4-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* formulaire */
body.v3.v4 main.v4-op .v4-op-form{padding:24px!important}
body.v3.v4 main.v4-op .v4-op-form .field{margin-bottom:14px}
body.v3.v4 main.v4-op .v4-op-form .field>label,body.v3.v4 main.v4-op .v4-op-form label.lbl{font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:6px;display:block}
body.v3.v4 main.v4-op .v4-op-form :is(input,select,textarea){border-radius:12px!important}
body.v3.v4 main.v4-op .v4-op-form .v4-seg{margin-bottom:16px}
body.v3.v4 main.v4-op .v4-op-total{margin-top:22px;padding:16px;border:1px solid var(--dt-border);border-radius:16px;background:var(--dt-surface-2,rgba(128,128,128,.08))}
body.v3.v4 main.v4-op .v4-op-total .v4-amount input{font-size:30px;font-weight:800;background:transparent!important;border:0!important}