*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden}

[data-theme="dynors-dark"]{--bg:#070809;--card:#0E1014;--overlay:#13161C;--hover:#1A1E27;--hover2:#202530;--border:#1E2330;--border2:#2A3345;--primary:#5876F7;--pb:#4A69F7;--ps:rgba(88,118,247,0.12);--ps2:rgba(88,118,247,0.06);--txt:#F0F2FF;--txt2:#8B92A9;--txt3:#5C6478;--success:#10B981;--sbg:rgba(16,185,129,0.10);--sb:rgba(16,185,129,0.28);--warn:#F59E0B;--wbg:rgba(245,158,11,0.10);--wb:rgba(245,158,11,0.28);--danger:#EF4444;--dbg:rgba(239,68,68,0.10);--db:rgba(239,68,68,0.28);--info:#3B82F6;--ibg:rgba(59,130,246,0.10);--ib:rgba(59,130,246,0.28);--font:'Inter',sans-serif;--font-h:'Plus Jakarta Sans',sans-serif;--font-m:'JetBrains Mono',monospace;--r:4px;--r2:8px;--r3:12px;--r4:16px}
[data-theme="enterprise"]{--bg:#F4F5F7;--card:#FFFFFF;--overlay:#F0F1F3;--hover:#E8EAED;--hover2:#DDE0E5;--border:#DDE1E9;--border2:#C8CDD8;--primary:#0052CC;--pb:#0065FF;--ps:rgba(0,82,204,0.08);--ps2:rgba(0,82,204,0.04);--txt:#172B4D;--txt2:#5E6C84;--txt3:#97A0AF;--success:#006644;--sbg:#E3FCEF;--sb:#ABF5D1;--warn:#FF8B00;--wbg:#FFFAE6;--wb:#FFE380;--danger:#DE350B;--dbg:#FFEBE6;--db:#FFBDAD;--info:#0052CC;--ibg:#DEEBFF;--ib:#B3D4FF;--font:'IBM Plex Sans',sans-serif;--font-h:'IBM Plex Sans',sans-serif;--font-m:'JetBrains Mono',monospace;--r:3px;--r2:4px;--r3:6px;--r4:8px}
[data-theme="carbon"]{--bg:#161616;--card:#262626;--overlay:#393939;--hover:#353535;--hover2:#404040;--border:#393939;--border2:#525252;--primary:#78A9FF;--pb:#0F62FE;--ps:rgba(120,169,255,0.10);--ps2:rgba(120,169,255,0.05);--txt:#F4F4F4;--txt2:#C6C6C6;--txt3:#8D8D8D;--success:#42BE65;--sbg:rgba(66,190,101,0.10);--sb:rgba(66,190,101,0.3);--warn:#F1C21B;--wbg:rgba(241,194,27,0.10);--wb:rgba(241,194,27,0.3);--danger:#FA4D56;--dbg:rgba(250,77,86,0.10);--db:rgba(250,77,86,0.3);--info:#78A9FF;--ibg:rgba(120,169,255,0.10);--ib:rgba(120,169,255,0.3);--font:'IBM Plex Sans',sans-serif;--font-h:'IBM Plex Sans',sans-serif;--font-m:'JetBrains Mono',monospace;--r:0px;--r2:2px;--r3:2px;--r4:2px}
[data-theme="ocean"]{--bg:#06111F;--card:#0B1E34;--overlay:#102845;--hover:#163355;--hover2:#1A3D66;--border:#1A3358;--border2:#234B7A;--primary:#38BDF8;--pb:#0EA5E9;--ps:rgba(56,189,248,0.12);--ps2:rgba(56,189,248,0.06);--txt:#E0F2FE;--txt2:#7CB9D6;--txt3:#4A7A9B;--success:#34D399;--sbg:rgba(52,211,153,0.10);--sb:rgba(52,211,153,0.3);--warn:#FCD34D;--wbg:rgba(252,211,77,0.10);--wb:rgba(252,211,77,0.3);--danger:#F87171;--dbg:rgba(248,113,113,0.10);--db:rgba(248,113,113,0.3);--info:#38BDF8;--ibg:rgba(56,189,248,0.10);--ib:rgba(56,189,248,0.3);--font:'DM Sans',sans-serif;--font-h:'DM Sans',sans-serif;--font-m:'JetBrains Mono',monospace;--r:6px;--r2:10px;--r3:14px;--r4:18px}
[data-theme="slate"]{--bg:#1A1A22;--card:#23232E;--overlay:#2C2C3A;--hover:#333342;--hover2:#3C3C4E;--border:#38384A;--border2:#48485E;--primary:#A78BFA;--pb:#7C3AED;--ps:rgba(167,139,250,0.12);--ps2:rgba(167,139,250,0.06);--txt:#EAEAF5;--txt2:#9898B8;--txt3:#666680;--success:#4ADE80;--sbg:rgba(74,222,128,0.10);--sb:rgba(74,222,128,0.3);--warn:#FB923C;--wbg:rgba(251,146,60,0.10);--wb:rgba(251,146,60,0.3);--danger:#F87171;--dbg:rgba(248,113,113,0.10);--db:rgba(248,113,113,0.3);--info:#60A5FA;--ibg:rgba(96,165,250,0.10);--ib:rgba(96,165,250,0.3);--font:'DM Sans',sans-serif;--font-h:'DM Sans',sans-serif;--font-m:'JetBrains Mono',monospace;--r:6px;--r2:10px;--r3:16px;--r4:20px}

body{background:var(--bg);font-family:var(--font);color:var(--txt);font-size:13px}
input,select,button,textarea{font-family:var(--font)}
::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}

.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}

/* ═══ TOPBAR ═══ */
.top{height:52px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 18px;gap:0;flex-shrink:0;z-index:50}
.top-logo{font-family:var(--font-h);font-size:15px;font-weight:800;letter-spacing:-0.3px;user-select:none;padding-right:16px;border-right:1px solid var(--border);margin-right:14px}
.top-logo .r{color:var(--danger)}
.top-logo .d{color:var(--txt);font-size:11px;font-weight:500;margin-left:4px;opacity:0.6}
.top-tabs{display:flex;height:100%;align-items:stretch}
.tt{display:flex;align-items:center;gap:5px;padding:0 14px;font-size:12px;font-weight:500;color:var(--txt2);cursor:pointer;border-bottom:2px solid transparent;transition:all 0.12s;white-space:nowrap}
.tt:hover{color:var(--txt);background:var(--hover)}
.tt.on{color:var(--primary);border-bottom-color:var(--primary);background:var(--ps)}
.tt .badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:99px;background:var(--dbg);color:var(--danger)}
.top-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.theme-strip{display:flex;gap:4px;padding-right:12px;border-right:1px solid var(--border)}
.td{width:14px;height:14px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all 0.15s}
.td.on{border-color:var(--txt);transform:scale(1.2)}
.sr-input{background:var(--overlay);border:1px solid var(--border);border-radius:var(--r);padding:5px 10px 5px 28px;font-size:11px;color:var(--txt);width:180px;outline:none;transition:border-color 0.12s;position:relative}
.sr-input:focus{border-color:var(--primary)}
.sr-wrap{position:relative;display:flex;align-items:center}
.sr-icon{position:absolute;left:9px;color:var(--txt3);pointer-events:none;z-index:1}
.abtn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:500;border-radius:var(--r);cursor:pointer;border:1px solid var(--border);color:var(--txt2);background:transparent;transition:all 0.1s;font-family:var(--font)}
.abtn:hover{background:var(--hover);color:var(--txt)}
.abtn.pri{background:var(--pb);color:#fff;border-color:transparent;font-weight:600}
.abtn.pri:hover{background:var(--primary)}
.abtn.red{background:var(--dbg);color:var(--danger);border-color:var(--db)}
.user-av{width:28px;height:28px;border-radius:50%;background:var(--dbg);border:1.5px solid var(--danger);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--danger);cursor:pointer;flex-shrink:0}

/* ═══ BODY ═══ */
.body{display:flex;flex:1;overflow:hidden}

/* ═══ SIDEBAR ═══ */
.sb{width:216px;background:var(--card);border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column}
.sg{padding:4px 0}
.sg-h{font-size:9px;font-weight:700;color:var(--txt3);text-transform:uppercase;letter-spacing:0.9px;padding:8px 12px 3px;display:flex;align-items:center;justify-content:space-between}
.sg-cnt{font-size:10px;font-weight:700;padding:1px 5px;border-radius:99px;background:var(--overlay);color:var(--txt3)}
.ni{display:flex;align-items:center;gap:7px;padding:7px 12px;color:var(--txt2);cursor:pointer;font-size:12px;border-left:2px solid transparent;transition:all 0.1s;border-radius:0 var(--r2) var(--r2) 0;margin:1px 4px 1px 0}
.ni:hover{background:var(--hover);color:var(--txt)}
.ni.on{color:var(--primary);border-left-color:var(--primary);background:var(--ps);font-weight:500}
.ni-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.ni-tag{margin-left:auto;font-size:9px;font-weight:700;padding:1px 5px;border-radius:99px}
.nt-ok{background:var(--sbg);color:var(--success)}
.nt-w{background:var(--wbg);color:var(--warn)}
.nt-d{background:var(--dbg);color:var(--danger)}
.nt-i{background:var(--ibg);color:var(--info)}
.nt-p{background:var(--ps);color:var(--primary)}
.sb-foot{margin-top:auto;padding:10px;border-top:1px solid var(--border)}
.user-row{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:var(--r2);cursor:pointer}
.user-row:hover{background:var(--hover)}
.ua-lg{width:30px;height:30px;border-radius:50%;background:var(--dbg);border:1.5px solid var(--danger);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--danger);flex-shrink:0}

/* ═══ MAIN ═══ */
.main{flex:1;display:flex;flex-direction:column;overflow:hidden}
.bc{padding:6px 18px;display:flex;align-items:center;gap:4px;font-size:11px;color:var(--txt3);border-bottom:1px solid var(--border);background:var(--overlay);flex-shrink:0}
.bc-sep{opacity:0.4}
.bc a{color:var(--txt2);cursor:pointer}
.bc a:hover{color:var(--primary)}
.bc-cur{color:var(--txt);font-weight:500}

/* ACTION BAR */
.abar{height:42px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 18px;gap:5px;flex-shrink:0}
.abar-r{margin-left:auto;display:flex;align-items:center;gap:4px}
.view-btns{display:flex;gap:1px;background:var(--border);border-radius:var(--r);overflow:hidden}
.vb{padding:4px 10px;font-size:10px;font-weight:600;cursor:pointer;color:var(--txt3);background:var(--card);border:none;font-family:var(--font);transition:all 0.1s}
.vb.on{background:var(--primary);color:#fff}
.vb:hover:not(.on){background:var(--hover);color:var(--txt2)}
.asep{width:1px;height:20px;background:var(--border);margin:0 3px;flex-shrink:0}

/* CONTENT */
.cnt{flex:1;overflow:hidden;display:flex;flex-direction:column}

/* ═══ VIEWS ═══ */
.view{display:none;flex:1;overflow:hidden}
.view.on{display:flex;flex-direction:column}

/* ═══ PIPELINE KANBAN ═══ */
.kanban{display:flex;gap:0;height:100%;overflow-x:auto;background:var(--bg);padding:14px}
.kanban::-webkit-scrollbar{height:6px}
.col{width:240px;min-width:240px;background:var(--card);border:1px solid var(--border);border-radius:var(--r3);display:flex;flex-direction:column;flex-shrink:0}
.col-h{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--overlay);border-radius:var(--r3) var(--r3) 0 0;flex-shrink:0}
.col-title{font-size:11px;font-weight:700;color:var(--txt);display:flex;align-items:center;gap:6px}
.col-bar{width:8px;height:8px;border-radius:2px}
.col-cnt{font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;background:var(--overlay);border:1px solid var(--border);color:var(--txt2)}
.col-val{font-size:10px;font-weight:600;color:var(--txt3)}
.col-cards{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:7px}
.card{background:var(--overlay);border:1px solid var(--border);border-radius:var(--r2);padding:10px 12px;cursor:pointer;transition:all 0.15s;position:relative}
.card:hover{border-color:var(--border2);background:var(--hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}
.card.hot{border-left:3px solid var(--danger)}
.card-title{font-size:11px;font-weight:600;color:var(--txt);margin-bottom:4px;line-height:1.3}
.card-client{font-size:10px;color:var(--txt2);margin-bottom:6px}
.card-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.card-amount{font-family:var(--font-h);font-size:13px;font-weight:800;color:var(--primary);margin-bottom:4px}
.card-prob{display:flex;align-items:center;gap:5px;margin-bottom:6px}
.card-prob-bar{height:3px;background:var(--border);border-radius:2px;flex:1;overflow:hidden}
.card-prob-fill{height:100%;border-radius:2px}
.card-prob-val{font-size:10px;font-weight:600}
.card-owner{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--txt3)}
.card-av{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff;flex-shrink:0}
.card-tags{display:flex;gap:3px;flex-wrap:wrap}
.tag{display:inline-flex;align-items:center;font-size:9px;font-weight:600;padding:2px 6px;border-radius:99px;white-space:nowrap;border:1px solid transparent}
.ts{background:var(--sbg);color:var(--success);border-color:var(--sb)}
.tw{background:var(--wbg);color:var(--warn);border-color:var(--wb)}
.td2{background:var(--dbg);color:var(--danger);border-color:var(--db)}
.ti{background:var(--ibg);color:var(--info);border-color:var(--ib)}
.tn{background:var(--overlay);color:var(--txt2);border-color:var(--border)}
.tp{background:var(--ps);color:var(--primary);border-color:rgba(88,118,247,0.3)}
.kanban-gap{width:14px;min-width:14px;flex-shrink:0}

/* ═══ FICHE CLIENT 360° ═══ */
.fiche{display:flex;height:100%;overflow:hidden}
.fiche-left{width:300px;background:var(--card);border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto}
.fiche-main{flex:1;overflow-y:auto;padding:18px}
.fiche-hero{padding:20px 18px;border-bottom:1px solid var(--border);text-align:center;background:var(--overlay)}
.fiche-av{width:56px;height:56px;border-radius:var(--r3);display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:20px;font-weight:800;color:#fff;margin:0 auto 10px;background:linear-gradient(135deg,var(--primary),var(--pb))}
.fiche-name{font-family:var(--font-h);font-size:16px;font-weight:800;color:var(--txt);letter-spacing:-0.3px}
.fiche-type{font-size:11px;color:var(--txt3);margin-top:3px}
.fiche-score{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:600;color:var(--success)}
.score-stars{display:flex;gap:2px}
.star{color:var(--warn);font-size:13px}
.star.off{color:var(--border2)}
.fiche-actions{display:flex;gap:6px;justify-content:center;margin-top:12px}
.fiche-kpis{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);margin-top:0;border-bottom:1px solid var(--border)}
.fk{background:var(--card);padding:10px 12px;text-align:center}
.fk-l{font-size:9px;font-weight:700;color:var(--txt3);text-transform:uppercase;letter-spacing:0.6px}
.fk-v{font-size:16px;font-weight:800;font-family:var(--font-h);color:var(--txt);margin-top:3px}
.fiche-nav{padding:4px 0}
.fn{display:flex;align-items:center;gap:7px;padding:8px 14px;color:var(--txt2);cursor:pointer;font-size:12px;border-left:2px solid transparent;transition:all 0.1s}
.fn:hover{background:var(--hover);color:var(--txt)}
.fn.on{color:var(--primary);border-left-color:var(--primary);background:var(--ps);font-weight:500}
.fiche-section{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;margin-bottom:14px}
.fs-h{padding:9px 14px;border-bottom:1px solid var(--border);background:var(--overlay);display:flex;align-items:center;justify-content:space-between}
.fs-t{font-size:12px;font-weight:700;color:var(--txt)}
table{width:100%;border-collapse:collapse;font-size:11px}
th{padding:7px 12px;text-align:left;font-size:9px;font-weight:700;color:var(--txt3);text-transform:uppercase;letter-spacing:0.6px;border-bottom:1px solid var(--border);background:var(--overlay);white-space:nowrap}
td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--txt);vertical-align:middle}
tr:last-child td{border-bottom:none}
tr:hover td{background:var(--hover)}
.mono{font-family:var(--font-m);font-size:10px}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:middle}
.pb{display:inline-block;height:3px;width:60px;background:var(--border);border-radius:2px;overflow:hidden;vertical-align:middle;margin-right:4px}
.pf{height:100%;border-radius:2px}
.tl-item{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:flex-start}
.tl-item:last-child{border-bottom:none}
.tl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}
.tl-date{font-size:10px;color:var(--txt3);white-space:nowrap}
.tl-txt{font-size:11px;color:var(--txt2);flex:1;line-height:1.5}
.tl-txt strong{color:var(--txt);font-weight:600}
.info-row{display:flex;gap:4px;align-items:center;padding:6px 14px;font-size:11px;border-bottom:1px solid var(--border)}
.info-row:last-child{border-bottom:none}
.ir-l{color:var(--txt3);font-weight:500;width:120px;flex-shrink:0;font-size:10px;text-transform:uppercase;letter-spacing:0.4px}
.ir-v{color:var(--txt);flex:1}

/* ═══ TABLEAU CONTACTS ═══ */
.contacts{padding:16px;overflow-y:auto;flex:1}
.tc{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;margin-bottom:14px}
.tc-h{padding:9px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--overlay)}
.tc-t{font-size:12px;font-weight:700;color:var(--txt)}
.chk{width:13px;height:13px;border-radius:var(--r);border:1px solid var(--border2);background:transparent;cursor:pointer;accent-color:var(--primary)}
.kbar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;margin-bottom:14px}
.kpi{background:var(--card);padding:11px 16px}
.kpi-l{font-size:9px;font-weight:700;color:var(--txt3);text-transform:uppercase;letter-spacing:0.7px}
.kpi-v{font-size:18px;font-weight:800;font-family:var(--font-h);color:var(--txt);margin-top:4px}
.kpi-d{font-size:10px;margin-top:2px;color:var(--txt2)}
.kpi-d.up{color:var(--success)}.kpi-d.dn{color:var(--danger)}.kpi-d.w{color:var(--warn)}

/* ═══ WIZARD ONBOARDING ═══ */
.wz{flex:1;display:flex;flex-direction:column;overflow:hidden}
.wz-sb{padding:14px 24px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:0;flex-shrink:0}
.step{display:flex;align-items:center;gap:7px;flex:1}
.step:last-child{flex:none}
.step-n{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;transition:all 0.2s;border:1.5px solid var(--border2);color:var(--txt3);background:var(--overlay)}
.step.done .step-n{background:var(--ps);border-color:var(--primary);color:var(--primary)}
.step.active .step-n{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 3px var(--ps)}
.step-lbl{font-size:10px;font-weight:500;color:var(--txt3);white-space:nowrap}
.step.done .step-lbl{color:var(--txt2)}.step.active .step-lbl{color:var(--txt);font-weight:600}
.step-line{flex:1;height:1px;background:var(--border);margin:0 8px;transition:background 0.3s}
.step-line.done{background:var(--primary);opacity:0.45}
.wz-body{display:flex;flex:1;overflow:hidden}
.wz-panel{flex:1;padding:22px 26px;overflow-y:auto}
.wz-p-title{font-family:var(--font-h);font-size:17px;font-weight:800;color:var(--txt);margin-bottom:4px;letter-spacing:-0.3px}
.wz-p-sub{font-size:12px;color:var(--txt2);margin-bottom:20px}
.wz-recap{width:240px;background:var(--card);border-left:1px solid var(--border);padding:18px;overflow-y:auto;flex-shrink:0}
.wz-foot{padding:12px 26px;background:var(--card);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.wz-fi{font-size:11px;color:var(--txt3)}
.footer-btns{display:flex;gap:8px}
.btn{padding:7px 18px;border-radius:var(--r);font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all 0.1s;font-family:var(--font)}
.btn-g{background:transparent;color:var(--txt2);border:1px solid var(--border2)}
.btn-g:hover{color:var(--txt);border-color:var(--border2);background:var(--hover)}
.btn-p{background:var(--pb);color:#fff}
.btn-p:hover{background:var(--primary)}
.btn-s{background:var(--success);color:#fff}
.btn-r{background:var(--danger);color:#fff}
.btn-r:hover{opacity:0.9}

/* FORM */
.fg{margin-bottom:14px}
.fg-r{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.fg-r3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px}
label{display:block;font-size:10px;font-weight:700;color:var(--txt2);margin-bottom:5px;text-transform:uppercase;letter-spacing:0.6px}
label em{font-style:normal;color:var(--danger)}
input[type=text],select,textarea{width:100%;background:var(--overlay);border:1px solid var(--border);border-radius:var(--r);padding:8px 10px;font-size:12px;color:var(--txt);outline:none;transition:border-color 0.12s;appearance:none}
input[type=text]:focus,select:focus,textarea:focus{border-color:var(--primary)}
input[type=text]::placeholder{color:var(--txt3)}
.ih{font-size:10px;color:var(--txt3);margin-top:4px}
.cg{display:grid;gap:10px;margin-bottom:14px}
.cg2{grid-template-columns:1fr 1fr}
.cg3{grid-template-columns:1fr 1fr 1fr}
.sc{background:var(--overlay);border:1.5px solid var(--border);border-radius:var(--r3);padding:13px;cursor:pointer;transition:all 0.15s;position:relative}
.sc:hover{background:var(--hover);border-color:var(--border2)}
.sc.on{border-color:var(--primary);background:var(--ps2)}
.sc-ck{position:absolute;top:10px;right:10px;width:16px;height:16px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.15s;font-size:9px;color:#fff;font-weight:700}
.sc.on .sc-ck{opacity:1}
.sc-ico{font-size:18px;margin-bottom:7px}
.sc-t{font-size:12px;font-weight:700;color:var(--txt);margin-bottom:3px}
.sc-d{font-size:10px;color:var(--txt2);line-height:1.5}
.sc-tag{display:inline-flex;align-items:center;margin-top:7px;font-size:9px;font-weight:700;padding:2px 7px;border-radius:99px}
.sc-rec{background:var(--sbg);color:var(--success)}.sc-adv{background:var(--wbg);color:var(--warn)}.sc-iso{background:var(--ibg);color:var(--info)}
.ib-box{border-radius:var(--r2);padding:10px 14px;font-size:11px;color:var(--txt2);line-height:1.6;display:flex;gap:8px;align-items:flex-start;margin-bottom:12px}
.ib-info{background:var(--ibg);border:1px solid var(--ib)}
.ib-ok{background:var(--sbg);border:1px solid var(--sb)}
.ib-warn{background:var(--wbg);border:1px solid var(--wb)}
.pg2{display:none}.pg2.on{display:block}
.rs-t{font-size:10px;font-weight:700;color:var(--txt3);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:14px}
.rs-s{margin-bottom:12px}
.rs-l{font-size:9px;font-weight:700;color:var(--txt3);text-transform:uppercase;letter-spacing:0.6px;margin-bottom:4px}
.rs-v{font-size:11px;color:var(--txt);font-weight:500}
.rs-v.m{font-family:var(--font-m);font-size:10px;color:var(--primary)}
.rs-v.e{color:var(--txt3);font-style:italic}
.rs-div{height:1px;background:var(--border);margin:10px 0}
.rs-est{background:var(--overlay);border:1px solid var(--border);border-radius:var(--r2);padding:12px;margin-top:10px}
.re-l{font-size:9px;color:var(--txt3);text-transform:uppercase;font-weight:700;letter-spacing:0.6px}
.re-v{font-size:22px;font-weight:800;font-family:var(--font-h);color:var(--txt);margin-top:3px}
.re-s{font-size:9px;color:var(--txt3);margin-top:2px}
.score-input{display:flex;gap:4px;margin-top:6px}
.score-star-btn{font-size:20px;cursor:pointer;transition:transform 0.1s;background:none;border:none;padding:0}
