/* LogiMission 3.2.0 — MARLBORO : style inspiré du visuel rouge, blanc et chevrons fourni.
   Les fonctionnalités existantes et leur DOM restent intacts. Clef interne : rouge. */
:root[data-theme="rouge"]{
  --v3-bg:#f2f1f2;
  --v3-panel:#fff;
  --v3-soft:#f8f7f7;
  --v3-text:#1b191b;
  --v3-muted:#68636a;
  --v3-border:#e1dddf;
  --v3-primary:#bd001b;
  --v3-primaryText:#fff;
  --v3-sidebar:#1b191b;
  --v3-sidebarEnd:#251f22;
  --v3-nav:#960019;
  --v3-mast:#a40018;
  --v3-glow:#c3002c30;
  --v3-accent:#c20020;
  --v3-wave:#bd001b;
  --dash-accent:#b60019;
}
/* Vignette du sélecteur : la pointe blanche descend dans le rouge, comme le visuel de référence. */
.v30-preview-rouge{
  background:linear-gradient(180deg,transparent 0 48%,#201d20 48% 100%),
    linear-gradient(150deg,#b8001a 0%,#d30a25 60%,#870012 100%)!important;
  position:relative;overflow:hidden;
  border:2px solid #bf0924!important;
}
.v30-preview-rouge::after{
  content:"";position:absolute;left:17%;width:66%;top:0;height:58%;
  background:#fff;clip-path:polygon(50% 12%,100% 98%,0 98%);
  filter:drop-shadow(0 2px 0 #ffffff44);
}
/* Bannière principale : rouge dégradé + grand chevron blanc, éléments réels au-dessus. */
:root[data-theme="rouge"] .app .v3-masthead{
  background:linear-gradient(104deg,#970016 0%,#c60020 44%,#9a0015 100%)!important;
  border:0!important;border-bottom:4px solid #d6182f!important;
  box-shadow:0 6px 20px #41000b37!important;
  overflow:hidden;position:relative;isolation:isolate;
}
:root[data-theme="rouge"] .app .v3-masthead::before{
  content:"";position:absolute;pointer-events:none;
  width:min(43%,600px);height:125%;left:52%;top:-9%;
  background:linear-gradient(140deg,#fff,#f9f7f7);
  clip-path:polygon(50% 0%,100% 100%,0 100%);
  opacity:1;z-index:0;
}
:root[data-theme="rouge"] .app .v3-masthead::after{
  content:"";position:absolute;pointer-events:none;left:0;bottom:0;width:100%;height:3px;
  background:linear-gradient(90deg,transparent 0%,#fff 28%,#fff 50%,#e5102f 85%);z-index:0;
}
:root[data-theme="rouge"] .app .v3-masthead>*{position:relative;z-index:1}
:root[data-theme="rouge"] .v3-mast-brand strong{
  font-family:Georgia,"Times New Roman",serif!important;
  font-style:normal;letter-spacing:-.8px;font-weight:900;
  text-shadow:0 2px 8px #6c081f77;
}
:root[data-theme="rouge"] .v3-mast-brand em{background:#fff!important;color:#a90019!important;border:1px solid #f2d5d8!important;font-family:Inter,sans-serif}
:root[data-theme="rouge"] .app .sidebar{
  background:linear-gradient(165deg,#1d1a1d 0%,#272125 65%,#620019 100%)!important;
  border-right:3px solid #b40020!important;
  box-shadow:inset -3px 0 #c7001d25!important;
}
:root[data-theme="rouge"] .sidebar .nav-section summary{color:#eadfe1!important;font-weight:900;letter-spacing:1.2px}
:root[data-theme="rouge"] .sidebar .nav-section .nav-btn.active{
  background:linear-gradient(108deg,#d60026,#ad001e 78%,#8d001b)!important;
  border:1px solid #e34359!important;
  border-left:5px solid #fff!important;
  box-shadow:0 4px 14px #e3003049!important;
}
:root[data-theme="rouge"] .sidebar .nav-section .nav-btn:hover:not(.active){background:#e8002733!important;color:#fff}
:root[data-theme="rouge"] .app .main{
  background:radial-gradient(ellipse 70% 24% at 100% 0%,#ffecee 0%,transparent 84%),
    linear-gradient(165deg,#f6f5f6,#eceaeb 88%)!important;
}
/* Correction de priorité : la bannière tableau de bord hérite d'une ombre Samouraï. */
:root[data-theme="rouge"] .app[data-v308-view="dashboard"] .v3-masthead::before{
  content:""!important;display:block!important;
  position:absolute!important;inset:auto!important;
  width:min(43%,600px)!important;height:125%!important;left:52%!important;top:-9%!important;
  background:linear-gradient(150deg,#fff,#f7f5f5)!important;
  clip-path:polygon(50% 0,100% 100%,0 100%)!important;
  opacity:1!important;z-index:0!important;
}
/* Sous-pages : bandeau signature, onglets et champs conservés. */
:root[data-theme="rouge"] .v308-subpage .topbar{
  background:linear-gradient(110deg,#990017 0%,#cd0827 48%,#a4001b 100%)!important;
  border-radius:9px!important;border:0!important;
  border-bottom:4px solid #840017!important;
  box-shadow:0 7px 18px #66001924!important;
  position:relative;overflow:hidden;
}
:root[data-theme="rouge"] .v308-subpage .topbar::before{
  content:"";position:absolute;right:18%;top:0;height:100%;width:22%;
  background:#fff;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.16;pointer-events:none;
}
:root[data-theme="rouge"] .v308-subpage .topbar>*{position:relative;z-index:1}
:root[data-theme="rouge"] .v308-subpage .topbar .heading{font-family:Inter,system-ui,sans-serif;font-size:clamp(27px,3vw,38px);font-weight:900;letter-spacing:-.8px;color:white!important}
:root[data-theme="rouge"] .app .card{border-radius:11px!important;box-shadow:0 5px 16px #17050b13!important}
:root[data-theme="rouge"] .app .card.pad{border-top:4px solid #ba001c!important}
:root[data-theme="rouge"] .app .ticket{box-shadow:0 2px 12px #2a0c1512!important}
:root[data-theme="rouge"] .ticket.urgent{border-left:5px solid #d61130!important}
:root[data-theme="rouge"] .app .btn:not(.danger):not(.secondary){background:linear-gradient(115deg,#ca001d,#a6001c)!important;border-color:#ae001a!important;color:#fff!important}
:root[data-theme="rouge"] .app .btn.secondary{background:#fff!important;border:1px solid #d5cdd0!important;color:#343039!important}
:root[data-theme="rouge"] .app .btn.danger{border:1px solid #dc6d7d!important}
/* Tableau de bord : chiffres au premier plan, diagonale rouge façon pack Marlboro. */
:root[data-theme="rouge"] .app[data-v308-view="dashboard"] .sam-dashboard .sam-heading-row{
  background:linear-gradient(105deg,#fff 0%,#fff 80%,#ffe6eb 100%)!important;
  border-left:6px solid #bf001d!important;
  border-bottom:2px solid #b5001c!important;border-radius:7px!important;
  min-height:91px;
  padding:14px 18px!important;
}
:root[data-theme="rouge"] .app[data-v308-view="dashboard"] .sam-dashboard .sam-heading-row::after{
  content:"";position:absolute;right:0;top:0;height:100%;width:12%;
  background:#c30022;clip-path:polygon(70% 0%,100% 0%,100% 100%,0 100%);opacity:.10;pointer-events:none;
}
:root[data-theme="rouge"] .sam-heading-row{position:relative;overflow:hidden}
:root[data-theme="rouge"] .sam-kicker{font-size:11px!important;font-weight:900!important;letter-spacing:1.8px!important;color:#af0019!important;text-transform:uppercase}
:root[data-theme="rouge"] .sam-welcome h1{font-weight:950!important;color:#242024!important}
:root[data-theme="rouge"] .sam-welcome h1 span{color:#ba001b!important}
:root[data-theme="rouge"] .sam-metric{
  border-radius:7px!important;border:1px solid #dfd8db!important;
  box-shadow:0 6px 15px #2d10161d!important;
  background:linear-gradient(115deg,#fff,#f9f7f7)!important;
  overflow:hidden;
}
:root[data-theme="rouge"] .sam-metric::before{
  left:0;top:0;bottom:0;width:58px!important;
  background:linear-gradient(155deg,#df002b,#a90018)!important;
  clip-path:polygon(28% 0,100% 0,68% 100%,0 100%,0 0)!important;
}
:root[data-theme="rouge"] .sam-metric-symbol{position:relative;color:#fff!important}
:root[data-theme="rouge"] .sam-metric-number{font-size:clamp(25px,2.5vw,37px);font-weight:900;color:#161215!important}
:root[data-theme="rouge"] .sam-panel{
  border-radius:9px!important;border:1px solid #e0d8da!important;
  background:#fff!important;box-shadow:0 5px 17px #2a151821!important;
}
:root[data-theme="rouge"] .sam-panel-head{
  background:linear-gradient(90deg,#fff 0 92%,#fff3f5 100%)!important;
  border-bottom:1px solid #e4d9dd!important;
}
:root[data-theme="rouge"] .sam-panel-head h2{color:#19151a!important;font-weight:900!important}
:root[data-theme="rouge"] .sam-panel-head button{color:#b1001b!important}
:root[data-theme="rouge"] .sam-panel::before{background:#ba001d!important;width:72px!important;height:4px!important;transform:skewX(-34deg)!important}
:root[data-theme="rouge"] .sam-quick-button{border-radius:7px!important;min-height:74px}
:root[data-theme="rouge"] .sam-quick-button.highlight{background:#b8001c!important;border-color:#b8001c!important;color:#fff!important}
:root[data-theme="rouge"] .sam-dashboard-footer{
  position:relative;min-height:150px!important;padding:24px 25px!important;
  background:linear-gradient(90deg,#870013 0%,#ae001ad9 35%,#b2001925 66%,#87001300 100%),
    url('./assets/theme-rouge-logistique.webp') right center/auto 220% no-repeat,
    #920017!important;
  color:#fff!important;font-size:clamp(13px,1.6vw,19px)!important;
  border:2px solid #ad001b!important;border-radius:9px!important;
  box-shadow:0 8px 22px #27071132!important;
  text-shadow:0 2px 4px #210009;
}
/* Réglage du thème, tableaux et navigation sur écrans tactiles : aucun débordement des actions. */
@media(max-width:1100px){
 :root[data-theme="rouge"] .sam-metric::before{width:58px!important}
 :root[data-theme="rouge"] .sam-metric-number{font-size:clamp(25px,2.5vw,32px)}
 :root[data-theme="rouge"] .sam-dashboard-footer{background-size:auto 160%!important}
}
@media(max-width:760px){
 :root[data-theme="rouge"] .app[data-v308-view="dashboard"] .v3-masthead::before{width:50%!important;left:50%!important;opacity:.45!important}
 :root[data-theme="rouge"] .app .v3-masthead{border-bottom-width:3px!important}
 :root[data-theme="rouge"] .v308-subpage .topbar{padding:14px!important}
 :root[data-theme="rouge"] .sam-metric::before{width:48px!important}
 :root[data-theme="rouge"] .sam-dashboard-footer{min-height:108px!important;background-size:auto 125%!important;padding:15px!important}
 :root[data-theme="rouge"] .app[data-v308-view="dashboard"] .sam-dashboard .sam-heading-row{padding:12px!important}
}