/* SCORPION CORE V0.5.2 — identité de démonstration, couleurs RDC.
   Emblème fourni par le porteur de projet; n'implique aucune validation institutionnelle.
   Garder cette feuille chargée après app.css et refined.css. */
:root{--sc-deep:#061837;--sc-navy:#09243d;--sc-sky:#23bde5;--sc-flagblue:#00a4da;--sc-gold:#f6d74f;--sc-red:#d83f4c}
.brand-seal{width:50px;height:53px;display:grid;place-items:center;flex:0 0 auto;position:relative;isolation:isolate}
.brand-seal img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 7px #0007)}
.public-header{align-items:center;gap:14px;max-width:1440px;padding-top:14px;padding-bottom:14px}
.public-header .brand{gap:12px;flex-shrink:0}.public-header .brand b{letter-spacing:.045em;font-size:17px}.public-header .brand small{font-size:8px;letter-spacing:.13em}
.public-header .pub-links{gap:20px}.public-body{background:var(--sc-deep)}
.public-body .national-ribbon,.workspace .national-ribbon{background:linear-gradient(90deg,#00a2d8 0 64%,#efd14c 64% 83%,#d83749 83% 100%)}
.hero{background:radial-gradient(ellipse at 72% 40%,#123b5a 0%,#0a2036 51%,#061426 95%);min-height:650px}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#00b4ea05 52%,transparent 65%)}
.hero-grid{max-width:1440px;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:16px;padding-top:62px;padding-bottom:75px;align-items:center}
.hero-art{min-height:490px}
.hero-art .scope-center{width:280px;height:280px;padding:20px;box-shadow:0 0 95px #00a8df35,0 0 80px #00628c21 inset;background:radial-gradient(circle,#153b60 0%,#0b2540 65%,#071b32 100%);border:1px solid #327caa;position:relative}
.hero-art .scope-center:before{content:"";position:absolute;inset:9px;border-radius:50%;border:1px dashed #f4d54a42;pointer-events:none}
.scope-insigne{height:154px;display:flex;align-items:center;justify-content:center;margin-top:-4px;margin-bottom:4px}
.scope-insigne img{display:block;width:132px;height:145px;object-fit:contain;filter:drop-shadow(0 11px 16px #0009)}
.hero-art .scope-center span{font-size:10px;letter-spacing:.21em}
.hero-art .scope-center b{font-size:27px;line-height:1.16;letter-spacing:.18em;color:#e8f8ff}
.hero-art .scope-center small{font-size:7px;letter-spacing:1px;color:#d8d4ad;margin-top:8px}
.hero-text h1{font-weight:800;letter-spacing:-.06em}
.hero-text h1 span{color:#2fc4eb}
.hero-text>p{font-size:14px;max-width:580px}
.hero-note{max-width:570px}
.hero-kicker{font-size:10px}
.hero-line{background:var(--sc-gold)}
.public-header .btn-primary,.hero-actions .btn-primary,.journey-cta .btn-primary{background:#008fc8;color:#fff;box-shadow:0 7px 24px #00a0c522}
.public-header .btn-primary:hover,.hero-actions .btn-primary:hover,.journey-cta .btn-primary:hover{background:#0aa8df}
.orbit-chip{background:#0b2c46ed;border-color:#1c6385;border-radius:9px;backdrop-filter:blur(5px)}
.orbit-chip span{color:#ffe277}
.scope-coordinate{color:#5d9bb3}
.public-footer{font-size:10px;line-height:1.7}
.module-card{position:relative;border-radius:13px;box-shadow:0 9px 28px #071b3609}
.module-card:after{height:3px}
/* Login with official emblem: independent demo label is kept visible */
.login-badge{display:flex;align-items:center;gap:9px;letter-spacing:.12em;font-size:10px}
.login-badge img{object-fit:contain;display:block;width:27px;height:29px;filter:drop-shadow(0 3px 3px #06183734)}
.login-card{border:1px solid #e8eef5}
/* Compact refined CRM branding */
.side-brand{gap:10px;padding:17px 16px 16px}
.side-brand .brand-seal{height:52px;width:47px}
.side-brand .brand b{letter-spacing:.015em}
.side-brand small{font-size:7px}
.sidebar{background:linear-gradient(165deg,#061a30 0%,#0b2138 78%,#082239 100%)}
.side-nav{padding-top:4px}
.side-item{min-height:40px}
.side-item.active{background:linear-gradient(90deg,#175675cb,#14506a44);border-color:#2a7897;box-shadow:inset 3px 0 var(--sc-gold)}
.app-topbar{border-top:0}
.stat-box:first-child:before{background:linear-gradient(#14b9eb,#0284bb)}
.app-foot{font-size:10px}
/* Header seal should remain legible on the smallest screens. */
@media(max-width:1050px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr)}.hero-art .scope-center{width:250px;height:250px}.scope-insigne{height:137px}.scope-insigne img{height:125px;width:113px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding-top:42px}.public-header{padding:13px 23px}.hero-art{display:none}.hero{min-height:initial}}
@media(max-width:650px){.brand-seal{width:38px;height:43px}.public-header{padding:12px 16px}.public-header .brand{gap:7px}.public-header .brand b{font-size:13px}.public-header .brand small{font-size:6px;letter-spacing:.09em}.public-header .pub-links{gap:5px}.public-header .pub-links .btn{font-size:9px;padding:9px 8px}.side-brand .brand-seal{width:43px;height:48px}.hero-grid{padding:44px 20px 68px}.hero-text h1{letter-spacing:-.04em}.hero-text>p{font-size:13px}.login-badge{font-size:9px;letter-spacing:.05em}}
@media(prefers-reduced-motion:reduce){.circuit-scene,.signals{animation:none!important}}