/* Thème « Cartouche » : univers plan de chantier. Béton, encre, bleu de plan #1d4ed8 et jaune de signalisation #f3c52b,
   cadres nets, titres en capitales condensées, références en chasse fixe.
   Actif seulement quand l'administrateur le choisit (html[data-skin="cartouche"]) ; le rendu classique n'est pas modifié. */
html[data-skin="cartouche"]{--ct-paper:#e8e7e1;--ct-sheet:#f9f8f4;--ct-ink:#18202c;--ct-line:#b9b6aa;--ct-plan:#1d4ed8;--ct-jaune:#f3c52b;--ct-mut:#626a77;--ct-ok:#2b8a57;--ct-red:#c0392b;
 --blue:#1d4ed8;--ink:#18202c;--muted:#626a77;--border:#b9b6aa;--bg:#e8e7e1;--suite-blue:#1d4ed8;--suite-text:#18202c;--suite-bg:#e8e7e1;
 --ct-display:'Barlow Condensed','Arial Narrow',sans-serif;--ct-mono:'IBM Plex Mono',ui-monospace,monospace}
html[data-skin="cartouche"] body{background-color:var(--ct-paper);background-image:linear-gradient(#0000000b 1px,transparent 1px),linear-gradient(90deg,#0000000b 1px,transparent 1px);background-size:24px 24px;color:var(--ct-ink);font-family:'IBM Plex Sans',Arial,sans-serif}
html[data-skin="cartouche"] h1,html[data-skin="cartouche"] h2,html[data-skin="cartouche"] h3{font-family:var(--ct-display);letter-spacing:.02em;color:var(--ct-ink)}

/* Menu de gauche : encre, entrée active repérée par un liseré hachuré jaune */
html[data-skin="cartouche"] .sidebar{background:var(--ct-ink);border:0;box-shadow:none}
html[data-skin="cartouche"] .sidebar .brand{background:#fff;border:2px solid var(--ct-jaune);padding:4px}
html[data-skin="cartouche"] .sidebar .nav-caption{font-family:var(--ct-mono);font-size:10px;letter-spacing:.18em;color:#7e8999;font-weight:500}
html[data-skin="cartouche"] .sidebar .quick-search{background:#ffffff0d;border:1px solid #ffffff2e;border-radius:0}
html[data-skin="cartouche"] .sidebar .quick-search input:not([type=checkbox]):not([type=radio]){background:transparent;border:0;outline:0;color:#e8ecf2;border-radius:0}
html[data-skin="cartouche"] .sidebar nav button{position:relative;border-radius:0;color:#cdd3dd;font-weight:500;min-height:38px}
html[data-skin="cartouche"] .sidebar nav button:hover{background:#ffffff12;color:#fff}
html[data-skin="cartouche"] .sidebar nav button.active{background:#28354c;color:#fff;box-shadow:none;font-weight:600}
html[data-skin="cartouche"] .sidebar nav button.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:repeating-linear-gradient(-45deg,var(--ct-jaune) 0 3px,#28354c 3px 6px)}
html[data-skin="cartouche"] #nav .nav-ico{border-radius:0;background:transparent;box-shadow:none;border:1.5px solid #ffffff4d}
html[data-skin="cartouche"] #nav button.active .nav-ico{background:var(--ct-jaune);border-color:var(--ct-jaune)}
html[data-skin="cartouche"] #nav button.active .nav-ico svg{stroke:var(--ct-ink)}
html[data-skin="cartouche"] .sidebar .nav-count,html[data-skin="cartouche"] .sidebar .nav-badge{background:var(--ct-jaune);color:var(--ct-ink);border-radius:0;font-family:var(--ct-mono);font-weight:600}
html[data-skin="cartouche"] .sidebar .demo-note{background:transparent;border:1.5px solid #6bd49b;color:#6bd49b;border-radius:0;font-family:var(--ct-mono);font-size:11px}
html[data-skin="cartouche"] .sidebar .demo-note small{color:#8bd8ab}
html[data-skin="cartouche"] .sidebar .avatar{background:var(--ct-paper);color:var(--ct-ink);border-radius:0}

/* Barre du haut et en-tête : fil d'Ariane en chasse fixe, titre en capitales condensées */
html[data-skin="cartouche"] .topbar{background:var(--ct-sheet);border-bottom:2px solid var(--ct-ink)}
html[data-skin="cartouche"] .breadcrumb,html[data-skin="cartouche"] .top-date{font-family:var(--ct-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ct-mut)}
html[data-skin="cartouche"] .breadcrumb b{color:var(--ct-ink);font-weight:600}
html[data-skin="cartouche"] .theme-switch{border:1.5px solid var(--ct-ink);border-radius:0;background:var(--ct-sheet);padding:0}
html[data-skin="cartouche"] .theme-switch button{border-radius:0;font-family:var(--ct-display);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:13px}
html[data-skin="cartouche"] .theme-switch button[aria-pressed="true"]{background:var(--ct-ink);color:#fff}
html[data-skin="cartouche"] .avatar{background:var(--ct-ink);color:#fff;border-radius:0;font-family:var(--ct-display);letter-spacing:.06em}
html[data-skin="cartouche"] .page-heading .eyebrow{display:block;font-family:var(--ct-mono);font-size:11px;letter-spacing:.14em;color:var(--ct-plan);font-weight:500}
html[data-skin="cartouche"] .page-heading h1{font-weight:700;font-size:44px;line-height:1;text-transform:uppercase;letter-spacing:.015em;margin:4px 0 6px}
html[data-skin="cartouche"] .page-heading p,html[data-skin="cartouche"] .muted{color:var(--ct-mut)}

/* Boutons et champs : angles vifs, bouton principal « tampon » avec ombre décalée */
html[data-skin="cartouche"] .primary{background:var(--ct-plan);color:#fff;border:1.5px solid var(--ct-ink);border-radius:0;box-shadow:3px 3px 0 var(--ct-ink);font-family:var(--ct-display);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase}
html[data-skin="cartouche"] .primary:hover{background:var(--ct-plan);transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ct-ink)}
html[data-skin="cartouche"] .outline-button{background:var(--ct-sheet);color:var(--ct-ink);border:1.5px solid var(--ct-ink);border-radius:0;font-family:var(--ct-display);font-weight:600;letter-spacing:.07em;text-transform:uppercase;font-size:14px}
html[data-skin="cartouche"] .outline-button:hover{background:var(--ct-ink);color:#fff}
html[data-skin="cartouche"] .text-button{color:var(--ct-plan);font-weight:600}
html[data-skin="cartouche"] input:not([type=checkbox]):not([type=radio]),html[data-skin="cartouche"] select,html[data-skin="cartouche"] textarea{border:1.5px solid var(--ct-ink);border-radius:0;background:#fff;color:var(--ct-ink)}
html[data-skin="cartouche"] input:focus,html[data-skin="cartouche"] select:focus,html[data-skin="cartouche"] textarea:focus{outline:3px solid var(--ct-jaune);outline-offset:0}
html[data-skin="cartouche"] .search-box{background:#fff;border:1.5px solid var(--ct-ink);border-radius:0;box-shadow:none}
html[data-skin="cartouche"] .search-box input:not([type=checkbox]):not([type=radio]){border:0;outline:0;background:transparent}
html[data-skin="cartouche"] .segmented{background:var(--ct-sheet);border:1.5px solid var(--ct-ink);border-radius:0;padding:0;box-shadow:none}
html[data-skin="cartouche"] .segmented button{border-radius:0;font-family:var(--ct-display);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:14px;color:var(--ct-ink)}
html[data-skin="cartouche"] .segmented button.selected{background:var(--ct-ink);color:#fff;box-shadow:none}

/* Planches : panneaux et indicateurs cadrés à l'encre, sans ombre portée */
html[data-skin="cartouche"] .panel,html[data-skin="cartouche"] .metric,html[data-skin="cartouche"] .support-card,html[data-skin="cartouche"] .suite-mini-kpi,html[data-skin="cartouche"] .cc-card{background:var(--ct-sheet);border:1.5px solid var(--ct-ink);border-radius:2px;box-shadow:none}
html[data-skin="cartouche"] .panel-heading h2,html[data-skin="cartouche"] .panel>h2,html[data-skin="cartouche"] .section-label{font-family:var(--ct-display);font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:.06em}
html[data-skin="cartouche"] .panel-heading p{font-family:var(--ct-mono);font-size:11px;color:var(--ct-mut)}
html[data-skin="cartouche"] .metric-top{font-family:var(--ct-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ct-mut);font-weight:500}
html[data-skin="cartouche"] .metric strong{font-family:var(--ct-display);font-weight:700;font-size:44px;line-height:1.05;letter-spacing:.01em;color:var(--ct-ink)}
html[data-skin="cartouche"] .metric-bottom{font-family:var(--ct-mono);font-size:11px;color:var(--ct-mut);border-top:1.5px solid var(--ct-ink);padding-top:6px;margin-top:8px}
html[data-skin="cartouche"] .count-bubble{background:var(--ct-jaune);color:var(--ct-ink);border-radius:0;border:1.5px solid var(--ct-ink);font-family:var(--ct-mono);font-weight:600}
html[data-skin="cartouche"] table th{font-family:var(--ct-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--ct-mut);background:transparent;border-bottom:1.5px solid var(--ct-ink)}
html[data-skin="cartouche"] table td{border-bottom:1px solid var(--ct-line);border-top:0}
html[data-skin="cartouche"] tbody tr:hover td{background:#f3e9b8}
html[data-skin="cartouche"] .table-heading span:first-child{font-family:var(--ct-display);font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.06em}
html[data-skin="cartouche"] .section-divider,html[data-skin="cartouche"] .task-item,html[data-skin="cartouche"] .renewal-item{border-color:var(--ct-line)}
html[data-skin="cartouche"] .renewal-total{background:#fff;border:1.5px solid var(--ct-ink);border-radius:0;font-family:var(--ct-mono);font-size:12px}
html[data-skin="cartouche"] .renewal-total strong{font-family:var(--ct-display);font-size:22px;letter-spacing:.02em}
html[data-skin="cartouche"] .company-logo{background:#fff;color:var(--ct-ink);border:1.5px solid var(--ct-ink);border-radius:0;font-family:var(--ct-display);font-weight:700}
html[data-skin="cartouche"] .source-notice{background:#fbf3cf;color:var(--ct-ink);border:1.5px solid var(--ct-ink);border-left:6px solid var(--ct-jaune);border-radius:0}
html[data-skin="cartouche"] .contract-banner{background:var(--ct-ink);color:#fff;border:1.5px solid var(--ct-ink);border-radius:0}
html[data-skin="cartouche"] .contract-banner *{color:inherit}
html[data-skin="cartouche"] .contract-banner strong{font-family:var(--ct-display);font-size:34px;color:var(--ct-jaune)}

/* Étiquettes de statut : cadre net, capitales en chasse fixe */
html[data-skin="cartouche"] .tag{font-family:var(--ct-mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:0;border:1.5px solid var(--ct-ink);background:transparent;color:var(--ct-ink);padding:2px 7px}
html[data-skin="cartouche"] .tag.orange{background:var(--ct-jaune)}
html[data-skin="cartouche"] .tag.green{background:#d9efe2;border-color:var(--ct-ok);color:#1d6b42}
html[data-skin="cartouche"] .tag.purple{background:#e2e6fb;color:#2b3a9a}

/* Graphiques : barres pleines bleu de plan, périodes précédentes hachurées */
html[data-skin="cartouche"] .bar{background:var(--ct-plan);border:1.5px solid var(--ct-ink);border-radius:0}
html[data-skin="cartouche"] .bar.old{background:repeating-linear-gradient(-45deg,transparent 0 5px,#18202c33 5px 6px),var(--ct-sheet)}
html[data-skin="cartouche"] .pipeline-step{border-radius:0}
html[data-skin="cartouche"] .cc-bar{background:var(--ct-plan);border-radius:0}

/* Pipeline : colonnes numérotées en phases, cartes cadrées */
html[data-skin="cartouche"] .board{counter-reset:phase}
html[data-skin="cartouche"] .board-column,html[data-skin="cartouche"] .board-column:nth-child(n){background:transparent;border:0;border-radius:0;padding:0;counter-increment:phase}
html[data-skin="cartouche"] .column-heading{background:var(--ct-ink);color:#fff;padding:9px 12px;font-family:var(--ct-display);font-weight:700;font-size:16px;letter-spacing:.1em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:baseline}
html[data-skin="cartouche"] .column-heading>span:first-child:before{content:"PH." counter(phase);display:block;font-family:var(--ct-mono);font-size:10px;font-weight:500;letter-spacing:.08em;color:#9aa5b6}
html[data-skin="cartouche"] .column-heading .tag{background:var(--ct-jaune);color:var(--ct-ink);border-color:var(--ct-jaune)}
html[data-skin="cartouche"] .column-total{font-family:var(--ct-mono);font-size:12px;font-weight:600;color:var(--ct-ink);padding:8px 2px}
html[data-skin="cartouche"] .deal-card{background:var(--ct-sheet);border:1.5px solid var(--ct-ink);border-radius:0;box-shadow:none;padding:12px}
html[data-skin="cartouche"] .deal-card:hover,html[data-skin="cartouche"] .deal-card:focus-visible{background:#fff;box-shadow:3px 3px 0 var(--ct-ink);outline:0}
html[data-skin="cartouche"] .deal-card h3{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:13.5px;letter-spacing:0}
html[data-skin="cartouche"] .deal-card .amount{font-family:var(--ct-display);font-weight:700;font-size:20px;letter-spacing:.02em;color:var(--ct-ink)}
html[data-skin="cartouche"] .deal-card-bottom{font-family:var(--ct-mono);font-size:10px;border-top:1px solid var(--ct-line);padding-top:6px}
html[data-skin="cartouche"] .deal-card .avatar{background:var(--ct-ink);color:#fff}

/* Fenêtres et fiches */
html[data-skin="cartouche"] dialog{border:2px solid var(--ct-ink);border-radius:0;box-shadow:8px 8px 0 var(--ct-ink);background:var(--ct-sheet)}
html[data-skin="cartouche"] dialog::backdrop{background:#18202c88}
html[data-skin="cartouche"] .client-roster-item{border-radius:0}
html[data-skin="cartouche"] .skin-option{border-radius:0}
@media(min-width:651px){html[data-skin="cartouche"] .page-heading h1{font-size:44px}}