/* SCORPION CORE V0.5.0 — Design system institutionnel, sans dépendance externe.
   Couleurs inspirées du drapeau de la RDC ; insigne police RDC fourni pour la version de demonstration. */
:root{--night:#071725;--navy:#101f35;--ink:#1c2a41;--blue:#087fc1;--cyan:#22b8df;--yellow:#f8d955;--red:#d8414b;--slate:#758296;--line:#e1e8f0;--paper:#f3f6fa;--white:#fff;--shadow:0 6px 22px rgba(17,39,71,.045)}
body{font-size:13px;letter-spacing:.005em}h1,h2,h3{letter-spacing:-.035em}.national-ribbon{height:4px}.national-ribbon i:first-child{width:64%;background:#0796d1}.national-ribbon i:nth-child(2){width:21%;background:#f7d74b}.national-ribbon i:last-child{background:#d94248}
/* branding */
.brand-emblem{border-radius:10px;background:linear-gradient(145deg,#0f8bbf,#102e4b);box-shadow:none;border:1px solid #338dae88;position:relative;font-size:28px;font-weight:300;color:#b4f5fc}
.brand-emblem:after{content:"";position:absolute;width:8px;height:8px;border:1.5px solid var(--yellow);border-radius:50%;right:6px;top:5px}
.brand b{font-size:16px;letter-spacing:.07em}.brand small{font-size:8px;letter-spacing:.125em}
.public-header{max-width:1400px;padding:22px 44px}.public-header .pub-links a:not(.btn){opacity:.85}.public-header .pub-links a:hover{opacity:1}.public-body{background:#081928}
.hero{background:radial-gradient(ellipse at 76% 44%,#133955,#091b2e 55%,#071625 90%);min-height:620px}.hero:before{background-size:36px 36px;opacity:.11}.hero-grid{max-width:1400px;padding:70px 44px 95px}.hero-text>p{max-width:550px;font-size:14px}.hero h1{letter-spacing:-.052em}.hero-kicker{font-size:10px;letter-spacing:.17em}.hero-art .scope-center{box-shadow:0 0 85px #00a2c426,0 0 80px #00628c21 inset}.scope-orbit{border-color:#51b9d62d}.orbit-chip{border-radius:10px;backdrop-filter:blur(12px);background:#0c2839db}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-card{min-height:210px;box-shadow:0 8px 26px #0002}.module-symbol{margin-bottom:16px}.module-card h3{font-size:17px}.module-card:after{background:linear-gradient(90deg,#0bb1df,#efcc57,#cf3b47)}
/* CRM shell */
.workspace{background:#f4f7fb}.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 4px)}
.sidebar{background:#091b2e;border-right:1px solid #1c3750;min-width:0;position:relative;z-index:12;display:flex;flex-direction:column;box-shadow:7px 0 24px #0a19300a}
.side-brand{padding:30px 22px 26px;border-bottom:1px solid #29415488}.side-brand .brand-emblem{width:39px;height:39px}.side-brand b{font-size:14px}.side-brand small{font-size:7px;color:#8da8ba}
.side-caption{color:#54758f;font-size:9px;font-weight:800;letter-spacing:1.6px;padding:28px 21px 11px;display:flex;align-items:center;justify-content:space-between}.nav-dot{width:5px;height:5px;border-radius:50%;background:#45d5bb}
.side-nav{padding:0 12px 12px;display:flex;flex-direction:column;gap:2px}.side-item{border:1px solid transparent;border-radius:9px;display:flex;align-items:center;gap:11px;min-height:39px;padding:9px 11px;font-size:12px;font-weight:620;color:#9bb2c8;background:transparent}.side-item:hover{background:#18334b;color:#fff}.side-item.active{background:linear-gradient(95deg,#1a5571b9,#17435a66);border-color:#236987;color:#f7fdff;box-shadow:inset 3px 0 #37c5e5}.side-item.active b{width:5px;height:5px;background:#e8d368;border-radius:50%;margin-left:auto}.nav-icon{display:flex;align-items:center;justify-content:center;width:22px;font-size:16px;font-weight:500;color:#68b9ce}.side-item.active .nav-icon{color:#67e4fc}
.side-footer{margin-top:auto;border-top:1px solid #223c5188;padding:19px 20px 22px;color:#728da5}.side-footer p{font-size:10px;line-height:1.65}.side-footer .country-chip{color:#bfd3e3;font-size:10px}.side-footer>a{font-size:11px;color:#64c4e0}
.app-main{min-width:0;background:#f4f7fb}.app-topbar{min-height:76px;background:#fff;border-bottom:1px solid #e3eaf1;padding:15px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:9}.top-left{display:flex;align-items:center;gap:15px}.top-left .eyebrow{font-size:9px;letter-spacing:1.2px;color:#8191a3}.breadcrumb{margin-top:4px;font-size:12px;font-weight:700;color:#273d55}.breadcrumb span{color:#b7c8d6;margin:0 7px}.top-right{display:flex;align-items:center;gap:14px}.who{display:flex;align-items:center;gap:9px;border-left:1px solid #e8edf1;padding-left:15px}.who .avatar{height:32px;width:32px;background:#edf6fc;color:#1c7ca7;border-radius:10px;font-size:13px}.who b{font-size:11px}.who small{font-size:9px}.logout{border:1px solid #edf2f6;border-radius:9px;background:#f5f8fc;color:#456174;width:34px;height:34px;line-height:1}.logout:hover{background:#e9f1f8}.theme-switch{background:#f5f8fc;color:#3e607e;border:1px solid #e6ecf1;border-radius:9px;min-width:34px;height:34px;font-size:17px}.theme-switch:hover{background:#e7f2f9}.demo-label{font-size:9px;letter-spacing:.07em;color:#56848e;background:#f0faf7;border:1px solid #d8f1e7;padding:6px 10px;border-radius:6px;white-space:nowrap}.demo-label .pulse-dot{background:#2abfa0;box-shadow:none;animation:none}
.app-content{max-width:1600px;margin:0 auto;padding:27px 27px 44px}.app-foot{background:#f4f7fb;color:#99a6b4;font-size:10px;padding:15px 27px;border-top:1px solid #e5ebf2}.page-title-row{margin-bottom:23px;gap:16px}.page-title-row h1{font-size:clamp(24px,2.4vw,31px);line-height:1.18;font-weight:780;color:#1d314b;margin:6px 0 9px}.page-title-row .light{font-weight:420;color:#668499}.page-title-row p{font-size:12px;color:#6c7e90;max-width:700px;line-height:1.65;margin:0}.page-title-row .eyebrow{font-size:10px}
.panel{background:#fff;border:1px solid #e2eaf2;border-radius:12px;box-shadow:0 7px 20px #19395905;padding:20px 21px;margin-bottom:18px}.panel-heading{margin-bottom:17px;gap:8px}.panel-heading h2{font-size:16px;margin:3px 0 0;font-weight:730;color:#233a53}.panel-heading .eyebrow{font-size:9px;letter-spacing:.15em}.form-card{padding:24px}.form-card h2{color:#1e3855}.form-card h3{font-size:14px;color:#1e3855}.form-heading{font-size:14px;color:#263c56}.form-card label{color:#50637a;font-size:11px;font-weight:730}.form-card input,.form-card select,.form-card textarea{background:#fbfcfe;color:#1b324c;border-color:#dce6ee;border-radius:8px;min-height:40px;box-shadow:none;font-size:12px;padding:10px 11px}.form-card textarea{line-height:1.55;resize:vertical}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:2px solid #82c9e599;border-color:#6abcd9}.form-card input:disabled{background:#edf0f5;color:#9aa4b1}
.btn{border-radius:8px;min-height:39px;padding:10px 14px;font-size:11px;font-weight:760;box-shadow:none}.btn-primary{background:#0a8dc5;color:#fff;box-shadow:0 4px 10px #048abd20}.btn-primary:hover{background:#087ab2}.btn-light{background:#f2f6fa;color:#49657d;border-color:#e0eaf0}.btn-dark{background:#142f48;border-color:#142f48}.soft-tag{background:#eff8fc;color:#257d9d;border:1px solid #dfeff5;border-radius:7px;font-size:10px}
.table-scroll{border-radius:8px;overflow-x:auto}.panel table{font-size:12px;border-collapse:collapse;width:100%;min-width:590px}.panel table thead{background:#f6f9fc}.panel table th{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#8591a0;padding:11px 12px;border-bottom:1px solid #e3eaf1}.panel table td{font-size:11px;color:#5f7184;padding:11px 12px;border-bottom:1px solid #edf1f5;vertical-align:middle}.panel table tr:last-child td{border-bottom:0}.panel table tr:hover td{background:#fafdff}.panel table td strong,.panel table td b{color:#293d53;font-weight:730}.panel table td a{color:#087fac;font-weight:730}.table-sub{font-size:10px;margin-top:3px;color:#96a4b1}.mono{font-size:10px;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.025em;color:#267e9d!important}
.status{padding:5px 8px;font-size:10px;font-weight:740;color:#306884;border-radius:6px;background:#ecf5fa;border:1px solid #d7e9f1;white-space:nowrap}.status-publiee,.status-cloture,.status-terminee,.status-approuvee{background:#e7f7f0;color:#1a805b;border-color:#bfe8d4}.status-nouvelle,.status-recu,.status-attribuee,.status-planifiee{background:#f1f4fa;color:#5a6980;border-color:#dce4ef}.status-en_cours,.status-verification,.status-en_instruction,.status-traitement,.status-validation{background:#fff7e5;color:#956c1e;border-color:#f5e2b5}.status-rejetee,.status-revoquee,.status-annulee{background:#fff0ee;color:#b3504a;border-color:#f4d4d1}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-box{border:1px solid #e1e9f2;background:#fff;border-radius:11px;padding:16px 17px;min-height:125px;box-shadow:0 7px 20px #13274304;position:relative;overflow:hidden}.stat-box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#06add4,#0b7daa)}.stat-top{font-size:10px;font-weight:710;color:#677e92}.stat-icon{font-size:21px;color:#27a8cb}.stat-number{font-size:30px;font-weight:800;margin-top:12px;letter-spacing:-.06em;color:#17334e;font-variant-numeric:tabular-nums}.stat-box small{font-size:9px;color:#90a0ae}.stat-box:hover{transform:translateY(-2px);border-color:#a8d2e7}.stat-box:nth-child(3n):before{background:linear-gradient(#f9d650,#e5a937)}.stat-box:nth-child(4n):before{background:linear-gradient(#e45c5e,#b93241)}
.main-panels{gap:15px}.dashboard-strip{border:1px solid #dde9f3;border-radius:9px;background:linear-gradient(110deg,#edf8fc,#fff);padding:11px 15px;margin:0 0 17px;display:flex;align-items:center;gap:14px;color:#6b8192;font-size:10px}.dashboard-strip .strip-live{font-size:9px;letter-spacing:.08em;color:#188da9;font-weight:850;white-space:nowrap}.dashboard-strip a{margin-left:auto;color:#127cab;font-weight:730}.quick-links a{border-radius:9px}.chart-caption{font-size:10px}.chart-bars .chart-fill{background:linear-gradient(180deg,#12acd3,#146d9c)}
.detail-grid{gap:17px}.info-list dt{color:#91a0ad;font-size:10px}.info-list dd{color:#273e54;font-size:12px}.timeline li{border-color:#e0eaf1}.mini-row{border:1px solid #e9eff5;border-radius:7px;padding:11px;margin:8px 0;font-size:11px}
.context-banner{display:flex;gap:13px;align-items:center;padding:15px 18px;margin-bottom:17px;background:#eaf5fb;border:1px solid #cee8f4;border-radius:10px;color:#274e69}.context-banner .context-icon{font-size:21px;display:flex;width:36px;height:36px;align-items:center;justify-content:center;background:#d6eefa;border-radius:9px}.context-banner b{display:block;font-size:12px}.context-banner small{display:block;font-size:11px;color:#6b8ca3;line-height:1.5;margin-top:4px}.location-setup{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:15px 0 10px;border-top:1px solid #e9edf2;margin-top:16px}.location-setup>div{flex:1;min-width:225px}.location-setup h3{margin:0 0 6px;font-size:14px}.location-setup p{font-size:11px;color:#73869a;margin:0}.step-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#e1f3fb;color:#1385b3;margin-right:7px;font-size:11px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;color:#587083;font-size:12px;padding:13px 0}
/* alternate dark theme for operators */
.workspace.theme-dark,.theme-dark .app-main,.theme-dark .app-foot{background:#102137;color:#dbe8f3}.theme-dark .app-topbar,.theme-dark .panel,.theme-dark .stat-box{background:#172d43;border-color:#2a455b;box-shadow:none}.theme-dark .page-title-row h1,.theme-dark .panel-heading h2,.theme-dark .panel h2,.theme-dark .form-card h3,.theme-dark .stat-number,.theme-dark .panel table td strong,.theme-dark .panel table td b{color:#e4edf6}.theme-dark .panel table td,.theme-dark .page-title-row p{color:#a7bdd0}.theme-dark .breadcrumb{color:#c2d5e4}.theme-dark .form-card input,.theme-dark .form-card select,.theme-dark .form-card textarea{background:#102237;border-color:#35516b;color:#d7e7f3}.theme-dark .panel table thead{background:#1c344c}.theme-dark .panel table td,.theme-dark .panel table th{border-color:#2b455e}.theme-dark .panel table tr:hover td{background:#223d54}.theme-dark .dashboard-strip{background:#173750;border-color:#285374}.theme-dark .context-banner{background:#173750;border-color:#285374;color:#d1eafa}.theme-dark .info-list dd{color:#d5e9f9}
/* Responsive */
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.demo-label{display:none}.app-content{padding:22px 20px 36px}.app-topbar{padding:15px 20px}}
@media(max-width:900px){.app-shell{display:block}.sidebar{width:244px}.stats-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{padding:45px 30px 80px}}
@media(max-width:620px){.app-content{padding:18px 12px 28px}.app-topbar{padding:10px 12px;min-height:65px}.top-left .eyebrow{font-size:8px}.breadcrumb{font-size:10px}.top-right{gap:7px}.who>div{display:none}.who{padding-left:7px}.demo-label{display:none}.panel{padding:15px 14px}.form-card{padding:16px 14px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-box{padding:12px;min-height:105px}.stat-number{font-size:26px}.stat-top{font-size:9px}.page-title-row h1{font-size:23px}.form-grid.three,.check-grid{grid-template-columns:1fr}.dashboard-strip{display:flex;flex-wrap:wrap}.dashboard-strip a{margin:0}.module-grid{grid-template-columns:1fr}.hero-grid{padding:35px 22px 65px}.public-header{padding:19px 18px}.context-banner{padding:12px}.location-setup>.btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;scroll-behavior:auto!important}}

/* Maintenir une charte lisible même lorsque le viewport rétrécit */
@media(max-width:420px){.hero-art{display:none}.pub-links a:not(.btn){display:none}.public-header .brand small{font-size:7px}}