@import url("/static/hodex-ui-core.css?v=6.3.0");
*{box-sizing:border-box}:root{--bg:#f4f6fa;--surface:#fff;--text:#11151b;--muted:#727d8b;--line:#e6eaf0;--dark:#0c1016;--dark2:#172132;--gold:#c49742;--blue:#69a8ff;--shadow:0 18px 60px rgba(23,36,58,.09)}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 0,rgba(255,237,194,.23),transparent 23%),linear-gradient(180deg,#fff,#f4f6fa 30%,#f8f9fb);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;background:linear-gradient(180deg,#0b0f14,#111926);color:#dce5ef;box-shadow:18px 0 60px rgba(10,16,25,.09);z-index:4}.brand{display:flex;align-items:center;height:60px;padding:0 10px;margin-bottom:24px}.brand img{width:76px;max-width:76px;height:76px;object-fit:contain;border-radius:18px;filter:drop-shadow(0 10px 24px rgba(196,151,66,.26))}.nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;color:#aeb9c7;text-decoration:none;font-size:14px;margin:4px 0;transition:.2s}.nav a:hover,.nav a.active{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}.nav .ico{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:12px}.side-bottom{position:absolute;left:16px;right:16px;bottom:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;font-size:12px;color:#8794a6}.topbar{height:78px;position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:rgba(255,255,255,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(17,24,39,.06)}.topbar h1{font-size:19px;margin:0;letter-spacing:-.02em}.user{display:flex;align-items:center;gap:10px;color:#66717f;font-size:13px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#e9edf4);box-shadow:0 8px 18px rgba(31,47,73,.12);font-weight:800;color:#222}.content{padding:28px 30px 60px;max-width:1600px;width:100%;margin:0 auto}.hero-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:6px 0 20px}.hero-title h2{font-size:38px;letter-spacing:-.045em;margin:0}.hero-title p{color:var(--muted);margin:7px 0 0}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi,.panel{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);border-radius:22px;box-shadow:var(--shadow)}.kpi{padding:20px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-36px;top:-45px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(105,168,255,.2),transparent 68%)}.kpi small{color:#84909e}.kpi strong{display:block;font-size:31px;margin-top:8px;letter-spacing:-.04em}.panel{padding:20px;margin-top:16px}.two{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:12px 0 16px}.input,select,textarea,input[type=text],input[type=email],input[type=date],input[type=password]{border:1px solid #dfe5ec;background:#fff;border-radius:12px;padding:10px 12px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#9fc6ff;box-shadow:0 0 0 4px rgba(105,168,255,.10)}.toolbar input[type=text]{min-width:280px}.btn,button{border:0;border-radius:12px;padding:10px 14px;background:#0d1117;color:#fff;font-weight:700;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.secondary{background:#edf1f6;color:#27313e}.btn.gold{background:linear-gradient(180deg,#d5ad62,#a8782d);color:#111}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;background:#fff}th{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#8893a1;background:#f7f9fb;text-align:left;padding:11px 12px;white-space:nowrap}td{padding:12px;border-top:1px solid #edf0f4;font-size:13px;vertical-align:top}tr:hover td{background:#fbfcfe}.pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:750;background:#edf3fb;color:#46678f}.pill.high{background:#fff0ee;color:#ad4338}.muted{color:var(--muted);font-size:12px}.contact-head{display:flex;gap:20px;align-items:center}.contact-avatar{width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,#fff,#e8edf5);display:grid;place-items:center;font-size:25px;font-weight:850;box-shadow:0 14px 35px rgba(39,58,88,.12)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;color:#677383;font-size:11px;font-weight:750;margin-bottom:5px}.field input,.field select,.field textarea{width:100%}.field textarea{min-height:110px}.timeline{position:relative}.timeline-item{padding:0 0 18px 23px;margin-left:5px;border-left:1px solid #dde4ed;position:relative}.timeline-item:before{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:#6aa8ff;box-shadow:0 0 0 4px #eaf3ff}.timeline-item:last-child{border-left-color:transparent}.empty{padding:30px;text-align:center;color:#85909e}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(96,166,255,.20),transparent 30%),radial-gradient(circle at 80% 10%,rgba(255,196,87,.14),transparent 27%),linear-gradient(145deg,#0a0e14,#101827)}.login-card{width:min(430px,100%);padding:34px;border-radius:30px;background:rgba(255,255,255,.95);box-shadow:0 35px 90px rgba(0,0,0,.28)}.login-logo{display:block;width:150px;max-width:60%;height:auto;margin:0 auto 22px;object-fit:contain;border-radius:28px;filter:drop-shadow(0 18px 36px rgba(196,151,66,.28))}.login-card h1{font-size:28px;text-align:center;margin:0 0 8px}.login-card p{text-align:center;color:#77828f;margin:0 0 24px}.login-card input{width:100%;margin:6px 0 12px;padding:13px 14px}.login-card button{width:100%;padding:13px;margin-top:6px}.alert{padding:11px 13px;border-radius:12px;background:#fff0ee;color:#9d3d34;font-size:13px;margin-bottom:12px}.pagination{display:flex;gap:8px;align-items:center;margin-top:14px}.flash{padding:11px 14px;border-radius:13px;background:#edf8f1;color:#316d47;margin-bottom:14px}.flash.error{background:#fff0ee;color:#9c4137}@media(max-width:1050px){.app{grid-template-columns:82px 1fr}.sidebar{padding:20px 10px}.brand img{display:none}.brand:after{content:"H";font-weight:900;font-size:28px;color:#fff}.nav a span:not(.ico),.side-bottom{display:none}.nav a{justify-content:center}.two{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}}@media(max-width:720px){.app{display:block}.sidebar{height:auto;position:sticky;top:0;display:flex;align-items:center;padding:8px 10px;overflow:auto}.brand{display:none}.nav{display:flex}.nav a{margin:0 2px;padding:8px}.topbar{top:52px;padding:0 14px}.content{padding:20px 12px 90px}.grid4{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.hero-title{align-items:start;flex-direction:column}.hero-title h2{font-size:31px}}
code{background:#eef2f7;padding:2px 6px;border-radius:7px;font-size:12px}.panel h3{margin-top:0}.panel p{line-height:1.6}.toolbar .btn{white-space:nowrap}

/* V1.2 Inbox */
.mail-reader{max-width:980px}.mail-meta{padding-bottom:18px;border-bottom:1px solid #e7ebf1;line-height:1.7;color:#5f6976}.mail-body{white-space:pre-wrap;word-break:break-word;font:15px/1.7 Inter,Arial,sans-serif;color:#17202a;background:#fbfcfe;border:1px solid #edf0f4;border-radius:18px;padding:22px;margin:20px 0 0}.hero-title form{margin:0}

/* HODEX CRM V1.6 — email template preview */
.email-preview-frame{display:block;width:100%;height:760px;border:1px solid #e6ebf1;border-radius:18px;background:#f4f6fa;box-shadow:0 18px 48px rgba(29,42,67,.08)}
@media(max-width:900px){.email-preview-frame{height:640px}}

/* V1.7 SMS Center */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.tabs a{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(30,42,60,.08);font-size:13px;color:#66717f}.tabs a.active{background:#111926;color:#fff;box-shadow:0 10px 24px rgba(17,25,38,.16)}
.sms-preview{padding:20px;border-radius:24px;background:linear-gradient(145deg,#eef4ff,#fff);border:1px solid rgba(74,111,170,.10);font-size:16px;line-height:1.55;white-space:pre-wrap;box-shadow:inset 0 1px 0 #fff,0 14px 30px rgba(44,72,110,.08)}

/* HODEX CRM V4.1 — Command Center Dashboard V2 */
.command-hero{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:26px 28px;margin:4px 0 18px;border-radius:28px;overflow:hidden;background:linear-gradient(125deg,#0b1017 0%,#111b29 58%,#16263b 100%);box-shadow:0 24px 70px rgba(14,24,40,.18);color:#fff}.command-hero:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-80px;top:-250px;background:radial-gradient(circle,rgba(103,168,255,.33),transparent 68%)}.command-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:260px;bottom:-220px;background:radial-gradient(circle,rgba(201,151,65,.28),transparent 70%)}.command-hero>div{position:relative;z-index:1}.command-hero h2{font-size:42px;letter-spacing:-.05em;margin:5px 0 6px}.command-hero p{margin:0;color:#aeb9c8;font-size:15px}.eyebrow,.panel-kicker{font-size:10px;letter-spacing:.16em;font-weight:850;color:#91a0b4}.command-hero .eyebrow{color:#d6ad63}.hero-actions{display:flex;gap:10px}.command-hero .btn.secondary{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.10)}
.kpi-grid-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-v2{position:relative;min-height:150px;padding:22px 22px 20px;text-decoration:none;color:var(--text);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,250,254,.93));border:1px solid rgba(255,255,255,.98);border-radius:24px;box-shadow:0 18px 52px rgba(28,44,70,.085);overflow:hidden;transition:transform .18s,box-shadow .18s}.kpi-v2:hover{transform:translateY(-3px);box-shadow:0 24px 64px rgba(28,44,70,.13)}.kpi-v2:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-55px;top:-65px;background:radial-gradient(circle,rgba(105,168,255,.18),transparent 69%)}.kpi-v2.danger:after{background:radial-gradient(circle,rgba(222,105,88,.18),transparent 69%)}.kpi-v2.goldish:after{background:radial-gradient(circle,rgba(196,151,66,.23),transparent 69%)}.kpi-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#edf4ff;color:#4c79ae;font-weight:900;margin-bottom:14px}.kpi-v2.danger .kpi-icon{background:#fff0ee;color:#a84b3e}.kpi-v2.goldish .kpi-icon{background:#fff6e5;color:#9b722d}.kpi-v2 small{display:block;color:#7d8997;font-size:11px;font-weight:750}.kpi-v2 strong{display:block;font-size:34px;letter-spacing:-.045em;margin:4px 0 5px}.kpi-v2 em{font-style:normal;font-size:11px;color:#8994a2}
.dashboard-grid-main{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.dashboard-grid-lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.command-panel{margin-top:16px;padding:22px;border-radius:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.panel-head h3{margin:3px 0 0;font-size:19px;letter-spacing:-.025em}.text-link{color:#687789;text-decoration:none;font-size:12px;font-weight:750}.metric-chip{padding:6px 9px;border-radius:999px;background:#f0f4f8;color:#687789;font-size:11px;font-weight:750}
.pipeline-row{padding:12px 0;border-bottom:1px solid #edf0f4}.pipeline-row:last-child{border-bottom:0}.pipeline-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.pipeline-row small{display:block;color:#929ca8;font-size:10px;margin-top:5px}.progress{height:7px;border-radius:999px;background:#edf1f6;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5c9fff,#9ac5ff);box-shadow:0 0 14px rgba(92,159,255,.28)}
.timeline-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.timeline-title span{font-size:10px;color:#929ca8}.timeline-item>a{display:inline-block;margin:4px 0 3px;color:#263749;text-decoration:none;font-weight:700}
.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-metrics a{padding:16px 12px;border-radius:18px;background:#f7f9fc;text-decoration:none;color:#1a2330;text-align:center;border:1px solid #edf1f5}.mini-metrics a>span{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 8px;border-radius:10px;background:#edf4ff;color:#4e7dac}.mini-metrics b{display:block;font-size:23px;letter-spacing:-.035em}.mini-metrics small{display:block;color:#87929f;font-size:10px;margin-top:3px}
.automation-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.automation-status>div{padding:17px 12px;border-radius:18px;background:linear-gradient(145deg,#101823,#172538);color:#fff;text-align:center}.automation-status b{display:block;font-size:25px;color:#f1c777}.automation-status span{display:block;font-size:10px;color:#aeb9c7;margin-top:4px}
.owner-list{display:grid;gap:8px}.owner-row{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:14px;background:#f8fafc}.owner-row>div{display:flex;align-items:center;gap:9px}.owner-row>span{font-weight:850;font-size:12px}.owner-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:linear-gradient(145deg,#fff,#e8edf5);box-shadow:0 6px 14px rgba(31,47,73,.08);font-size:11px;font-weight:900}
.data-quality{margin-bottom:10px}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quality-grid>div{padding:14px 15px;border:1px solid #edf1f5;border-radius:17px;background:#fbfcfe}.quality-grid span{font-size:11px;color:#74808e;font-weight:750}.quality-grid b{float:right;font-size:13px}.quality-grid .progress{clear:both;margin-top:12px}
@media(max-width:1250px){.kpi-grid-v2{grid-template-columns:1fr 1fr}.dashboard-grid-main,.dashboard-grid-lower{grid-template-columns:1fr}.command-hero{align-items:flex-start;flex-direction:column}.quality-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:720px){.kpi-grid-v2{grid-template-columns:1fr}.quality-grid,.mini-metrics,.automation-status{grid-template-columns:1fr}.command-hero h2{font-size:34px}.hero-actions{width:100%;flex-wrap:wrap}.hero-actions .btn{flex:1}}

/* HODEX CRM V4.3 — PULSE */
.pulse-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:28px 30px;border-radius:28px;background:linear-gradient(135deg,#0d121a,#151c27 58%,#34230d);color:#fff;box-shadow:0 24px 70px rgba(20,27,38,.18);margin-bottom:18px;position:relative;overflow:hidden}.pulse-hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-120px;top:-180px;background:radial-gradient(circle,rgba(217,164,72,.35),transparent 68%)}.pulse-hero h2{font-size:clamp(30px,4vw,52px);margin:5px 0 8px;letter-spacing:-.045em}.pulse-hero p{max-width:720px;color:rgba(255,255,255,.7);margin:0}.pulse-live{position:relative;z-index:1;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.13em;font-weight:800;color:#f3d28f;white-space:nowrap}.pulse-live span{width:8px;height:8px;border-radius:50%;background:#f1ba55;box-shadow:0 0 0 7px rgba(241,186,85,.12)}
.pulse-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 18px}.pulse-kpis a{display:flex;flex-direction:column;padding:16px 17px;border:1px solid rgba(16,24,40,.07);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 10px 34px rgba(16,24,40,.06);text-decoration:none;color:inherit}.pulse-kpis small{color:#7d8795}.pulse-kpis b{font-size:26px;margin-top:4px;letter-spacing:-.04em}.pulse-shell{background:rgba(255,255,255,.8);border:1px solid rgba(16,24,40,.07);border-radius:26px;padding:22px;box-shadow:0 18px 60px rgba(20,27,38,.07)}.pulse-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.pulse-head h3{margin:3px 0 0;font-size:24px}.pulse-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pulse-tab{padding:8px 11px;border-radius:999px;background:#f0f3f7;color:#657080;text-decoration:none;font-size:12px;font-weight:700}.pulse-tab.active{background:#101722;color:white}.pulse-list{display:flex;flex-direction:column;gap:9px}.pulse-contact{display:grid;grid-template-columns:72px minmax(0,1fr) 270px;gap:16px;align-items:center;padding:14px;border-radius:20px;border:1px solid #e8ecf1;background:#fff;transition:.16s ease}.pulse-contact:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(25,33,45,.08)}.pulse-contact.hot{border-color:rgba(193,133,35,.3);box-shadow:inset 4px 0 0 #d39a3e}.pulse-contact.warm{box-shadow:inset 4px 0 0 #aab4c1}.pulse-score{width:58px;height:58px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101722;color:white}.pulse-score b{font-size:23px;line-height:1}.pulse-score small{font-size:8px;letter-spacing:.13em;color:#e2b85f;margin-top:5px}.pulse-name{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pulse-name>a{font-size:16px;font-weight:850;color:#111927;text-decoration:none}.pulse-recommend{display:flex;gap:9px;align-items:baseline;margin-top:5px}.pulse-recommend b{font-size:13px;color:#9b691f}.pulse-recommend span{font-size:12px;color:#85909f}.pulse-flags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.pulse-flags span{font-size:10px;padding:4px 7px;border-radius:999px;background:#f1f4f7;color:#667281}.pulse-meta{text-align:right;color:#7c8795;font-size:11px}.pulse-meta>span{display:block;margin:2px 0}.pulse-meta>div{display:flex;justify-content:flex-end;gap:5px;margin-top:8px}.pulse-action{font-size:11px;font-weight:800;text-decoration:none;color:#273142;background:#f0f3f6;padding:6px 9px;border-radius:9px}.pulse-action.primary{background:#101722;color:white}.pulse-footnote{font-size:10px;color:#8a94a2;margin-top:16px;padding-top:14px;border-top:1px solid #edf0f4}
@media(max-width:1100px){.pulse-kpis{grid-template-columns:repeat(3,1fr)}.pulse-contact{grid-template-columns:64px 1fr}.pulse-meta{grid-column:2;text-align:left}.pulse-meta>div{justify-content:flex-start}.pulse-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.pulse-kpis{grid-template-columns:repeat(2,1fr)}.pulse-head{align-items:flex-start;flex-direction:column}.pulse-tabs{justify-content:flex-start}.pulse-contact{grid-template-columns:54px 1fr;padding:11px}.pulse-score{width:48px;height:48px}.pulse-recommend{align-items:flex-start;flex-direction:column;gap:2px}.pulse-live{white-space:normal}}
/* V4.4 HODEX AI + Data Collections */
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 22px}.collection-card{display:flex;gap:16px;align-items:flex-start;text-decoration:none;color:inherit;background:rgba(255,255,255,.86);border:1px solid rgba(17,24,39,.07);border-radius:22px;padding:20px;box-shadow:0 18px 45px rgba(15,23,42,.06);transition:.2s transform,.2s box-shadow}.collection-card:hover{transform:translateY(-2px);box-shadow:0 24px 55px rgba(15,23,42,.10)}.collection-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#fff7df,#d7a73f);font-size:22px;color:#111}.collection-card h3{margin:0 0 6px}.collection-card p{margin:0 0 12px;color:var(--muted)}.collection-card b,.collection-card small{display:block}.collection-card small{margin-top:5px;color:var(--muted);font-size:12px}.ai-result{max-width:980px}.ai-output{white-space:pre-wrap;font-size:17px;line-height:1.75;padding:22px;border-radius:18px;background:linear-gradient(145deg,rgba(13,17,23,.96),rgba(22,31,43,.96));color:#f8fafc;box-shadow:inset 0 1px rgba(255,255,255,.07)}input[type=file]{padding:12px;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:12px;width:100%}@media(max-width:1050px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.collection-grid{grid-template-columns:1fr}}

/* ================================================================
   HODEX CRM V5.0 — PREMIUM WORKSPACE / STAGE 1
   Additive UI layer: existing V4.x components remain available.
   ================================================================ */
:root{--v5-bg:#050b13;--v5-panel:#081320;--v5-panel2:#0b1725;--v5-line:rgba(112,165,230,.18);--v5-blue:#2d91ff;--v5-blue2:#55b5ff;--v5-gold:#e4ad45;--v5-gold2:#ffd87c;--v5-text:#f4f8ff;--v5-muted:#8494a8}
body:not(.login-page){background:radial-gradient(circle at 68% -20%,rgba(27,99,176,.15),transparent 32%),radial-gradient(circle at 2% 10%,rgba(196,133,30,.09),transparent 24%),linear-gradient(135deg,#040912,#07101b 45%,#050b13);color:var(--v5-text)}
body:not(.login-page) .app{grid-template-columns:232px minmax(0,1fr)}
body:not(.login-page) .sidebar{background:linear-gradient(180deg,rgba(3,9,17,.99),rgba(5,14,25,.98));border-right:1px solid rgba(72,124,182,.16);box-shadow:18px 0 70px rgba(0,0,0,.26);padding:18px 14px}
body:not(.login-page) .brand{height:96px;margin-bottom:10px;justify-content:center}
body:not(.login-page) .brand img{width:150px;max-height:90px;filter:drop-shadow(0 0 18px rgba(229,172,66,.18))}
body:not(.login-page) .nav a{color:#9aa9bb;border:1px solid transparent;padding:10px 12px;border-radius:13px}
body:not(.login-page) .nav a:hover{background:rgba(32,76,119,.16);color:#e9f3ff;border-color:rgba(71,145,222,.16)}
body:not(.login-page) .nav a.active{background:linear-gradient(90deg,rgba(196,132,27,.18),rgba(21,59,98,.13));border-color:rgba(232,176,67,.38);color:#ffd16d;box-shadow:inset 3px 0 #e8ad40,0 0 24px rgba(205,143,32,.08)}
body:not(.login-page) .nav .ico{background:rgba(67,127,189,.10);border:1px solid rgba(90,153,217,.14)}
body:not(.login-page) .side-bottom{color:#62748a;border-color:rgba(91,139,188,.15)}
body:not(.login-page) .topbar{background:rgba(5,13,23,.76);border-bottom:1px solid rgba(75,129,187,.14);backdrop-filter:blur(24px);color:#f4f8ff}
body:not(.login-page) .topbar h1{color:#f4f8ff}.user{color:#9bacbf}.avatar{background:linear-gradient(145deg,#102138,#0a1422);border:1px solid rgba(92,158,229,.28);color:#dceeff;box-shadow:0 0 0 2px rgba(228,173,69,.10)}
body:not(.login-page) .content{max-width:1740px;padding:26px 28px 64px}
body:not(.login-page) .panel,body:not(.login-page) .kpi{background:linear-gradient(145deg,rgba(9,20,33,.94),rgba(8,16,27,.90));border:1px solid rgba(92,143,197,.17);box-shadow:0 18px 55px rgba(0,0,0,.20);color:#ecf4ff}
body:not(.login-page) .panel p,body:not(.login-page) .muted{color:#8798ac}
body:not(.login-page) .btn.secondary{background:rgba(56,99,145,.14);border:1px solid rgba(94,147,204,.18);color:#d8e8fa}
body:not(.login-page) .btn.gold{background:linear-gradient(180deg,#f1c567,#b57619);color:#07101b;box-shadow:0 0 24px rgba(227,167,52,.16)}
body:not(.login-page) .table-wrap{border-color:rgba(92,143,197,.17)}body:not(.login-page) table{background:#08131f;color:#dce8f5}body:not(.login-page) th{background:#0c1928;color:#7f93aa}body:not(.login-page) td{border-color:rgba(80,130,184,.12)}body:not(.login-page) tr:hover td{background:#0b1a2a}
body:not(.login-page) input,body:not(.login-page) select,body:not(.login-page) textarea{background:#071421;border-color:rgba(92,148,207,.22);color:#edf6ff}body:not(.login-page) input:focus,body:not(.login-page) select:focus,body:not(.login-page) textarea:focus{border-color:#2f91f5;box-shadow:0 0 0 4px rgba(45,145,255,.10)}body:not(.login-page) option{background:#08131f;color:#fff}
body:not(.login-page) .field label{color:#8194aa}body:not(.login-page) code{background:#0d1c2d;color:#9ecaff}
.v5-workspace-hero{margin:-4px 0 24px}.v5-workspace-head,.v5-page-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:0 0 18px}.v5-workspace-head h2,.v5-page-head h2{font-size:clamp(30px,3.4vw,48px);letter-spacing:-.045em;margin:4px 0 5px;color:#f7faff}.v5-workspace-head p,.v5-page-head p{margin:0;color:#8395aa}.v5-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:850;color:#e7b85d}.v5-gold-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(255,207,110,.68);background:linear-gradient(145deg,rgba(98,62,11,.45),rgba(21,26,31,.92));box-shadow:inset 0 0 22px rgba(230,170,62,.10),0 0 28px rgba(228,170,56,.10);border-radius:14px;padding:12px 18px;color:#ffd675;font-weight:800;white-space:nowrap}.v5-gold-btn:hover{box-shadow:inset 0 0 30px rgba(230,170,62,.16),0 0 36px rgba(228,170,56,.17)}
.v5-workspace-grid{display:grid;grid-template-columns:minmax(620px,1.28fr) minmax(360px,.72fr);gap:18px;align-items:stretch}.v5-workspace-grid.full{margin-bottom:18px}.v5-calendar-card,.v5-day-panel,.v5-note-form,.v5-top-kpis>div,.v5-top-kpis>a{background:linear-gradient(145deg,rgba(8,20,34,.97),rgba(5,13,23,.96));border:1px solid rgba(101,160,221,.19);border-radius:24px;box-shadow:inset 0 1px rgba(255,255,255,.03),0 24px 70px rgba(0,0,0,.24)}
.v5-calendar-card{padding:20px 22px 25px;position:relative;overflow:hidden;border-color:rgba(124,165,205,.22);box-shadow:inset 0 1px rgba(255,255,255,.035),-3px 5px 0 rgba(27,110,197,.25),3px 5px 0 rgba(197,132,31,.28),0 25px 70px rgba(0,0,0,.28)}.v5-calendar-card:after{content:"";position:absolute;left:10%;right:10%;bottom:-25px;height:40px;border-radius:50%;background:linear-gradient(90deg,rgba(30,126,232,.45),rgba(230,170,61,.30));filter:blur(22px);opacity:.55;pointer-events:none}.v5-cal-head{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(99,151,207,.15)}.v5-cal-head h3{text-align:center;margin:0;font-size:20px;letter-spacing:-.02em}.v5-cal-nav{display:flex;gap:7px}.v5-cal-nav a,.v5-today-btn{display:grid;place-items:center;height:38px;min-width:38px;border-radius:10px;border:1px solid rgba(95,148,207,.20);background:rgba(13,28,45,.72);text-decoration:none;color:#dcecff;font-size:22px}.v5-today-btn{padding:0 12px;justify-self:end;font-size:12px;color:#e9f3ff}.v5-weekdays,.v5-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.v5-weekdays{padding:13px 4px 8px}.v5-weekdays span{text-align:center;font-size:10px;font-weight:900;color:#8d9db0}.v5-day{position:relative;min-height:68px;padding:9px;border-radius:13px;text-decoration:none;color:#dce8f7;background:linear-gradient(145deg,#0a1726,#07111d);border:1px solid rgba(95,148,207,.20);box-shadow:inset 0 1px rgba(255,255,255,.035),0 6px 14px rgba(0,0,0,.15);transition:.16s ease}.v5-day:hover{transform:translateY(-2px);border-color:rgba(73,157,246,.58);box-shadow:0 0 22px rgba(33,128,226,.13)}.v5-day b{font-size:18px;font-weight:650}.v5-day.outside{opacity:.33}.v5-day.today{border-color:rgba(76,164,255,.56);box-shadow:inset 0 -2px 0 #308fe7}.v5-day.selected{border-color:rgba(255,198,78,.82);background:linear-gradient(145deg,rgba(83,55,15,.90),rgba(17,20,24,.96));box-shadow:inset 0 0 24px rgba(238,174,54,.14),0 0 24px rgba(238,174,54,.16)}.v5-dots{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:3px;justify-content:center}.v5-dot{width:6px;height:6px;border-radius:50%;background:#2c8ff4;box-shadow:0 0 9px currentColor}.v5-dot.u0,.u0{color:#2e93ff}.v5-dot.u1,.u1{color:#42ce74}.v5-dot.u2,.u2{color:#a370ff}.v5-dot.u3,.u3{color:#f0a23a}.v5-dot.u4,.u4{color:#3ad5d1}.v5-dot.u5,.u5{color:#e96977}.v5-calendar-legend{display:flex;gap:16px;flex-wrap:wrap;padding:16px 2px 0;color:#708398;font-size:10px}
.v5-day-panel{padding:20px;min-width:0}.v5-day-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid rgba(94,148,205,.15)}.v5-day-head span{color:#7492af;font-size:11px}.v5-day-head h3{margin:4px 0 0;color:#f1c25f;font-size:20px}.v5-day-head a{color:#65aefa;text-decoration:none;font-size:11px}.v5-note-list{display:flex;flex-direction:column;gap:9px;margin-top:14px}.v5-note-list.compact{max-height:430px;overflow:auto}.v5-note{display:grid;grid-template-columns:48px 34px minmax(0,1fr) auto;gap:9px;align-items:start;border:1px solid rgba(92,145,202,.16);border-left:3px solid currentColor;border-radius:14px;padding:11px;background:rgba(6,18,30,.75);color:#2e93ff}.v5-note.u1{color:#42ce74}.v5-note.u2{color:#a370ff}.v5-note.u3{color:#f0a23a}.v5-note.u4{color:#3ad5d1}.v5-note.u5{color:#e96977}.v5-note.done{opacity:.55}.v5-note.done .v5-note-title b{text-decoration:line-through}.v5-note-time{font-size:11px;color:#9eb0c4;padding-top:7px}.v5-note-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;border:1px solid currentColor;background:rgba(26,97,172,.14);font-weight:850}.v5-note-main{min-width:0;color:#d8e4f2}.v5-note-title{display:flex;gap:8px;justify-content:space-between;align-items:center}.v5-note-title b{font-size:12px}.v5-note-title span{font-size:9px;color:currentColor}.v5-note p{font-size:10px;line-height:1.45;color:#8295aa;margin:5px 0 7px}.v5-note-tags{display:flex;gap:5px;flex-wrap:wrap}.v5-note-tags span{font-size:8px;padding:3px 6px;border-radius:999px;background:rgba(61,119,179,.12);border:1px solid rgba(91,148,207,.13);color:#86a8ca}.v5-note-actions{display:flex;gap:4px}.v5-note-actions form{margin:0}.v5-mini{width:28px;height:28px;padding:0;border-radius:8px;background:rgba(35,96,155,.15);color:#8cc4ff;border:1px solid rgba(75,145,215,.16)}.v5-mini.danger{color:#ed7a81;background:rgba(136,46,55,.15)}.v5-empty{border:1px dashed rgba(100,150,205,.20);border-radius:14px;padding:28px 18px;text-align:center;color:#6f8298;font-size:11px}.v5-filter-label{font-size:10px;color:#72869d;margin:13px 0 7px}.v5-user-filters{display:flex;gap:5px;flex-wrap:wrap}.v5-user-chip{padding:6px 9px;border-radius:999px;text-decoration:none;color:#8ea2b8;border:1px solid rgba(91,148,207,.16);background:rgba(11,27,44,.7);font-size:10px}.v5-user-chip.active{border-color:currentColor;box-shadow:inset 0 0 16px rgba(63,137,213,.12);color:#dceeff}
.v5-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.v5-summary-row>a{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;text-decoration:none;padding:14px 15px;border-radius:18px;background:linear-gradient(145deg,rgba(9,22,36,.95),rgba(6,15,25,.94));border:1px solid rgba(92,145,202,.16);color:#e9f3ff}.v5-summary-row>a>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(33,110,188,.12);border:1px solid currentColor;font-size:17px}.v5-summary-row .blue{color:#2f9aff}.v5-summary-row .green{color:#41d878}.v5-summary-row .purple{color:#ad78ff}.v5-summary-row .gold{color:#e8ae41}.v5-summary-row small{font-size:10px;color:#8295aa}.v5-summary-row b{font-size:26px}.v5-top-kpis{display:grid;grid-template-columns:repeat(3,1fr) 1.05fr;gap:12px;margin-bottom:17px}.v5-top-kpis>div,.v5-top-kpis>a{padding:15px 17px;min-height:86px;text-decoration:none;color:#dce8f5;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px}.v5-top-kpis span{grid-row:1/3;align-self:center;color:#4aa9ff;font-size:23px}.v5-top-kpis small{color:#7b8fa5;font-size:10px}.v5-top-kpis b{font-size:17px}.v5-top-kpis .v5-add-kpi{display:flex;align-items:center;justify-content:center;color:#ffd475;border-color:rgba(229,171,61,.45);font-weight:800}
.v5-note-form{margin-top:18px;padding:22px;display:grid;grid-template-columns:280px 1fr;gap:24px}.v5-note-form h3{margin:5px 0 5px;font-size:24px}.v5-note-form p{font-size:11px;color:#7d91a8;line-height:1.6}.v5-note-form form{min-width:0}.v5-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.v5-form-grid label{font-size:9px;color:#8497ad;font-weight:800}.v5-form-grid input,.v5-form-grid select,.v5-form-grid textarea{display:block;width:100%;margin-top:5px}.v5-form-grid .wide{grid-column:span 2}.v5-form-grid textarea{min-height:86px;resize:vertical}
.v5-legacy-section{margin-top:30px;opacity:.82}.v5-legacy-section+ .kpi-grid-v2{opacity:.86}body:not(.login-page) .command-hero{border:1px solid rgba(92,145,202,.17)}body:not(.login-page) .kpi-v2{background:linear-gradient(145deg,#0a1726,#07111d);border-color:rgba(92,145,202,.17);color:#dce8f5}body:not(.login-page) .kpi-v2 small,body:not(.login-page) .kpi-v2 em{color:#778ca4}body:not(.login-page) .pipeline-row{border-color:rgba(90,145,200,.12)}body:not(.login-page) .timeline-item>a{color:#bddcff}body:not(.login-page) .mini-metrics a,body:not(.login-page) .owner-row,body:not(.login-page) .quality-grid>div{background:#0a1725;border-color:rgba(91,145,202,.13);color:#dce8f5}
@media(max-width:1250px){.v5-workspace-grid{grid-template-columns:1fr}.v5-summary-row{grid-template-columns:1fr 1fr}.v5-top-kpis{grid-template-columns:1fr 1fr}.v5-note-form{grid-template-columns:1fr}}@media(max-width:820px){body:not(.login-page) .app{grid-template-columns:82px 1fr}.v5-calendar-card{padding:14px}.v5-day{min-height:54px;padding:7px}.v5-day b{font-size:15px}.v5-summary-row,.v5-top-kpis{grid-template-columns:1fr 1fr}.v5-form-grid{grid-template-columns:1fr 1fr}.v5-workspace-head,.v5-page-head{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.v5-weekdays,.v5-calendar-grid{gap:4px}.v5-day{min-height:46px}.v5-day b{font-size:13px}.v5-summary-row,.v5-top-kpis{grid-template-columns:1fr}.v5-form-grid{grid-template-columns:1fr}.v5-form-grid .wide{grid-column:span 1}.v5-note{grid-template-columns:38px 30px minmax(0,1fr)}.v5-note-actions{grid-column:3}.v5-cal-head{grid-template-columns:80px 1fr 70px}}

/* HODEX V5.1 Personal Workspace — gold 3D CTA remains locked */
:root{--user-accent:#2f9aff;--user-accent-2:#58b8ff}
.nav a.active:not([href="/settings"]){border-color:color-mix(in srgb,var(--user-accent) 46%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--user-accent) 16%,transparent)}
.avatar{box-shadow:0 0 18px color-mix(in srgb,var(--user-accent) 28%,transparent);border-color:color-mix(in srgb,var(--user-accent) 48%,transparent)}
a:not(.btn):not(.brand){text-decoration-color:color-mix(in srgb,var(--user-accent) 55%,transparent)}
.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px}.theme-card{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025);cursor:pointer}.theme-card input{position:absolute;opacity:0}.theme-card.selected,.theme-card:has(input:checked){border-color:var(--user-accent);box-shadow:0 0 24px color-mix(in srgb,var(--user-accent) 18%,transparent)}.theme-swatch{width:28px;height:28px;border-radius:50%;background:var(--swatch);box-shadow:0 0 20px var(--swatch)}
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.permission-group{padding:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);border-radius:16px}.permission-group h4{margin:0 0 10px}.permission-row{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid rgba(255,255,255,.05)}.permission-row:first-of-type{border-top:0}.permission-row input{margin-top:4px;accent-color:var(--user-accent)}.permission-row span{display:flex;flex-direction:column}.permission-row small{opacity:.55;margin-top:3px}
/* Do not theme the signature gold 3D CTA controls. */
.command-hero .btn:not(.secondary),.v5-gold-cta,.sidebar .gold-cta{--user-accent:#eab64d!important;--user-accent-2:#ffd37a!important}


/* HODEX V5.1.1 — FULL PERSONAL ACCENT THEME FIX
   Gold signature CTA controls intentionally remain brand-locked. */
body:not(.login-page){
  --blue:var(--user-accent);
  --blue2:var(--user-accent-2);
  background:
    radial-gradient(circle at 76% -12%,color-mix(in srgb,var(--user-accent) 12%,transparent),transparent 31%),
    radial-gradient(circle at 6% 3%,rgba(232,174,65,.07),transparent 25%),
    linear-gradient(180deg,#07101b,#091421 35%,#08111c);
}
body:not(.login-page) .topbar{border-bottom-color:color-mix(in srgb,var(--user-accent) 14%,transparent)}
body:not(.login-page) .nav a:hover,
body:not(.login-page) .nav a.active{background:color-mix(in srgb,var(--user-accent) 10%,rgba(255,255,255,.035));}
body:not(.login-page) .nav a.active .ico{color:var(--user-accent-2);border-color:color-mix(in srgb,var(--user-accent) 35%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--user-accent) 16%,transparent)}
body:not(.login-page) .avatar{color:var(--user-accent-2);background:color-mix(in srgb,var(--user-accent) 13%,#101b29)}
body:not(.login-page) input:focus,
body:not(.login-page) select:focus,
body:not(.login-page) textarea:focus{border-color:color-mix(in srgb,var(--user-accent) 72%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--user-accent) 13%,transparent)}
body:not(.login-page) .pill:not(.high){background:color-mix(in srgb,var(--user-accent) 11%,#0c1a29);color:color-mix(in srgb,var(--user-accent-2) 78%,#fff)}
body:not(.login-page) .timeline-item:before{background:var(--user-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--user-accent) 16%,#08111c)}
body:not(.login-page) .tabs a.active{background:color-mix(in srgb,var(--user-accent) 18%,#0b1725);border-color:color-mix(in srgb,var(--user-accent) 35%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--user-accent) 15%,transparent)}
body:not(.login-page) .v5-calendar-card,
body:not(.login-page) .v5-day-panel,
body:not(.login-page) .v5-panel{border-color:color-mix(in srgb,var(--user-accent) 18%,transparent)}
body:not(.login-page) .v5-calendar-card:before{background:radial-gradient(circle,color-mix(in srgb,var(--user-accent) 13%,transparent),transparent 68%)}
body:not(.login-page) .v5-cal-nav a,
body:not(.login-page) .v5-today-btn{border-color:color-mix(in srgb,var(--user-accent) 22%,transparent)}
body:not(.login-page) .v5-cal-nav a:hover,
body:not(.login-page) .v5-today-btn:hover{border-color:color-mix(in srgb,var(--user-accent) 60%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--user-accent) 15%,transparent)}
body:not(.login-page) .v5-day{border-color:color-mix(in srgb,var(--user-accent) 18%,transparent)}
body:not(.login-page) .v5-day:hover{border-color:color-mix(in srgb,var(--user-accent) 66%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--user-accent) 16%,transparent)}
body:not(.login-page) .v5-day.today{border-color:color-mix(in srgb,var(--user-accent) 62%,transparent);box-shadow:inset 0 -2px 0 var(--user-accent),0 0 18px color-mix(in srgb,var(--user-accent) 12%,transparent)}
/* Selected day stays gold by design, but event/user neon follows personal theme where no author color overrides it. */
body:not(.login-page) .v5-dot.u0,
body:not(.login-page) .u0{color:var(--user-accent)}
body:not(.login-page) .v5-dot.u0{background:var(--user-accent)}
body:not(.login-page) .v5-note:not(.u1):not(.u2):not(.u3):not(.u4):not(.u5){color:var(--user-accent)}
body:not(.login-page) .v5-user-chip.active{border-color:var(--user-accent);box-shadow:0 0 18px color-mix(in srgb,var(--user-accent) 15%,transparent)}
body:not(.login-page) .v5-summary-row .blue,
body:not(.login-page) .v5-top-kpis span{color:var(--user-accent)}
body:not(.login-page) .v5-summary-row>a,
body:not(.login-page) .v5-top-kpis>div{border-color:color-mix(in srgb,var(--user-accent) 17%,transparent)}
body:not(.login-page) .v5-summary-row>a:hover,
body:not(.login-page) .v5-top-kpis>div:hover{border-color:color-mix(in srgb,var(--user-accent) 42%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--user-accent) 10%,transparent)}
body:not(.login-page) .kpi-v2:after,
body:not(.login-page) .kpi:after{background:radial-gradient(circle,color-mix(in srgb,var(--user-accent) 18%,transparent),transparent 68%)}
body:not(.login-page) .mini-metrics a:hover,
body:not(.login-page) .owner-row:hover,
body:not(.login-page) .quality-grid>div:hover{border-color:color-mix(in srgb,var(--user-accent) 38%,transparent)}
body:not(.login-page) .theme-card.selected,
body:not(.login-page) .theme-card:has(input:checked){border-color:var(--user-accent);box-shadow:0 0 28px color-mix(in srgb,var(--user-accent) 24%,transparent)}
body:not(.login-page) .permission-row input{accent-color:var(--user-accent)}

/* Brand lock: NEVER recolor signature gold 3D CTA elements. */
body:not(.login-page) .command-hero .btn:not(.secondary),
body:not(.login-page) .v5-gold-cta,
body:not(.login-page) .sidebar .gold-cta,
body:not(.login-page) .btn.gold,
body:not(.login-page) .v5-add-kpi{
  color:#111!important;
  background:linear-gradient(180deg,#f3cd75,#d29a37)!important;
  border-color:rgba(255,205,105,.72)!important;
  box-shadow:0 10px 28px rgba(224,165,55,.18),inset 0 1px rgba(255,255,255,.45)!important;
}

/* HODEX V5.1.2 — LIGHTER CENTER WORKSPACE
   Only the central workspace/background is lightened.
   Sidebar and gold 3D CTA signature stay unchanged. */
body:not(.login-page){
  background:
    radial-gradient(circle at 72% -8%,rgba(76,152,228,.10),transparent 30%),
    radial-gradient(circle at 10% 8%,rgba(238,183,73,.055),transparent 24%),
    linear-gradient(180deg,#0f1c2b 0%,#122235 40%,#101d2d 100%);
}
body:not(.login-page) .content{
  background:
    radial-gradient(circle at 48% 5%,rgba(70,143,217,.055),transparent 34%),
    linear-gradient(180deg,rgba(18,35,54,.70),rgba(14,28,44,.52));
  border-radius:0;
}
/* Keep left navigation dark and brand-locked */
body:not(.login-page) .sidebar{
  background:linear-gradient(180deg,#050b12,#09111c 52%,#060d15);
}
/* Gold signature CTA remains locked */
body:not(.login-page) .btn.gold,
body:not(.login-page) .v5-gold-btn,
body:not(.login-page) .v5-top-kpis .v5-add-kpi{
  filter:none;
}

/* =========================================================
   HODEX CRM V5.1.3 — CONTACTS POLISH
   Visual-only refinement. No DB / logic changes.
   Gold signature CTA/buttons remain brand-locked.
   ========================================================= */

/* Workspace: slightly clearer premium navy */
body:not(.login-page) .content{
  background:
    radial-gradient(circle at 70% 2%,rgba(70,146,220,.075),transparent 34%),
    linear-gradient(180deg,rgba(19,38,59,.80),rgba(14,29,46,.62));
}

/* Contact/page headings */
body:not(.login-page) .hero-title h2,
body:not(.login-page) .v5-page-head h2{
  color:#f7fbff;
  text-shadow:0 1px 0 rgba(255,255,255,.03);
}
body:not(.login-page) .hero-title p,
body:not(.login-page) .v5-page-head p{
  color:#8196ad;
}

/* Filter/search row — premium dark controls */
body:not(.login-page) .toolbar{
  gap:10px;
  margin-top:14px;
  margin-bottom:18px;
}
body:not(.login-page) .toolbar input[type=text],
body:not(.login-page) .toolbar input[type=email],
body:not(.login-page) .toolbar select,
body:not(.login-page) .input{
  background:linear-gradient(180deg,#0b1928,#091522)!important;
  border:1px solid rgba(91,148,207,.23)!important;
  color:#e8f1fb!important;
  border-radius:11px!important;
  min-height:40px;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
body:not(.login-page) .toolbar input::placeholder{color:#70859b!important}
body:not(.login-page) .toolbar input:focus,
body:not(.login-page) .toolbar select:focus{
  border-color:rgba(87,177,255,.62)!important;
  box-shadow:0 0 0 3px rgba(48,145,231,.10)!important;
}
body:not(.login-page) .toolbar .btn,
body:not(.login-page) .toolbar button{
  min-height:40px;
  border:1px solid rgba(91,148,207,.22);
  background:linear-gradient(180deg,#102237,#0b1827);
  color:#dce9f7;
  box-shadow:inset 0 1px rgba(255,255,255,.03);
}
body:not(.login-page) .toolbar .btn:hover,
body:not(.login-page) .toolbar button:hover{
  border-color:rgba(75,163,245,.45);
  background:linear-gradient(180deg,#142a43,#0d1d2f);
}
body:not(.login-page) .toolbar .btn.secondary{
  background:linear-gradient(180deg,#123052,#0b2138)!important;
  color:#8dcbff!important;
  border-color:rgba(54,146,229,.34)!important;
}

/* Keep brand gold action buttons dimensional and unchanged in identity */
body:not(.login-page) .btn.gold,
body:not(.login-page) .v5-gold-btn,
body:not(.login-page) .v5-top-kpis .v5-add-kpi{
  background:linear-gradient(180deg,#f3cd75,#d29a37)!important;
  color:#15120b!important;
  border-color:rgba(255,205,105,.72)!important;
  box-shadow:0 10px 28px rgba(224,165,55,.18),inset 0 1px rgba(255,255,255,.45)!important;
}

/* Contacts table shell */
body:not(.login-page) .table-wrap{
  border:1px solid rgba(87,146,205,.20)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#0a1725,#091522)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025);
}
body:not(.login-page) table{
  background:transparent!important;
  color:#dce8f5!important;
}
body:not(.login-page) th{
  background:linear-gradient(180deg,#0e1e30,#0b1928)!important;
  color:#8399b2!important;
  border-bottom:1px solid rgba(88,143,200,.16);
  padding:12px 14px!important;
  font-size:10px!important;
  letter-spacing:.105em!important;
  font-weight:800!important;
}
body:not(.login-page) td{
  color:#d6e3f0!important;
  border-top:1px solid rgba(77,128,180,.115)!important;
  padding:12px 14px!important;
  line-height:1.35;
}
body:not(.login-page) tbody tr{
  transition:background .14s ease,box-shadow .14s ease;
}
body:not(.login-page) tbody tr:nth-child(even) td{
  background:rgba(8,20,33,.14);
}
body:not(.login-page) tbody tr:hover td{
  background:rgba(24,65,103,.19)!important;
}

/* CRM ID — deliberately high contrast and easy to scan */
body:not(.login-page) .table-wrap tbody td:first-child a,
body:not(.login-page) table tbody td:first-child a{
  color:#58b7ff!important;
  font-weight:800!important;
  text-decoration:underline!important;
  text-decoration-color:rgba(88,183,255,.38)!important;
  text-underline-offset:2px;
  text-shadow:0 0 12px rgba(65,165,255,.13);
}
body:not(.login-page) .table-wrap tbody td:first-child a:hover,
body:not(.login-page) table tbody td:first-child a:hover{
  color:#9bd7ff!important;
  text-decoration-color:#9bd7ff!important;
}

/* Email and phone data: clearer but secondary to CRM ID */
body:not(.login-page) .table-wrap td a[href^="mailto:"],
body:not(.login-page) .table-wrap td a[href^="tel:"]{
  color:#d9e9f8!important;
  text-decoration-color:rgba(217,233,248,.26);
}

/* Status / priority pills */
body:not(.login-page) .pill{
  background:linear-gradient(180deg,rgba(34,88,138,.74),rgba(18,58,97,.76))!important;
  color:#8fd0ff!important;
  border:1px solid rgba(77,158,230,.22);
  box-shadow:inset 0 1px rgba(255,255,255,.045);
  font-weight:800;
}

/* Pagination and muted helper text */
body:not(.login-page) .pagination{
  color:#8499af;
  padding-top:4px;
}
body:not(.login-page) .pagination .btn,
body:not(.login-page) .pagination a{
  border:1px solid rgba(91,148,207,.20);
  background:#0b1928;
  color:#a8bfd5;
}
body:not(.login-page) .muted{color:#7f94aa!important}

/* Top account bar polish without changing layout */
body:not(.login-page) .topbar{
  background:rgba(5,13,22,.92)!important;
  border-bottom:1px solid rgba(80,134,190,.15)!important;
  color:#eef5fc!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10);
}
body:not(.login-page) .topbar h1{color:#f5f9fd!important}
body:not(.login-page) .user{color:#8fa2b6!important}

/* Sidebar remains the dark HODEX anchor */
body:not(.login-page) .sidebar{
  background:linear-gradient(180deg,#050b12,#09111c 52%,#060d15)!important;
}

/* ===== HODEX V5.3 SALES WORKFLOW ===== */
.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.sales-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}.sales-kpis a{display:flex;flex-direction:column;gap:3px;padding:11px 13px;border:1px solid rgba(83,146,205,.18);border-radius:13px;background:linear-gradient(180deg,rgba(15,38,60,.72),rgba(7,22,36,.75));text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.025)}.sales-kpis a:hover{border-color:rgba(83,183,255,.32);background:rgba(20,55,84,.62)}.sales-kpis small{color:#7f97ae;font-weight:700}.sales-kpis b{color:#dfeeff;font-size:14px}.sales-filter{grid-template-columns:minmax(220px,1.5fr) repeat(5,minmax(125px,.75fr)) auto auto!important}.bulk-form{margin-top:10px}.bulk-bar{display:grid;grid-template-columns:auto auto minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) minmax(145px,.85fr) minmax(180px,1fr) 150px auto;gap:8px;align-items:center;padding:10px 11px;border:1px solid rgba(83,146,205,.18);border-bottom:0;border-radius:14px 14px 0 0;background:linear-gradient(180deg,rgba(13,34,54,.96),rgba(8,24,39,.96));position:sticky;top:56px;z-index:5}.bulk-bar select,.bulk-bar input{min-width:0;height:38px}.bulk-select-all{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#b8c9da;font-weight:700;font-size:12px}.bulk-select-all input,.select-col input{accent-color:#55b6ff;width:16px;height:16px}.selected-count{white-space:nowrap;color:#71c3ff;font-weight:800;font-size:12px}.contacts-sales-table{border-radius:0 0 14px 14px!important}.contacts-sales-table th.select-col,.contacts-sales-table td.select-col{width:34px;padding-left:12px!important;padding-right:4px!important}.contacts-sales-table td:nth-child(2) a.crm-id{color:#64c0ff!important;font-weight:850!important;text-shadow:0 0 12px rgba(70,174,255,.12)}.next-cell{display:flex;flex-direction:column;gap:2px;min-width:120px}.next-cell b{font-size:11px;color:#cbdced;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.next-cell small{font-size:10px;color:#7f95aa}.next-cell.overdue b,.next-cell.overdue small{color:#ff9a91}.next-cell.today b,.next-cell.today small{color:#ffd371}.next-cell.soon b,.next-cell.soon small{color:#79c9ff}.pagination{display:flex!important;justify-content:space-between!important;align-items:center!important}.pagination>div{display:flex;align-items:center;gap:8px}@media(max-width:1280px){.sales-filter{grid-template-columns:repeat(3,minmax(150px,1fr))!important}.bulk-bar{grid-template-columns:repeat(3,minmax(150px,1fr))}.sales-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sales-kpis{grid-template-columns:1fr 1fr}.bulk-bar{position:static;grid-template-columns:1fr}.sales-filter{grid-template-columns:1fr!important}.pagination{align-items:flex-start!important;gap:10px;flex-direction:column}.pagination>div{flex-wrap:wrap}}


/* =========================================================
   HODEX CRM V5.4 — ALL EXTRAS BUNDLE / LIGHTER SKY WORKSPACE
   Keeps the left dark navigation and gold CTA identity intact,
   but brightens the central workspace with a lighter blue tone.
   ========================================================= */
body:not(.login-page){
  background:
    radial-gradient(circle at 74% -8%, rgba(111,185,255,.12), transparent 31%),
    radial-gradient(circle at 10% 9%, rgba(243,193,84,.06), transparent 23%),
    linear-gradient(180deg,#101e2d 0%,#122335 38%,#112132 100%);
}
body:not(.login-page) .content{
  background:
    radial-gradient(circle at 52% 68%, rgba(102,190,255,.12), transparent 32%),
    radial-gradient(circle at 60% 6%, rgba(104,183,255,.11), transparent 35%),
    linear-gradient(180deg, rgba(31,57,85,.78) 0%, rgba(28,54,80,.65) 52%, rgba(36,68,101,.74) 100%);
}
body:not(.login-page) .panel,
body:not(.login-page) .kpi,
body:not(.login-page) .kpi-v2,
body:not(.login-page) .command-panel{
  background:linear-gradient(180deg, rgba(8,20,33,.90), rgba(7,18,30,.82));
  border-color:rgba(111,180,242,.12)!important;
}
body:not(.login-page) .hero-title p,
body:not(.login-page) .muted{
  color:#9fb6cb;
}
body:not(.login-page) .theme-card,
body:not(.login-page) .permission-group,
body:not(.login-page) .v5-summary-row>a,
body:not(.login-page) .sales-kpis a{
  border-color:rgba(104,170,232,.18)!important;
}
body:not(.login-page) .theme-card{
  background:linear-gradient(180deg, rgba(12,29,46,.72), rgba(9,22,36,.66));
}
body:not(.login-page) .theme-grid{
  margin-bottom:8px;
}
body:not(.login-page) .kv b,
body:not(.login-page) .field label,
body:not(.login-page) .panel h3,
body:not(.login-page) .hero-title h2{
  color:#f2f8ff;
}
body:not(.login-page) .topbar{
  background:rgba(10,21,34,.88);
}
body:not(.login-page) .topbar h1,
body:not(.login-page) .user,
body:not(.login-page) .user a.btn.secondary{
  color:#deebf8;
}
body:not(.login-page) .btn.secondary{
  background:linear-gradient(180deg,#16314f,#102339);
  color:#bfe2ff;
  border:1px solid rgba(101,171,237,.22);
}
body:not(.login-page) .btn.secondary:hover{
  background:linear-gradient(180deg,#1a395d,#112943);
}


/* HODEX CRM V5.5 — SMART OPERATIONS */
.wq-scope{display:flex;gap:8px;flex-wrap:wrap}.wq-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.wq-card{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-radius:15px;text-decoration:none;background:linear-gradient(180deg,rgba(10,28,45,.92),rgba(7,21,35,.88));border:1px solid rgba(101,177,239,.18);color:#d8e8f6}.wq-card:hover,.wq-card.active{border-color:rgba(244,190,75,.55);box-shadow:0 0 24px rgba(235,178,64,.08)}.wq-card small{color:#91a9bf;font-weight:750}.wq-card b{font-size:23px;color:#f3f8fd}.wq-row td{vertical-align:middle}.wq-row.danger td{background:rgba(105,33,36,.09)}.wq-row.today td{background:rgba(111,82,19,.08)}.wq-score{display:grid;place-items:center;width:36px;height:28px;border-radius:9px;background:#113457;color:#8ed1ff;font-weight:900}.wq-row.danger .wq-score{background:#49242a;color:#ffaaa2}.wq-row.today .wq-score{background:#4d3a16;color:#ffd474}.wq-row td:nth-child(3) small{display:block;color:#7790a8;margin-top:4px;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.status-card{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(8,22,36,.94),rgba(6,17,29,.90));border:1px solid rgba(96,169,230,.16)}.status-card>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:20px;font-weight:900}.status-card.ok>span{color:#7be4a0;background:rgba(44,139,83,.16);border:1px solid rgba(81,208,126,.25)}.status-card.warn>span{color:#ffd16d;background:rgba(152,106,30,.18);border:1px solid rgba(234,179,67,.25)}.status-card small,.status-card b,.status-card em{display:block}.status-card small{color:#8199b0}.status-card b{color:#eff7ff;margin:3px 0}.status-card em{font-style:normal;color:#768da4;font-size:11px}@media(max-width:1200px){.wq-cards{grid-template-columns:repeat(3,1fr)}.status-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.wq-cards,.status-grid{grid-template-columns:1fr}}

/* HODEX CRM V5.6 — Industries & Segmentation */
.industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.industry-card{padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(8,25,40,.92),rgba(7,19,31,.88));border:1px solid rgba(100,184,245,.18);box-shadow:0 14px 38px rgba(0,0,0,.13)}
.industry-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:12px}
.industry-head small{color:#79bfee;font-size:9px;letter-spacing:.16em}
.industry-head h3{margin:3px 0 0;color:#f2f8ff}
.industry-head>b{font-size:22px;color:#a9dfff}
.industry-sublist{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}
.industry-sublist a{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;text-decoration:none;color:#a9bed2;background:rgba(58,135,196,.08);border:1px solid rgba(91,166,224,.09)}
.industry-sublist a:hover{color:#dff3ff;border-color:rgba(111,203,255,.30)}
.industry-sublist b{color:#75c8ff}
.industry-mini{margin-top:4px;font-size:9px;color:#68bff6;white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis}
.sales-filter{grid-template-columns:minmax(200px,1.5fr) repeat(7,minmax(120px,.75fr)) auto auto!important}
@media(max-width:900px){.industry-grid{grid-template-columns:1fr}.industry-sublist{grid-template-columns:1fr}}


/* HODEX V5.6.8 DARK COMMAND UI */
:root{--hx-blue:#2f7dff;--hx-cyan:#63c7ff;--hx-violet:#7257ff;--hx-green:#38d996;--hx-bg:#050a11;--hx-panel:#0a121e;--hx-panel2:#0d1725;--hx-line:rgba(128,171,226,.14);--hx-text:#f4f8ff;--hx-muted:#8495aa}
body:not(.login-page){background:radial-gradient(circle at 78% -10%,rgba(47,125,255,.12),transparent 31%),radial-gradient(circle at 18% 0,rgba(114,87,255,.07),transparent 25%),linear-gradient(180deg,#050a11,#07101b 48%,#050b13)!important;color:var(--hx-text)}
body:not(.login-page) .app{background:transparent}
body:not(.login-page) .sidebar{background:linear-gradient(180deg,rgba(5,10,17,.985),rgba(7,15,25,.985))!important;border-right:1px solid rgba(111,160,220,.10);box-shadow:24px 0 70px rgba(0,0,0,.28)}
body:not(.login-page) .brand{height:76px;margin-bottom:12px;padding:4px 8px}
body:not(.login-page) .brand img{width:154px;max-height:72px;filter:drop-shadow(0 0 16px rgba(69,141,255,.22))}
body:not(.login-page) .nav a{min-height:48px;border:1px solid transparent;border-radius:15px;color:#9caec3;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}
body:not(.login-page) .nav a:hover{transform:translateX(3px);background:rgba(47,125,255,.075);border-color:rgba(79,143,255,.13);color:#eef6ff}
body:not(.login-page) .nav a.active{background:linear-gradient(90deg,rgba(42,116,255,.23),rgba(59,102,225,.08));border-color:rgba(69,139,255,.34);box-shadow:inset 3px 0 0 #3b82ff,0 0 28px rgba(47,125,255,.10);color:#fff}
body:not(.login-page) .topbar{height:82px;background:rgba(5,11,18,.78)!important;border-bottom:1px solid rgba(112,158,214,.11)!important;box-shadow:0 14px 42px rgba(0,0,0,.15);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
body:not(.login-page) .topbar h1{font-size:20px;color:#f5f8fc}
body:not(.login-page) .content{max-width:1680px;padding:26px 30px 70px;background:transparent!important}
body:not(.login-page) .hero-title h2{font-size:34px;color:#f7faff;text-shadow:0 0 28px rgba(72,139,255,.08)}
body:not(.login-page) .hero-title p,body:not(.login-page) .muted{color:var(--hx-muted)}
body:not(.login-page) .panel,body:not(.login-page) .kpi,body:not(.login-page) .kpi-v2,body:not(.login-page) .v5-panel,body:not(.login-page) .v5-calendar-card,body:not(.login-page) .v5-day-panel{background:linear-gradient(145deg,rgba(12,23,37,.94),rgba(7,15,25,.94))!important;border:1px solid var(--hx-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 55px rgba(0,0,0,.20)!important;color:#eaf2fc}
body:not(.login-page) .panel,body:not(.login-page) .kpi,body:not(.login-page) .kpi-v2{border-radius:20px}
body:not(.login-page) .kpi:hover,body:not(.login-page) .kpi-v2:hover,body:not(.login-page) .panel:hover{border-color:rgba(73,139,255,.25)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 60px rgba(0,0,0,.25),0 0 28px rgba(47,125,255,.055)!important}
body:not(.login-page) .kpi strong,body:not(.login-page) .kpi-v2 strong{color:#fff}
body:not(.login-page) .kpi small,body:not(.login-page) .kpi-v2 small,body:not(.login-page) .kpi-v2 em{color:#7f93aa}
body:not(.login-page) .table-wrap{border-color:rgba(112,157,211,.13);background:#08111c}
body:not(.login-page) table{background:#08111c;color:#dce8f6}
body:not(.login-page) th{background:#0b1725;color:#7f93aa;border-color:rgba(112,157,211,.10)}
body:not(.login-page) td{border-color:rgba(112,157,211,.09)}body:not(.login-page) tr:hover td{background:#0c1928}
body:not(.login-page) input,body:not(.login-page) select,body:not(.login-page) textarea{background:#08131f;color:#eaf2fc;border-color:rgba(115,159,213,.16)}
body:not(.login-page) input:focus,body:not(.login-page) select:focus,body:not(.login-page) textarea:focus{border-color:#3f86ff;box-shadow:0 0 0 4px rgba(47,125,255,.11),0 0 24px rgba(47,125,255,.07)}
body:not(.login-page) .btn:not(.gold),body:not(.login-page) button:not(.gold){background:linear-gradient(180deg,#142338,#0c1726);border:1px solid rgba(111,160,220,.16);color:#f0f6ff;box-shadow:inset 0 1px rgba(255,255,255,.04)}
body:not(.login-page) .btn:not(.gold):hover,body:not(.login-page) button:not(.gold):hover{border-color:rgba(68,137,255,.38);box-shadow:0 0 22px rgba(47,125,255,.10)}
body:not(.login-page) .hodex-live-card{background:linear-gradient(145deg,rgba(13,24,39,.96),rgba(7,15,25,.94));border-color:rgba(91,147,230,.18);box-shadow:inset 0 1px rgba(255,255,255,.045),0 15px 38px rgba(0,0,0,.22)}
body:not(.login-page) .hodex-live-time strong{font-variant-numeric:tabular-nums;font-size:19px;background:linear-gradient(90deg,#fff,#9bc5ff);-webkit-background-clip:text;background-clip:text;color:transparent}
body:not(.login-page) .hodex-live-focus{background:linear-gradient(135deg,rgba(47,125,255,.14),rgba(114,87,255,.10));border-color:rgba(85,138,255,.22)}
body:not(.login-page) .user{padding:7px 10px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(112,158,214,.09)}
body:not(.login-page) .avatar{background:linear-gradient(145deg,#12233a,#091421);border:1px solid rgba(87,148,255,.28);color:#91c2ff;box-shadow:0 0 22px rgba(47,125,255,.13)}
body:not(.login-page) ::selection{background:rgba(47,125,255,.35);color:#fff}
@media(max-width:1050px){body:not(.login-page) .brand img{width:58px}.hodex-live-focus{display:none!important}}
@media(max-width:720px){body:not(.login-page) .topbar{height:auto;min-height:68px;padding:9px 12px}.hodex-live-hub{order:3}.content{padding-top:18px!important}}

/* =========================================================
   HODEX CRM V5.7 — FOREST CALENDAR + ROBOT CONTROL
   ========================================================= */
:root{--v57-gold:#e7b85d;--v57-cyan:#63c7ff;--v57-line:rgba(116,164,218,.16);--v57-glass:rgba(9,20,33,.82)}
body:not(.login-page) .v5-page-head h2{font-size:clamp(28px,2.5vw,40px)!important}
body:not(.login-page) .v5-workspace-grid{grid-template-columns:minmax(560px,1.35fr) minmax(360px,.65fr)}
body:not(.login-page) .v5-calendar-card{padding:22px 24px 26px!important;background:linear-gradient(145deg,rgba(10,23,38,.97),rgba(5,13,23,.96))!important;border:1px solid rgba(112,164,220,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 26px 74px rgba(0,0,0,.26),0 0 50px rgba(47,125,255,.045)!important}
body:not(.login-page) .v5-calendar-card:after{background:linear-gradient(90deg,rgba(39,134,235,.38),rgba(232,174,65,.34))!important;opacity:.48!important}
body:not(.login-page) .v5-cal-head{grid-template-columns:104px 1fr 104px;min-height:54px}
body:not(.login-page) .v5-cal-head h3{font-size:22px;color:#f5f9ff}
body:not(.login-page) .v5-cal-nav a,body:not(.login-page) .v5-today-btn{background:linear-gradient(180deg,rgba(20,39,61,.94),rgba(10,23,37,.94));border-color:rgba(106,166,230,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
body:not(.login-page) .v5-cal-nav a:hover,body:not(.login-page) .v5-today-btn:hover{border-color:rgba(231,184,93,.55);color:#ffd984;box-shadow:0 0 22px rgba(231,184,93,.08)}
body:not(.login-page) .v5-weekdays{padding-top:16px}.v5-weekdays span{letter-spacing:.12em;color:#7990a8!important}
body:not(.login-page) .v5-calendar-grid{gap:7px}
body:not(.login-page) .v5-day{min-height:92px!important;padding:9px 9px 8px!important;display:flex;flex-direction:column;gap:7px;background:linear-gradient(150deg,rgba(12,27,44,.96),rgba(6,16,27,.96))!important;overflow:hidden}
body:not(.login-page) .v5-day:hover{transform:translateY(-3px) scale(1.012);z-index:3;border-color:rgba(99,199,255,.52)!important;box-shadow:0 14px 30px rgba(0,0,0,.20),0 0 28px rgba(55,145,242,.11)!important}
body:not(.login-page) .v5-day.today{border-color:rgba(99,199,255,.62)!important;box-shadow:inset 0 -3px 0 #4baeff,0 0 24px rgba(63,159,255,.10)!important}
body:not(.login-page) .v5-day.selected{border-color:rgba(231,184,93,.82)!important;background:linear-gradient(145deg,rgba(77,53,18,.78),rgba(14,20,27,.98))!important;box-shadow:inset 0 0 24px rgba(231,184,93,.12),0 0 28px rgba(231,184,93,.11)!important}
.v57-day-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.v57-day-top b{font-size:16px!important}.v57-day-top .v5-dots{position:static!important;justify-content:flex-end;min-width:22px}
.v57-events{display:flex;flex-direction:column;gap:4px;min-width:0}.v57-event-chip{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 6px;border-radius:7px;background:rgba(54,126,197,.12);border:1px solid rgba(99,171,236,.12);color:#a9c7e3;font-size:8px;line-height:1.15}.v57-event-chip em{font-style:normal;color:#66c8ff;font-weight:900;margin-right:4px}
body:not(.login-page) .v5-day.selected .v57-event-chip{background:rgba(231,184,93,.10);border-color:rgba(231,184,93,.17);color:#f0d397}.v5-day.selected .v57-event-chip em{color:#ffd879}
body:not(.login-page) .v5-day-panel{background:linear-gradient(145deg,rgba(10,22,36,.96),rgba(7,16,27,.96))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 64px rgba(0,0,0,.22)!important}
body:not(.login-page) .v5-note{background:linear-gradient(145deg,rgba(11,27,44,.88),rgba(7,18,30,.88))!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
body:not(.login-page) .v5-note:hover{transform:translateX(3px);border-color:rgba(99,199,255,.28);box-shadow:0 10px 25px rgba(0,0,0,.15)}
body:not(.login-page) .v5-note-form{background:linear-gradient(145deg,rgba(11,24,39,.96),rgba(7,17,29,.95))!important;border:1px solid rgba(114,166,222,.16);border-radius:24px;box-shadow:inset 0 1px rgba(255,255,255,.035),0 22px 65px rgba(0,0,0,.20)}
body:not(.login-page) .v5-gold-btn{background:linear-gradient(135deg,rgba(72,49,14,.90),rgba(23,27,32,.98))!important;color:#ffd979!important;border-color:rgba(231,184,93,.58)!important}
.robot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.robot-card{padding:18px;border-radius:18px;background:linear-gradient(145deg,rgba(11,25,41,.96),rgba(6,16,27,.96));border:1px solid rgba(104,164,226,.16);box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 36px rgba(0,0,0,.16)}.robot-card small,.robot-card span{display:block;color:#8198ae}.robot-card b{display:block;color:#f3f8ff;font-size:24px;margin:5px 0}.robot-card.ok{border-color:rgba(62,211,147,.22)}.robot-card.warn{border-color:rgba(239,175,69,.32)}.robot-command code{display:block;margin:9px 0;padding:12px 14px;border-radius:12px;background:#050d16;border:1px solid rgba(111,164,220,.14);color:#9dd5ff;overflow:auto}
@media(max-width:1200px){body:not(.login-page) .v5-workspace-grid{grid-template-columns:1fr}.robot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body:not(.login-page) .v5-day{min-height:66px!important}.v57-event-chip{display:none}.robot-grid{grid-template-columns:1fr}}

/* === HODEX V5.7.1 PREMIUM ICON SYSTEM === */
.nav .ico{
  width:34px!important;height:34px!important;border-radius:11px!important;
  display:grid!important;place-items:center!important;overflow:visible!important;
  background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.05)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 18px rgba(0,0,0,.16)!important;
  flex:0 0 34px;
}
.nav .ico img{
  width:31px;height:31px;object-fit:contain;display:block;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));
  transition:transform .18s ease,filter .18s ease;
}
.nav a:hover .ico img,.nav a.active .ico img{
  transform:translateY(-1px) scale(1.08);
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.35)) drop-shadow(0 0 7px rgba(220,174,73,.22));
}
.nav a.active .ico{border-color:rgba(214,171,81,.22)!important;background:rgba(214,171,81,.06)!important}
@media(max-width:1050px){.nav .ico{width:38px!important;height:38px!important}.nav .ico img{width:35px;height:35px}}

/* V5.7.2 LOGO REPLACEMENT FIX */
.brand{height:84px;padding:4px 10px 10px}.brand img{background:transparent!important;mix-blend-mode:normal!important;opacity:1!important}.login-logo{background:transparent!important;mix-blend-mode:normal!important;opacity:1!important}


/* === HODEX V5.7.3 MASTER UI / CALENDAR / ROBOTS FIX === */
:root{
  --hx-gold:#d8ad52;--hx-gold-2:#f2ce7a;--hx-blue:#38a8ff;--hx-blue-2:#6fc7ff;
  --hx-panel:#091626;--hx-panel-2:#07111d;--hx-line:rgba(95,157,218,.18);
}
body:not(.login-page) .brand{height:94px!important;justify-content:center!important;margin:0 0 10px!important;padding:2px 8px 12px!important}
body:not(.login-page) .brand img{width:82px!important;height:82px!important;max-width:82px!important;max-height:82px!important;object-fit:contain!important;border-radius:22px!important;filter:drop-shadow(0 10px 25px rgba(216,173,82,.22))!important}
body:not(.login-page) .nav a{gap:12px!important}
body:not(.login-page) .nav .ico{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(49,110,171,.04))!important;border:1px solid rgba(111,169,226,.11)!important}
body:not(.login-page) .nav a.active{background:linear-gradient(90deg,rgba(216,173,82,.14),rgba(45,126,203,.08))!important;border-color:rgba(216,173,82,.42)!important;box-shadow:inset 3px 0 0 var(--hx-gold),0 0 28px rgba(216,173,82,.08)!important;color:#fff7e8!important}
body:not(.login-page) .nav a.active .ico{background:rgba(216,173,82,.075)!important;border-color:rgba(216,173,82,.25)!important}
body:not(.login-page) .nav a:hover{background:linear-gradient(90deg,rgba(56,168,255,.075),rgba(216,173,82,.035))!important;border-color:rgba(85,158,228,.18)!important}
body:not(.login-page) .topbar{background:rgba(5,13,23,.82)!important;border-bottom:1px solid rgba(108,164,221,.14)!important;backdrop-filter:blur(24px) saturate(130%)!important}
body:not(.login-page) .topbar h1{color:#f4f8fd!important}
body:not(.login-page) .content{background:radial-gradient(circle at 30% 0,rgba(46,130,214,.045),transparent 28%),radial-gradient(circle at 82% 8%,rgba(216,173,82,.035),transparent 24%)}

/* Calendar: stronger premium glass + readable day state */
body:not(.login-page) .v5-calendar-card{background:linear-gradient(145deg,rgba(9,22,37,.96),rgba(5,13,23,.97))!important;border:1px solid rgba(98,160,221,.21)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 24px 70px rgba(0,0,0,.24),0 0 40px rgba(56,168,255,.035)!important}
body:not(.login-page) .v5-cal-head{border-bottom-color:rgba(108,166,222,.15)!important}
body:not(.login-page) .v5-cal-nav a,body:not(.login-page) .v5-today-btn{background:linear-gradient(145deg,rgba(15,34,55,.88),rgba(8,20,34,.90))!important;border-color:rgba(104,166,229,.22)!important;color:#eef7ff!important}
body:not(.login-page) .v5-day{background:linear-gradient(145deg,rgba(9,24,40,.98),rgba(6,17,29,.98))!important;border-color:rgba(80,149,216,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.16)!important}
body:not(.login-page) .v5-day:hover{transform:translateY(-2px)!important;border-color:rgba(70,164,255,.56)!important;box-shadow:0 0 0 1px rgba(55,158,255,.08),0 12px 30px rgba(0,0,0,.20),0 0 22px rgba(56,168,255,.11)!important}
body:not(.login-page) .v5-day.today{border-color:rgba(242,206,122,.75)!important;box-shadow:inset 0 -3px 0 var(--hx-gold),0 0 20px rgba(216,173,82,.08)!important}
body:not(.login-page) .v5-day.selected{background:linear-gradient(145deg,rgba(71,50,18,.70),rgba(13,20,29,.98))!important;border-color:rgba(242,206,122,.72)!important;box-shadow:inset 0 0 28px rgba(216,173,82,.10),0 0 25px rgba(216,173,82,.10)!important}
body:not(.login-page) .v57-event-chip{border:1px solid rgba(100,164,224,.16)!important;background:rgba(28,84,133,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}

/* Robots: make status cards visually distinct */
.robot-grid{gap:14px!important}.robot-card{min-height:132px!important;background:linear-gradient(145deg,rgba(10,25,42,.97),rgba(6,16,28,.97))!important;border:1px solid rgba(101,164,225,.17)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 42px rgba(0,0,0,.19)!important}
.robot-card.ok{border-color:rgba(70,213,151,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 42px rgba(0,0,0,.18),0 0 24px rgba(70,213,151,.045)!important}
.robot-card.warn{border-color:rgba(216,173,82,.40)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 42px rgba(0,0,0,.18),0 0 24px rgba(216,173,82,.05)!important}
.robot-card b{color:#fff!important}.robot-card small{color:#9eb2c8!important}.robot-command code{background:#040b13!important;color:#b8deff!important;border-color:rgba(94,157,219,.16)!important}

/* Header/profile polish */
body:not(.login-page) .user .avatar{background:linear-gradient(145deg,#14263a,#0b1726)!important;color:#f5d990!important;border:1px solid rgba(216,173,82,.24)!important;box-shadow:0 9px 22px rgba(0,0,0,.20)!important}
body:not(.login-page) .btn.secondary{background:rgba(18,38,60,.78)!important;color:#eaf4ff!important;border:1px solid rgba(96,158,220,.18)!important}
body:not(.login-page) .btn.gold{background:linear-gradient(135deg,#e4bd68,#a97827)!important;color:#111!important;box-shadow:0 10px 24px rgba(216,173,82,.12)!important}
@media(max-width:1050px){body:not(.login-page) .brand img{width:58px!important;height:58px!important}}

/* === HODEX CRM V5.7.4 FINAL BRAND + ICON CLEANUP === */
.side-bottom{display:none!important}
body:not(.login-page) .sidebar{padding-bottom:20px!important}
body:not(.login-page) .brand{height:100px!important;margin:0 0 14px!important;padding:4px 8px 10px!important}
body:not(.login-page) .brand img{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important;object-fit:contain!important;border-radius:24px!important;background:transparent!important;filter:drop-shadow(0 12px 28px rgba(224,177,72,.24))!important}
.nav .ico{width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important;padding:0!important;overflow:visible!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(224,177,72,.10)!important}
.nav .ico img{width:38px!important;height:38px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.22))!important;transition:transform .18s ease,filter .18s ease!important}
.nav a:hover .ico img{transform:translateY(-1px) scale(1.06)!important;filter:drop-shadow(0 8px 18px rgba(224,177,72,.22))!important}
.nav a.active .ico img{transform:scale(1.08)!important;filter:drop-shadow(0 0 13px rgba(224,177,72,.26)) drop-shadow(0 8px 16px rgba(0,0,0,.2))!important}
.login-logo{width:170px!important;max-width:66%!important;border-radius:34px!important;filter:drop-shadow(0 20px 38px rgba(224,177,72,.25))!important}
@media(max-width:1050px){body:not(.login-page) .brand img{width:60px!important;height:60px!important}.nav .ico{width:40px!important;height:40px!important}.nav .ico img{width:38px!important;height:38px!important}}

/* === HODEX CRM V5.7.5 LIVE BRAND / ICON FALLBACK ===
   Works even if a persistent Python process is still rendering legacy nav glyphs.
   The href selectors replace glyphs with real image icons from static/icons. */
body:not(.login-page) .brand img{
  content:url('/static/img/hx-white-gold-logo-v575.png')!important;
  width:90px!important;height:90px!important;max-width:90px!important;max-height:90px!important;
  object-fit:contain!important;background:transparent!important;opacity:1!important;
  filter:drop-shadow(0 12px 30px rgba(224,177,72,.28))!important;
}
.login-logo{content:url('/static/img/hx-white-gold-logo-v575.png')!important}

/* Hide every legacy character/glyph inside icon wells. */
body:not(.login-page) .nav .ico{
  font-size:0!important;color:transparent!important;text-indent:-9999px!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:36px 36px!important;
  width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;
  border:1px solid rgba(224,177,72,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 7px 20px rgba(0,0,0,.19)!important;
}
body:not(.login-page) .nav .ico img{display:none!important}
body:not(.login-page) .nav a[href="/"] .ico{background-image:url('/static/icons/dashboard.png?v=575')!important}
body:not(.login-page) .nav a[href="/calendar"] .ico{background-image:url('/static/icons/calendar.png?v=575')!important}
body:not(.login-page) .nav a[href="/today"] .ico{background-image:url('/static/icons/pulse.png?v=575')!important}
body:not(.login-page) .nav a[href="/workqueue"] .ico{background-image:url('/static/icons/workqueue.png?v=575')!important}
body:not(.login-page) .nav a[href="/ai"] .ico{background-image:url('/static/icons/ai.png?v=575')!important}
body:not(.login-page) .nav a[href="/collections"] .ico{background-image:url('/static/icons/collections.png?v=575')!important}
body:not(.login-page) .nav a[href="/industries"] .ico{background-image:url('/static/icons/industries.png?v=575')!important}
body:not(.login-page) .nav a[href="/contacts"] .ico{background-image:url('/static/icons/contacts.png?v=575')!important}
body:not(.login-page) .nav a[href="/properties"] .ico{background-image:url('/static/icons/properties.png?v=575')!important}
body:not(.login-page) .nav a[href="/activities"] .ico{background-image:url('/static/icons/activities.png?v=575')!important}
body:not(.login-page) .nav a[href="/email"] .ico{background-image:url('/static/icons/email.png?v=575')!important}
body:not(.login-page) .nav a[href="/sms"] .ico{background-image:url('/static/icons/sms.png?v=575')!important}
body:not(.login-page) .nav a[href="/campaigns"] .ico{background-image:url('/static/icons/campaigns.png?v=575')!important}
body:not(.login-page) .nav a[href="/automations"] .ico{background-image:url('/static/icons/followup.png?v=575')!important}
body:not(.login-page) .nav a[href="/robots"] .ico{background-image:url('/static/icons/robots.png?v=575')!important}
body:not(.login-page) .nav a[href="/flows"] .ico{background-image:url('/static/icons/flows.png?v=575')!important}
body:not(.login-page) .nav a[href="/settings"] .ico{background-image:url('/static/icons/settings.png?v=575')!important}
body:not(.login-page) .nav a[href="/profile"] .ico{background-image:url('/static/icons/profile.png?v=575')!important}
body:not(.login-page) .nav a:hover .ico{transform:translateY(-1px) scale(1.03)!important;border-color:rgba(224,177,72,.30)!important;box-shadow:0 0 18px rgba(224,177,72,.14),0 9px 22px rgba(0,0,0,.20)!important}
body:not(.login-page) .nav a.active .ico{transform:scale(1.04)!important;border-color:rgba(240,196,96,.42)!important;box-shadow:0 0 22px rgba(224,177,72,.20),inset 0 1px rgba(255,255,255,.08)!important}
.side-bottom{display:none!important}
@media(max-width:1050px){body:not(.login-page) .brand img{width:62px!important;height:62px!important}.nav .ico{width:42px!important;height:42px!important;background-size:37px 37px!important}}


/* =====================================================================
   HODEX CRM V5.7.6 — GOLDEN APPLE DASHBOARD
   Production UI override. Visual-only: no API, DB, robot or route changes.
   ===================================================================== */
:root{
  --ga-bg:#030810;
  --ga-bg-2:#07111d;
  --ga-panel:rgba(7,15,25,.94);
  --ga-panel-2:rgba(10,20,32,.92);
  --ga-gold:#d8a93f;
  --ga-gold-2:#f0c86a;
  --ga-gold-3:#ffe7a3;
  --ga-line:rgba(224,177,72,.36);
  --ga-line-soft:rgba(224,177,72,.18);
  --ga-text:#f7f4ed;
  --ga-muted:#8c98a7;
  --ga-shadow:0 22px 64px rgba(0,0,0,.30);
}

/* App shell */
body:not(.login-page){
  background:
    radial-gradient(circle at 76% -12%,rgba(224,177,72,.065),transparent 28%),
    radial-gradient(circle at 26% 8%,rgba(255,255,255,.024),transparent 24%),
    linear-gradient(145deg,#02070d 0%,#050c15 48%,#02070d 100%)!important;
  color:var(--ga-text)!important;
}
body:not(.login-page) .app{background:transparent!important}
body:not(.login-page) .sidebar{
  background:linear-gradient(180deg,rgba(3,9,16,.985),rgba(4,10,17,.97))!important;
  border-right:1px solid rgba(224,177,72,.30)!important;
  box-shadow:12px 0 48px rgba(0,0,0,.22),inset -1px 0 rgba(255,226,151,.025)!important;
}
body:not(.login-page) .topbar{
  background:rgba(3,9,16,.88)!important;
  border-bottom:1px solid rgba(224,177,72,.18)!important;
  box-shadow:0 10px 40px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(26px) saturate(125%)!important;
}
body:not(.login-page) .content{
  background:
    radial-gradient(circle at 54% -4%,rgba(224,177,72,.04),transparent 27%),
    linear-gradient(180deg,rgba(5,12,21,.78),rgba(3,9,16,.86))!important;
}

/* Golden Apple navigation */
body:not(.login-page) .nav a{
  border:1px solid transparent!important;
  border-radius:15px!important;
  color:#aeb8c4!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
body:not(.login-page) .nav a:hover{
  transform:translateX(2px)!important;
  color:#fff7e5!important;
  background:linear-gradient(90deg,rgba(224,177,72,.085),rgba(224,177,72,.025))!important;
  border-color:rgba(224,177,72,.20)!important;
  box-shadow:0 8px 25px rgba(0,0,0,.14)!important;
}
body:not(.login-page) .nav a.active{
  color:#fff8e9!important;
  background:linear-gradient(105deg,rgba(116,79,22,.34),rgba(19,24,29,.88) 62%,rgba(224,177,72,.045))!important;
  border-color:rgba(240,196,96,.62)!important;
  box-shadow:inset 3px 0 0 var(--ga-gold-2),0 0 24px rgba(224,177,72,.10),0 12px 26px rgba(0,0,0,.17)!important;
}
body:not(.login-page) .nav .ico{
  border-color:rgba(224,177,72,.22)!important;
  background-color:rgba(224,177,72,.035)!important;
}
body:not(.login-page) .nav a.active .ico{border-color:rgba(246,211,125,.48)!important;box-shadow:0 0 16px rgba(224,177,72,.14)!important}

/* Header/account */
body:not(.login-page) .topbar h1{color:#f7f4ed!important;letter-spacing:-.025em!important}
body:not(.login-page) .user{
  background:rgba(8,16,26,.72)!important;
  border:1px solid rgba(224,177,72,.14)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.15)!important;
}
body:not(.login-page) .user .avatar{
  color:#f8d97e!important;background:linear-gradient(145deg,#251b0b,#0b121b)!important;
  border-color:rgba(240,196,96,.48)!important;box-shadow:0 0 18px rgba(224,177,72,.10)!important;
}
body:not(.login-page) .btn.secondary,
body:not(.login-page) button:not(.gold):not(.v5-gold-btn){
  background:linear-gradient(180deg,rgba(15,25,37,.94),rgba(7,15,24,.96))!important;
  color:#f4f1e9!important;border:1px solid rgba(224,177,72,.22)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.16)!important;
}
body:not(.login-page) .btn.secondary:hover,
body:not(.login-page) button:not(.gold):not(.v5-gold-btn):hover{
  border-color:rgba(240,196,96,.50)!important;color:#ffe7a3!important;
  box-shadow:0 0 22px rgba(224,177,72,.09),0 10px 24px rgba(0,0,0,.18)!important;
}

/* Dashboard hero / welcome */
body:not(.login-page) .v5-workspace-hero{position:relative}
body:not(.login-page) .v5-workspace-head{margin-bottom:18px!important}
body:not(.login-page) .v5-workspace-head h2{
  color:#fbfaf7!important;font-size:clamp(31px,3.1vw,52px)!important;letter-spacing:-.052em!important;
  text-shadow:0 10px 34px rgba(0,0,0,.25)!important;
}
body:not(.login-page) .v5-workspace-head p{color:#8e98a5!important;font-size:14px!important}
body:not(.login-page) .v5-eyebrow{color:#e6b84e!important;letter-spacing:.18em!important;font-weight:900!important}
body:not(.login-page) .v5-gold-btn,
body:not(.login-page) .btn.gold{
  background:linear-gradient(145deg,#f2cf78 0%,#d9a83e 52%,#a97824 100%)!important;
  color:#151109!important;border:1px solid rgba(255,231,164,.75)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.66),0 9px 24px rgba(224,177,72,.19),0 0 28px rgba(224,177,72,.09)!important;
  font-weight:900!important;
}
body:not(.login-page) .v5-gold-btn:hover,
body:not(.login-page) .btn.gold:hover{
  transform:translateY(-1px)!important;filter:brightness(1.05)!important;
  box-shadow:inset 0 1px #fff4cb,0 13px 30px rgba(224,177,72,.26),0 0 38px rgba(224,177,72,.12)!important;
}

/* Golden glass containers */
body:not(.login-page) .v5-calendar-card,
body:not(.login-page) .v5-day-panel,
body:not(.login-page) .command-panel,
body:not(.login-page) .kpi-v2,
body:not(.login-page) .command-hero{
  background:
    linear-gradient(145deg,rgba(12,22,34,.94),rgba(5,12,20,.965))!important;
  border:1px solid var(--ga-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,244,211,.055),inset 0 0 0 1px rgba(255,255,255,.012),var(--ga-shadow),0 0 34px rgba(224,177,72,.035)!important;
}
body:not(.login-page) .v5-calendar-card,
body:not(.login-page) .v5-day-panel{border-radius:26px!important}
body:not(.login-page) .v5-calendar-card:after{background:linear-gradient(90deg,transparent,rgba(241,197,96,.64),transparent)!important;opacity:.46!important}
body:not(.login-page) .v5-day-panel{overflow:hidden!important;position:relative!important}
body:not(.login-page) .v5-day-panel:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 85% 0,rgba(224,177,72,.06),transparent 31%);
}

/* Calendar */
body:not(.login-page) .v5-cal-head{border-bottom:1px solid rgba(224,177,72,.20)!important;padding-bottom:14px!important}
body:not(.login-page) .v5-cal-head h3{color:#f8f6ef!important;font-size:22px!important}
body:not(.login-page) .v5-cal-nav a,
body:not(.login-page) .v5-today-btn{
  background:linear-gradient(160deg,rgba(18,29,41,.95),rgba(7,15,24,.97))!important;
  color:#f5f2ea!important;border:1px solid rgba(224,177,72,.28)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.15)!important;
}
body:not(.login-page) .v5-cal-nav a:hover,
body:not(.login-page) .v5-today-btn:hover{color:#ffe19a!important;border-color:rgba(244,203,105,.64)!important;box-shadow:0 0 20px rgba(224,177,72,.11)!important}
body:not(.login-page) .v5-weekdays span{color:#8793a0!important;font-weight:800!important}
body:not(.login-page) .v5-day{
  background:linear-gradient(150deg,rgba(11,21,32,.965),rgba(5,13,21,.98))!important;
  border:1px solid rgba(224,177,72,.22)!important;border-radius:14px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 7px 16px rgba(0,0,0,.12)!important;
}
body:not(.login-page) .v5-day:hover{
  transform:translateY(-2px)!important;border-color:rgba(240,196,96,.54)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.20),0 0 20px rgba(224,177,72,.08)!important;
}
body:not(.login-page) .v5-day.today,
body:not(.login-page) .v5-day.selected{
  background:linear-gradient(145deg,rgba(83,57,16,.62),rgba(12,18,24,.98))!important;
  border-color:rgba(255,213,110,.80)!important;
  box-shadow:inset 0 0 25px rgba(224,177,72,.13),0 0 22px rgba(224,177,72,.13),0 9px 22px rgba(0,0,0,.18)!important;
}
body:not(.login-page) .v57-event-chip{
  background:rgba(224,177,72,.075)!important;border-color:rgba(224,177,72,.18)!important;color:#d8c49a!important;
}
body:not(.login-page) .v57-event-chip em{color:#f1c868!important}
body:not(.login-page) .v5-day-head{border-bottom-color:rgba(224,177,72,.18)!important}
body:not(.login-page) .v5-day-head h3{color:#e7b84c!important}
body:not(.login-page) .v5-day-head a{color:#d6b261!important}
body:not(.login-page) .v5-note{border-color:rgba(224,177,72,.16)!important;background:rgba(7,16,26,.72)!important}
body:not(.login-page) .v5-note:hover{border-color:rgba(240,196,96,.38)!important;box-shadow:0 10px 24px rgba(0,0,0,.16),0 0 18px rgba(224,177,72,.05)!important}

/* Four summary cards */
body:not(.login-page) .v5-summary-row{gap:13px!important}
body:not(.login-page) .v5-summary-row>a{
  background:linear-gradient(145deg,rgba(12,22,33,.95),rgba(5,13,21,.97))!important;
  border:1px solid rgba(224,177,72,.34)!important;border-radius:19px!important;
  color:#f5f2eb!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 13px 28px rgba(0,0,0,.18)!important;
}
body:not(.login-page) .v5-summary-row>a:hover{transform:translateY(-2px)!important;border-color:rgba(244,203,105,.66)!important;box-shadow:0 0 24px rgba(224,177,72,.09),0 16px 30px rgba(0,0,0,.20)!important}
body:not(.login-page) .v5-summary-row>a>span{
  color:#f1c968!important;background:linear-gradient(145deg,rgba(224,177,72,.14),rgba(224,177,72,.035))!important;
  border-color:rgba(240,196,96,.48)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 16px rgba(224,177,72,.06)!important;
}
body:not(.login-page) .v5-summary-row .blue,
body:not(.login-page) .v5-summary-row .green,
body:not(.login-page) .v5-summary-row .purple,
body:not(.login-page) .v5-summary-row .gold{color:#f1c968!important}
body:not(.login-page) .v5-summary-row small{color:#9099a5!important}
body:not(.login-page) .v5-summary-row b{color:#f9d77e!important}

/* Command center hero */
body:not(.login-page) .v5-legacy-section{opacity:1!important;margin-top:26px!important}
body:not(.login-page) .command-hero{
  border-radius:27px!important;padding:27px 30px!important;overflow:hidden!important;
  background:
    radial-gradient(ellipse at 72% 125%,rgba(224,177,72,.16),transparent 31%),
    linear-gradient(118deg,rgba(12,19,29,.98),rgba(8,15,24,.97) 58%,rgba(17,23,29,.97))!important;
}
body:not(.login-page) .command-hero:before{
  width:480px!important;height:220px!important;right:-40px!important;top:auto!important;bottom:-166px!important;
  background:radial-gradient(ellipse,rgba(224,177,72,.20),transparent 67%)!important;
}
body:not(.login-page) .command-hero:after{
  width:520px!important;height:1px!important;right:8%!important;bottom:31px!important;border-radius:100%!important;
  background:linear-gradient(90deg,transparent,rgba(255,222,133,.15),rgba(255,207,89,.82),rgba(255,222,133,.14),transparent)!important;
  box-shadow:0 0 18px rgba(224,177,72,.42)!important;transform:rotate(-5deg)!important;
}
body:not(.login-page) .command-hero h2{color:#fbfaf7!important;font-size:38px!important}
body:not(.login-page) .command-hero p{color:#9ba3ad!important}
body:not(.login-page) .command-hero .eyebrow{color:#e5b84d!important}

/* KPI / quick cards */
body:not(.login-page) .v5-legacy-section + .kpi-grid-v2{opacity:1!important}
body:not(.login-page) .kpi-grid-v2{gap:14px!important}
body:not(.login-page) .kpi-v2{
  min-height:142px!important;border-radius:22px!important;color:#f6f3ed!important;
  transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease!important;
}
body:not(.login-page) .kpi-v2:after{
  background:radial-gradient(circle,rgba(224,177,72,.11),transparent 69%)!important;
}
body:not(.login-page) .kpi-v2:hover{
  transform:translateY(-3px)!important;border-color:rgba(244,203,105,.62)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 20px 46px rgba(0,0,0,.24),0 0 24px rgba(224,177,72,.08)!important;
}
body:not(.login-page) .kpi-icon{
  background:linear-gradient(145deg,#fff9e8,#d8aa43)!important;color:#5a3a05!important;
  border:1px solid rgba(255,229,157,.72)!important;box-shadow:0 0 18px rgba(224,177,72,.11)!important;
}
body:not(.login-page) .kpi-v2.danger .kpi-icon,
body:not(.login-page) .kpi-v2.goldish .kpi-icon{background:linear-gradient(145deg,#fff9e8,#d8aa43)!important;color:#5a3a05!important}
body:not(.login-page) .kpi-v2 small{color:#d9c28e!important;font-size:11px!important}
body:not(.login-page) .kpi-v2 strong{color:#fbfaf6!important}
body:not(.login-page) .kpi-v2 em{color:#87929f!important}

/* Detailed dashboard panels */
body:not(.login-page) .dashboard-grid-main,
body:not(.login-page) .dashboard-grid-lower{gap:15px!important}
body:not(.login-page) .command-panel{border-radius:22px!important}
body:not(.login-page) .command-panel:hover{border-color:rgba(224,177,72,.48)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 24px 54px rgba(0,0,0,.25),0 0 20px rgba(224,177,72,.045)!important}
body:not(.login-page) .panel-kicker{color:#d9ab45!important}
body:not(.login-page) .panel-head h3{color:#f7f5ef!important}
body:not(.login-page) .text-link{color:#d3b05f!important}
body:not(.login-page) .metric-chip{background:rgba(224,177,72,.08)!important;border:1px solid rgba(224,177,72,.16)!important;color:#d8bf83!important}
body:not(.login-page) .pipeline-row{border-bottom-color:rgba(224,177,72,.11)!important}
body:not(.login-page) .pipeline-row small{color:#808a97!important}
body:not(.login-page) .progress{background:rgba(255,255,255,.055)!important}
body:not(.login-page) .progress span{background:linear-gradient(90deg,#a97623,#f0c86a,#ffe4a0)!important;box-shadow:0 0 15px rgba(224,177,72,.22)!important}
body:not(.login-page) .timeline-item{border-color:rgba(224,177,72,.12)!important}
body:not(.login-page) .timeline-item>a{color:#e8ca82!important}
body:not(.login-page) .mini-metrics a,
body:not(.login-page) .owner-row,
body:not(.login-page) .quality-grid>div{
  background:linear-gradient(145deg,rgba(11,21,32,.91),rgba(6,14,23,.94))!important;
  border:1px solid rgba(224,177,72,.19)!important;color:#f1efe9!important;
}
body:not(.login-page) .mini-metrics a:hover,
body:not(.login-page) .quality-grid>div:hover{border-color:rgba(240,196,96,.48)!important;box-shadow:0 0 18px rgba(224,177,72,.055)!important}
body:not(.login-page) .mini-metrics a>span{background:rgba(224,177,72,.10)!important;color:#e5b94e!important;border:1px solid rgba(224,177,72,.14)!important}
body:not(.login-page) .owner-avatar{background:linear-gradient(145deg,#2a1d0a,#0a121b)!important;color:#f0cb6d!important;border-color:rgba(224,177,72,.25)!important}
body:not(.login-page) .automation-status>div{background:rgba(224,177,72,.045)!important;border-color:rgba(224,177,72,.14)!important}
body:not(.login-page) .quality-grid span,
body:not(.login-page) .mini-metrics small{color:#89939f!important}

/* Input focus: gold, not blue */
body:not(.login-page) input:focus,
body:not(.login-page) select:focus,
body:not(.login-page) textarea:focus{
  border-color:rgba(240,196,96,.65)!important;
  box-shadow:0 0 0 4px rgba(224,177,72,.085),0 0 22px rgba(224,177,72,.06)!important;
}
body:not(.login-page) ::selection{background:rgba(224,177,72,.32)!important;color:#fff!important}

/* Responsive */
@media(max-width:1250px){
  body:not(.login-page) .command-hero{padding:23px!important}
}
@media(max-width:720px){
  body:not(.login-page) .v5-workspace-head h2{font-size:31px!important}
  body:not(.login-page) .v5-calendar-card,body:not(.login-page) .v5-day-panel{border-radius:20px!important}
  body:not(.login-page) .v5-summary-row>a{border-radius:16px!important}
}

/* =====================================================================
   HODEX CRM V5.7.7 — ULTRA VISION WORK-READY WOW LAYER
   Visual-only enhancement. No DB/API/robot/business-logic changes.
   Designed to avoid periodic blinking/flicker: transitions are interaction-driven.
   ===================================================================== */
:root{
  --uv-blue:#19a8ff;
  --uv-blue-2:#54d3ff;
  --uv-blue-deep:#056ecb;
  --uv-gold:#e0b148;
  --uv-gold-2:#ffd97a;
  --uv-glass:rgba(7,16,27,.82);
  --uv-line-blue:rgba(50,165,255,.25);
  --uv-line-gold:rgba(224,177,72,.34);
  --uv-shadow:0 26px 70px rgba(0,0,0,.34);
}

/* 1 — cinematic ambient depth, intentionally static (no flicker). */
body:not(.login-page){
  background:
    radial-gradient(900px 520px at 83% -8%,rgba(20,119,232,.13),transparent 64%),
    radial-gradient(760px 500px at 15% 104%,rgba(224,177,72,.075),transparent 66%),
    linear-gradient(145deg,#02070e 0%,#06111f 48%,#02070e 100%)!important;
}
body:not(.login-page) .content{position:relative;isolation:isolate}
body:not(.login-page) .content:before{
  content:"";position:fixed;inset:78px 0 0 250px;pointer-events:none;z-index:-1;
  background:
    linear-gradient(118deg,transparent 0 57%,rgba(42,145,255,.025) 57.2% 57.35%,transparent 57.55%),
    radial-gradient(560px 280px at 72% 12%,rgba(40,151,255,.055),transparent 70%);
}

/* 2 — premium blue/gold glass shell. */
body:not(.login-page) .topbar,
body:not(.login-page) .panel,
body:not(.login-page) .kpi,
body:not(.login-page) .kpi-v2,
body:not(.login-page) .command-panel,
body:not(.login-page) .command-hero,
body:not(.login-page) .v5-calendar-card,
body:not(.login-page) .v5-day-panel,
body:not(.login-page) .robot-card{
  backdrop-filter:blur(22px) saturate(128%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(128%)!important;
}
body:not(.login-page) .panel,
body:not(.login-page) .kpi-v2,
body:not(.login-page) .command-panel,
body:not(.login-page) .robot-card{
  border-color:rgba(73,149,221,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),var(--uv-shadow),0 0 0 1px rgba(224,177,72,.025)!important;
}

/* 3 — dual-edge highlight on primary containers. */
body:not(.login-page) .v5-calendar-card,
body:not(.login-page) .v5-day-panel,
body:not(.login-page) .command-hero{
  border-color:rgba(224,177,72,.38)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 1px 0 0 rgba(46,157,255,.08),
    0 24px 68px rgba(0,0,0,.30),
    0 0 34px rgba(33,137,236,.045),
    0 0 18px rgba(224,177,72,.035)!important;
}

/* 4 — navigation icon halo & active rail. */
body:not(.login-page) .nav a{position:relative;overflow:hidden}
body:not(.login-page) .nav a:after{
  content:"";position:absolute;left:7px;top:18%;bottom:18%;width:2px;border-radius:99px;
  background:linear-gradient(180deg,var(--uv-blue-2),var(--uv-gold-2));opacity:0;transform:scaleY(.45);
  transition:opacity .18s ease,transform .18s ease;
}
body:not(.login-page) .nav a:hover:after,body:not(.login-page) .nav a.active:after{opacity:1;transform:scaleY(1)}
body:not(.login-page) .nav a:hover .ico{
  border-color:rgba(55,173,255,.48)!important;
  box-shadow:0 0 0 1px rgba(224,177,72,.09),0 0 20px rgba(29,144,255,.20),0 10px 24px rgba(0,0,0,.24)!important;
}
body:not(.login-page) .nav a.active .ico{
  border-color:rgba(255,210,111,.58)!important;
  box-shadow:0 0 0 1px rgba(37,158,255,.14),0 0 22px rgba(224,177,72,.16),0 0 28px rgba(36,150,255,.09)!important;
}

/* 5 — topbar illuminated glass edge. */
body:not(.login-page) .topbar{
  border-bottom:1px solid rgba(93,164,226,.16)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.20),inset 0 -1px 0 rgba(224,177,72,.055)!important;
}
body:not(.login-page) .topbar:after{
  content:"";position:absolute;left:12%;right:4%;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(52,167,255,.38),rgba(224,177,72,.26),transparent);
}

/* 6 — CTA glass-metal sheen, only on hover. */
body:not(.login-page) .v5-gold-btn,
body:not(.login-page) .btn.gold,
body:not(.login-page) .command-hero .btn:not(.secondary){position:relative;overflow:hidden}
body:not(.login-page) .v5-gold-btn:after,
body:not(.login-page) .btn.gold:after,
body:not(.login-page) .command-hero .btn:not(.secondary):after{
  content:"";position:absolute;inset:-40% auto -40% -55%;width:34%;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);opacity:0;
}
body:not(.login-page) .v5-gold-btn:hover:after,
body:not(.login-page) .btn.gold:hover:after,
body:not(.login-page) .command-hero .btn:not(.secondary):hover:after{opacity:.7;left:122%;transition:left .55s ease,opacity .12s ease}

/* 7 — calendar focus & event depth. */
body:not(.login-page) .v5-day{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important}
body:not(.login-page) .v5-day:hover{
  border-color:rgba(58,171,255,.55)!important;
  box-shadow:inset 0 0 18px rgba(29,142,255,.055),0 12px 28px rgba(0,0,0,.23),0 0 20px rgba(33,151,255,.10)!important;
}
body:not(.login-page) .v5-day.selected,
body:not(.login-page) .v5-day.today{
  border-color:rgba(255,211,109,.86)!important;
  box-shadow:inset 0 0 25px rgba(224,177,72,.13),0 0 0 1px rgba(49,165,255,.12),0 0 24px rgba(224,177,72,.16),0 12px 28px rgba(0,0,0,.22)!important;
}
body:not(.login-page) .v5-note{box-shadow:inset 3px 0 0 rgba(42,157,255,.20)!important}
body:not(.login-page) .v5-note:hover{box-shadow:inset 3px 0 0 rgba(224,177,72,.45),0 12px 26px rgba(0,0,0,.18),0 0 18px rgba(39,153,255,.055)!important}

/* 8 — KPI/icon holographic wells. */
body:not(.login-page) .kpi-icon,
body:not(.login-page) .v5-summary-row>a>span{
  position:relative!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 0 0 1px rgba(58,167,255,.10),0 0 20px rgba(224,177,72,.075)!important;
}
body:not(.login-page) .kpi-v2:hover .kpi-icon,
body:not(.login-page) .v5-summary-row>a:hover>span{
  transform:translateY(-1px) scale(1.035)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 0 1px rgba(66,178,255,.22),0 0 24px rgba(48,164,255,.11),0 0 18px rgba(224,177,72,.09)!important;
}

/* 9 — pointer-aware card lighting. JS sets --hx-x/--hx-y on hover. */
body:not(.login-page) .hx-wow-surface{position:relative;overflow:hidden}
body:not(.login-page) .hx-wow-surface:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .18s ease;
  background:radial-gradient(260px circle at var(--hx-x,50%) var(--hx-y,50%),rgba(52,166,255,.10),transparent 52%);
}
body:not(.login-page) .hx-wow-surface:hover:before{opacity:1}

/* 10 — command center energy line and quick cards. */
body:not(.login-page) .command-hero:after{
  height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(42,161,255,.50),rgba(255,215,118,.86),rgba(42,161,255,.36),transparent)!important;
  box-shadow:0 0 18px rgba(44,157,255,.24),0 0 22px rgba(224,177,72,.20)!important;
}
body:not(.login-page) .kpi-v2,
body:not(.login-page) .mini-metrics a,
body:not(.login-page) .quality-grid>div{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body:not(.login-page) .mini-metrics a:hover,
body:not(.login-page) .quality-grid>div:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(58,169,255,.34)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24),0 0 22px rgba(35,151,255,.075),0 0 16px rgba(224,177,72,.04)!important;
}

/* Forms/tables across all modules. */
body:not(.login-page) .table-wrap{border-color:rgba(67,150,221,.16)!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important}
body:not(.login-page) table{background:rgba(5,14,24,.90)!important;color:#dfeaf7!important}
body:not(.login-page) th{background:rgba(10,24,39,.94)!important;color:#8fa7bf!important;border-bottom:1px solid rgba(224,177,72,.10)!important}
body:not(.login-page) td{border-color:rgba(74,146,208,.10)!important}
body:not(.login-page) tr:hover td{background:rgba(29,111,189,.07)!important}
body:not(.login-page) input,
body:not(.login-page) select,
body:not(.login-page) textarea{
  background:linear-gradient(180deg,rgba(8,20,33,.96),rgba(5,14,24,.97))!important;
  color:#eaf3fc!important;border-color:rgba(86,153,214,.22)!important;
}
body:not(.login-page) input:focus,
body:not(.login-page) select:focus,
body:not(.login-page) textarea:focus{
  border-color:rgba(51,170,255,.58)!important;
  box-shadow:0 0 0 3px rgba(39,151,255,.09),0 0 20px rgba(40,155,255,.065),inset 0 1px rgba(255,255,255,.035)!important;
}

/* Brand presence. */
body:not(.login-page) .brand img{
  filter:drop-shadow(0 0 14px rgba(224,177,72,.16)) drop-shadow(0 9px 28px rgba(0,0,0,.32))!important;
}

/* Accessibility / stability: no periodic animations, honor reduced motion. */
@media(prefers-reduced-motion:reduce){
  body:not(.login-page) *,body:not(.login-page) *:before,body:not(.login-page) *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media(max-width:1050px){body:not(.login-page) .content:before{left:82px}}
@media(max-width:720px){body:not(.login-page) .content:before{display:none}}


/* ========================================================================
   HODEX CRM V5.7.8 — HIGH CONTRAST + DESKTOP APP
   Removes washed-out grey surfaces/text. Keeps premium blue + gold system.
   ======================================================================== */
:root{
  --v578-primary:#f7fbff;
  --v578-secondary:#d7e4f1;
  --v578-helper:#b5c8da;
  --v578-dim:#94acc2;
  --v578-blue:#3aaeff;
  --v578-gold:#e4b54f;
}
body:not(.login-page){color:var(--v578-primary)!important}
body:not(.login-page) .hero-title p,
body:not(.login-page) .panel p,
body:not(.login-page) .muted,
body:not(.login-page) .helper,
body:not(.login-page) small,
body:not(.login-page) .field small,
body:not(.login-page) .v5-note p,
body:not(.login-page) .v5-empty,
body:not(.login-page) .timeline-item .muted,
body:not(.login-page) .pipeline-row small,
body:not(.login-page) .mini-metrics small,
body:not(.login-page) .kpi-v2 em,
body:not(.login-page) .v5-summary-row small,
body:not(.login-page) .command-hero p{
  color:var(--v578-helper)!important;
  opacity:1!important;
}
body:not(.login-page) label,
body:not(.login-page) .field label,
body:not(.login-page) .v5-filter-label,
body:not(.login-page) th{color:#bfd2e4!important;opacity:1!important}
body:not(.login-page) input::placeholder,
body:not(.login-page) textarea::placeholder{color:#819bb2!important;opacity:1!important}

/* The light-grey collection cards visible in V5.7.7 are intentionally removed. */
body:not(.login-page) .collection-grid{gap:16px!important}
body:not(.login-page) .collection-card{
  position:relative!important;overflow:hidden!important;
  color:var(--v578-primary)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(58,174,255,.10),transparent 32%),
    linear-gradient(145deg,rgba(9,24,40,.98),rgba(5,14,24,.98))!important;
  border:1px solid rgba(72,166,244,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 46px rgba(0,0,0,.23),0 0 0 1px rgba(228,181,79,.025)!important;
}
body:not(.login-page) .collection-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.055),transparent 22%,transparent 74%,rgba(228,181,79,.045));
}
body:not(.login-page) .collection-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(228,181,79,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(0,0,0,.28),0 0 26px rgba(58,174,255,.10),0 0 18px rgba(228,181,79,.07)!important;
}
body:not(.login-page) .collection-card h3{color:#fff!important;text-shadow:0 1px 18px rgba(255,255,255,.035)!important}
body:not(.login-page) .collection-card p{color:#d7e4f1!important}
body:not(.login-page) .collection-card b{color:#f4cf77!important}
body:not(.login-page) .collection-card small{color:#a8bfd3!important}
body:not(.login-page) .collection-icon{
  background:linear-gradient(145deg,#ffe9aa,#bd7f19)!important;color:#171006!important;
  border:1px solid rgba(255,236,179,.70)!important;
  box-shadow:0 0 22px rgba(228,181,79,.13),inset 0 1px rgba(255,255,255,.55)!important;
}

/* Inputs/forms: no pale browser-default boxes on dark UI. */
body:not(.login-page) input,
body:not(.login-page) select,
body:not(.login-page) textarea,
body:not(.login-page) input[type=file]{
  background:linear-gradient(145deg,rgba(8,22,37,.96),rgba(5,15,25,.98))!important;
  color:#f2f8ff!important;
  border-color:rgba(76,159,229,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body:not(.login-page) input:focus,
body:not(.login-page) select:focus,
body:not(.login-page) textarea:focus{
  outline:none!important;border-color:rgba(58,174,255,.68)!important;
  box-shadow:0 0 0 3px rgba(58,174,255,.09),0 0 22px rgba(58,174,255,.08)!important;
}
body:not(.login-page) input[type=file]::file-selector-button{
  background:linear-gradient(145deg,#182d42,#0b1d2f)!important;color:#f6fbff!important;
  border:1px solid rgba(58,174,255,.30)!important;border-radius:9px!important;padding:8px 12px!important;margin-right:10px!important;
}

/* High-contrast data tables */
body:not(.login-page) table{color:#edf6ff!important}
body:not(.login-page) td{color:#dce9f5!important}
body:not(.login-page) td a{color:#6fc4ff!important;font-weight:750!important}

/* Desktop-app / PWA button */
body:not(.login-page) .app-install-btn{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  border-color:rgba(228,181,79,.42)!important;color:#ffe6a1!important;
  background:linear-gradient(145deg,rgba(42,30,9,.62),rgba(7,19,31,.90))!important;
  box-shadow:0 0 18px rgba(228,181,79,.055)!important;
}
body:not(.login-page) .app-install-btn:before{content:"↓";font-size:14px;font-weight:900}
body:not(.login-page) .app-install-btn.pwa-ready:before{content:"＋"}
body:not(.login-page) .app-install-btn:hover{border-color:rgba(247,208,112,.72)!important;box-shadow:0 0 24px rgba(228,181,79,.10)!important}

@media(max-width:900px){
 body:not(.login-page) .app-install-btn{font-size:0!important;width:40px!important;justify-content:center!important;padding:9px!important}
 body:not(.login-page) .app-install-btn:before{font-size:17px!important}
}

/* =============================================================
   HODEX CRM V6.1.0 — MASTER PARITY / INTELLIGENCE WORKSPACE
   HX-level workspace maturity: search, notifications, command
   palette, reminders, timeline, daily focus and mobile dock.
   ============================================================= */
:root{
  --hx-blue:#26a9ff;--hx-blue2:#0b67d1;--hx-gold:#d9aa46;--hx-gold2:#8d641e;
  --hx-white:#f7fbff;--hx-ink:#050b12;--hx-panel:#071625;--hx-panel2:#0a1c2e;
  --hx-muted:#a8bfd2;--hx-line:rgba(72,170,242,.22);--hx-gold-line:rgba(220,172,74,.46)
}
body:not(.login-page){background:radial-gradient(circle at 84% -10%,rgba(21,113,196,.14),transparent 28%),radial-gradient(circle at 24% 105%,rgba(212,160,59,.08),transparent 30%),linear-gradient(145deg,#040a11,#07111d 45%,#050b12)!important;color:var(--hx-white)!important}
body:not(.login-page) .app{grid-template-columns:218px minmax(0,1fr)}
body:not(.login-page) .sidebar{background:linear-gradient(180deg,rgba(3,11,19,.99),rgba(5,16,27,.99))!important;border-right:1px solid var(--hx-gold-line)!important;box-shadow:18px 0 50px rgba(0,0,0,.18)!important;z-index:30}
body:not(.login-page) .content{max-width:1740px;padding-top:26px}

/* Topbar / command layer */
body:not(.login-page) .topbar{height:86px!important;padding:8px 26px!important;background:rgba(3,12,21,.84)!important;border-bottom:1px solid rgba(83,177,244,.17)!important;backdrop-filter:blur(24px) saturate(150%)!important;box-shadow:0 14px 45px rgba(0,0,0,.12)!important;gap:18px}
.v60-title{min-width:160px}.v60-title small{display:block;color:#7893a9;font-size:9px;letter-spacing:.1em;font-weight:800;margin-bottom:3px}.v60-title h1{color:#f7fbff!important;font-size:20px!important}
.v60-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0;flex:1}.v60-top-actions .user{color:#c0d0dd!important;flex-shrink:0}.v60-top-actions .avatar{background:linear-gradient(145deg,#0b2136,#06111d)!important;color:#f3c764!important;border:1px solid rgba(222,174,74,.45)!important;box-shadow:0 0 20px rgba(215,166,61,.08)!important}
.v60-top-search{height:44px;width:min(290px,24vw);display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(62,164,239,.25);border-radius:15px;background:linear-gradient(180deg,rgba(11,31,49,.82),rgba(5,18,31,.84));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.v60-top-search img,.v60-top-btn img,.v60-notification-btn img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(43,169,255,.25))}.v60-top-search input{min-width:0!important;width:100%!important;border:0!important;background:transparent!important;color:#eff8ff!important;padding:0!important;box-shadow:none!important;font-size:12px}.v60-top-search input::placeholder{color:#7591a7!important}.v60-top-search kbd,.v60-top-btn kbd{font:700 9px/1 system-ui;padding:4px 6px;border-radius:6px;border:1px solid rgba(105,181,238,.19);color:#8da6ba;background:rgba(1,8,15,.42);white-space:nowrap}
.v60-top-btn,.v60-notification-btn{height:44px;border:1px solid rgba(67,166,237,.25)!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(12,35,56,.85),rgba(5,19,32,.86))!important;color:#e9f6ff!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.12)!important}.v60-top-btn{padding:0 12px!important;font-size:11px!important}.v60-notification-btn{position:relative;width:44px;display:grid;place-items:center;text-decoration:none}.v60-notice-badge{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,#efc966,#aa7728);border:2px solid #07121d;color:#07101a;font-size:9px;box-shadow:0 0 18px rgba(230,181,71,.35)}
.v60-clock{height:44px;min-width:78px;border-radius:15px;border:1px solid rgba(215,169,72,.22);background:rgba(7,20,32,.72);display:flex;flex-direction:column;align-items:center;justify-content:center}.v60-clock b{color:#f8fbff;font-size:16px;line-height:1}.v60-clock small{color:#8098ac;font-size:7px;margin-top:4px;text-transform:uppercase}

/* Daily work focus */
.v60-focus{margin:0 0 18px!important;padding:22px 24px!important;display:grid;grid-template-columns:minmax(250px,1fr) minmax(480px,.9fr);gap:24px;align-items:center;background:radial-gradient(circle at 78% 20%,rgba(26,148,231,.10),transparent 28%),linear-gradient(135deg,rgba(7,23,37,.96),rgba(5,15,26,.96))!important;border:1px solid rgba(216,170,75,.48)!important;box-shadow:0 24px 65px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.04)!important;overflow:hidden;position:relative}.v60-focus:after{content:"";position:absolute;inset:auto -4% -50px 40%;height:120px;background:radial-gradient(ellipse,rgba(23,151,241,.12),transparent 65%);pointer-events:none}.v60-kicker{display:block;color:#d8aa4b;font-size:10px;letter-spacing:.13em;font-weight:900}.v60-focus-copy h2{margin:7px 0 6px;color:#f8fbff;font-size:24px;letter-spacing:-.035em}.v60-focus-copy p{margin:0;color:#91a7b9;max-width:670px}.v60-focus-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v60-focus-actions a{padding:15px 12px;border-radius:16px;text-decoration:none;border:1px solid rgba(74,170,239,.20);background:linear-gradient(180deg,rgba(12,36,57,.78),rgba(5,19,32,.78));transition:.18s transform,.18s border-color,.18s box-shadow}.v60-focus-actions a:hover{transform:translateY(-2px);border-color:rgba(220,173,75,.48);box-shadow:0 12px 28px rgba(0,0,0,.18),0 0 24px rgba(37,156,240,.07)}.v60-focus-actions small,.v60-focus-actions b{display:block}.v60-focus-actions small{color:#879fb2;font-size:10px}.v60-focus-actions b{font-size:25px;margin-top:4px;color:#f8fbff}

/* Shared page headers */
.v60-page-hero,.v60-page-head{margin:3px 0 18px}.v60-page-hero h2,.v60-page-head h2{font-size:34px;letter-spacing:-.045em;color:#f8fbff;margin:6px 0}.v60-page-hero p,.v60-page-head p{color:#9ab0c1;margin:0}.v60-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}

/* Search */
.v60-search-big{margin-top:18px;max-width:850px;display:grid;grid-template-columns:1fr auto;gap:8px}.v60-search-big input{height:54px!important;background:rgba(5,18,30,.88)!important;border:1px solid rgba(64,168,240,.3)!important;color:#fff!important;font-size:16px!important}.v60-search-big button{min-width:100px;background:linear-gradient(180deg,#d8ae59,#9b6b24)!important;color:#08111a!important}.v60-search-panel,.v60-notice-panel,.v60-timeline,.v60-two>.panel{background:linear-gradient(180deg,rgba(7,24,39,.94),rgba(5,17,29,.93))!important;border:1px solid rgba(69,166,235,.22)!important;box-shadow:0 20px 60px rgba(0,0,0,.18)!important}.v60-search-results{display:grid;gap:7px}.v60-search-result{display:grid;grid-template-columns:92px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:13px 14px;text-decoration:none;border-radius:14px;border:1px solid rgba(80,163,222,.12);background:rgba(8,28,45,.55);transition:.18s}.v60-search-result:hover{border-color:rgba(219,171,71,.45);background:rgba(11,36,57,.72);transform:translateX(2px)}.v60-search-result>span{color:#4fc2ff;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.v60-search-result b{display:block;color:#f5fbff}.v60-search-result small{display:block;color:#88a2b7;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v60-search-result i{color:#e0b354;font-style:normal;font-size:18px}.v60-search-empty{padding:40px;color:#8199ad;text-align:center}

/* Notifications */
.v60-notice-panel{display:grid;gap:9px}.v60-notice{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;border:1px solid rgba(77,167,231,.13);background:rgba(9,30,47,.55)}.v60-notice.read{opacity:.62}.v60-notice>a{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:12px;flex:1;text-decoration:none}.v60-notice-dot{width:10px;height:10px;border-radius:50%;background:#49b9ff;box-shadow:0 0 14px rgba(73,185,255,.5)}.v60-notice.gold .v60-notice-dot{background:#e3b44f;box-shadow:0 0 14px rgba(227,180,79,.4)}.v60-notice.danger .v60-notice-dot{background:#ff766e;box-shadow:0 0 14px rgba(255,118,110,.4)}.v60-notice b{color:#f8fbff}.v60-notice p{margin:3px 0 0;color:#91a9bc;font-size:12px}.v60-notice strong{color:#f1c45e;font-size:21px}.v60-notice form{margin:0}.v60-notice .mini{font-size:10px;padding:7px 9px!important;background:rgba(13,39,60,.9)!important;color:#c8dfef!important;border:1px solid rgba(78,164,224,.18)!important}

/* Reminders / timeline */
.v60-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v60-reminder-row{display:grid;grid-template-columns:110px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid rgba(81,160,218,.10);text-decoration:none}.v60-reminder-row:last-child{border-bottom:0}.v60-reminder-row time{color:#55c2ff;font-weight:800;font-size:12px}.v60-reminder-row time small{display:block;color:#849db1;margin-top:3px}.v60-reminder-row b,.v60-reminder-row span{display:block}.v60-reminder-row b{color:#f4f9fd}.v60-reminder-row span{color:#859daf;font-size:11px;margin-top:3px}.v60-reminder-row i{font-style:normal;color:#d9aa48}.v60-timeline{padding:12px 20px!important}.v60-timeline-item{display:grid;grid-template-columns:145px 78px minmax(0,1fr) 22px;gap:13px;align-items:center;padding:13px 5px;border-bottom:1px solid rgba(77,154,213,.10);text-decoration:none}.v60-timeline-item:last-child{border-bottom:0}.v60-timeline-item time{font-size:10px;color:#7e96a9}.v60-timeline-item>span{color:#4fc1ff;font-size:10px;font-weight:850;text-transform:uppercase}.v60-timeline-item b{display:block;color:#f5fbff}.v60-timeline-item small{color:#849dae}.v60-timeline-item i{font-style:normal;color:#d9aa48}

/* Command palette */
.v60-command-overlay{position:fixed;inset:0;z-index:999;background:rgba(0,6,12,.66);backdrop-filter:blur(16px);padding:10vh 20px}.v60-command-overlay[hidden]{display:none!important}.v60-command-box{width:min(760px,100%);margin:auto;padding:18px;border-radius:26px;background:linear-gradient(180deg,rgba(8,27,44,.98),rgba(4,15,26,.98));border:1px solid rgba(217,170,72,.5);box-shadow:0 50px 120px rgba(0,0,0,.5),0 0 55px rgba(25,151,237,.08)}.v60-command-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 14px}.v60-command-head small{color:#d7a947;font-weight:900;letter-spacing:.12em}.v60-command-head h3{margin:4px 0 0;font-size:25px}.v60-command-head button{width:38px;height:38px;border-radius:12px;background:rgba(19,47,70,.8)!important;color:#fff!important;font-size:20px!important}.v60-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v60-command-grid a{padding:14px 15px;border-radius:15px;text-decoration:none;color:#eef8ff;border:1px solid rgba(72,167,237,.16);background:rgba(9,31,49,.65);font-weight:800}.v60-command-grid a:hover{border-color:rgba(217,170,72,.45);background:rgba(13,40,62,.82)}.v60-command-grid small{display:block;color:#839caf;font-weight:500;margin-top:3px}

/* Mobile dock */
.v60-mobile-nav,.v60-sidebar-backdrop{display:none}.v60-sidebar-backdrop{position:fixed;inset:0;background:rgba(0,5,10,.66);z-index:39}.v60-sidebar-backdrop.open{display:block}

/* Premium forms: no washed-out gray text */
body:not(.login-page) input,body:not(.login-page) select,body:not(.login-page) textarea{color:#edf8ff!important;background:rgba(5,19,32,.84)!important;border-color:rgba(66,158,225,.24)!important}body:not(.login-page) input::placeholder,body:not(.login-page) textarea::placeholder{color:#7e98ad!important;opacity:1}body:not(.login-page) label,body:not(.login-page) .muted,body:not(.login-page) small{color:#9db2c4}body:not(.login-page) .collection-card{background:linear-gradient(180deg,rgba(9,28,44,.96),rgba(5,17,29,.95))!important;color:#f5faff!important;border-color:rgba(219,172,73,.32)!important}.collection-card p,.collection-card small{color:#9ab0c2!important}

@media(max-width:1320px){.v60-top-search{width:210px}.v60-top-btn kbd,.v60-top-search kbd{display:none}.v60-clock{display:none}.v60-top-actions .user>span:first-child{display:none}.v60-focus{grid-template-columns:1fr}.v60-focus-actions{max-width:760px}}
@media(max-width:1050px){body:not(.login-page) .app{grid-template-columns:82px 1fr}.v60-title small,.v60-top-btn{display:none}.v60-top-search{width:190px}.v60-page-head{align-items:flex-start;flex-direction:column}.v60-two{grid-template-columns:1fr}}
@media(max-width:720px){body:not(.login-page) .app{display:block!important}.sidebar{position:fixed!important;left:-290px!important;top:0!important;width:270px!important;height:100dvh!important;display:block!important;padding:18px 12px!important;overflow-y:auto!important;transition:left .22s ease!important;z-index:40!important}.sidebar.mobile-open{left:0!important}.sidebar .brand{display:flex!important;height:72px!important}.sidebar .brand img{display:block!important;width:70px!important;height:70px!important}.sidebar .nav{display:block!important}.sidebar .nav a{justify-content:flex-start!important;margin:4px 0!important;padding:10px 11px!important}.sidebar .nav a span:not(.ico){display:inline!important}.topbar{top:0!important;min-height:68px!important;height:auto!important;padding:8px 10px!important}.v60-title{min-width:0}.v60-title small{display:none}.v60-title h1{font-size:17px!important}.v60-top-search,.v60-top-actions .user,.v60-notification-btn{display:none}.v60-top-actions{flex:0}.content{padding:18px 10px 92px!important}.v60-focus{padding:18px!important}.v60-focus-copy h2{font-size:21px}.v60-focus-actions{grid-template-columns:1fr 1fr}.v60-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;height:62px;padding:6px;z-index:35;border-radius:20px;border:1px solid rgba(217,170,72,.38);background:rgba(4,16,28,.94);backdrop-filter:blur(22px);box-shadow:0 20px 55px rgba(0,0,0,.42)}.v60-mobile-nav a,.v60-mobile-nav button{display:grid;place-items:center;padding:4px!important;border:0!important;background:transparent!important;color:#a9bfd0!important;text-decoration:none!important;font-size:9px!important}.v60-mobile-nav a:first-child{color:#f2c45e!important}.v60-command-grid{grid-template-columns:1fr}.v60-command-overlay{padding:6vh 10px}.v60-search-result{grid-template-columns:70px minmax(0,1fr) 18px}.v60-timeline-item{grid-template-columns:1fr}.v60-timeline-item>span{grid-row:1}.v60-reminder-row{grid-template-columns:90px minmax(0,1fr) 18px}}
@media(prefers-reduced-motion:reduce){.v60-focus-actions a,.v60-search-result,.sidebar{transition:none!important}}

/* ============================================================
   HODEX CRM V6.1 SALES OPERATING SYSTEM
   ============================================================ */
:root{--v61-gold:#d9a83c;--v61-gold2:#f4cf75;--v61-blue:#18a8ff;--v61-panel:rgba(7,18,31,.82);--v61-line:rgba(218,168,60,.28)}
.v61-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.v61-page-head h2{font-size:clamp(28px,3vw,44px);margin:4px 0 6px}.v61-page-head p{margin:0;color:#c5d2df}.v61-sales-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 20px}.v61-sales-strip>a,.v61-robot-kpis>div,.v61-studio-kpis>div,.v61-quality-kpis>a{position:relative;overflow:hidden;border:1px solid rgba(40,154,233,.28);border-bottom-color:rgba(217,168,60,.55);background:linear-gradient(145deg,rgba(8,25,42,.96),rgba(5,13,23,.9));border-radius:18px;padding:15px 16px;box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 30px rgba(0,0,0,.22);text-decoration:none}.v61-sales-strip>a:before,.v61-robot-kpis>div:before,.v61-studio-kpis>div:before,.v61-quality-kpis>a:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,rgba(24,168,255,.14),transparent 45%),radial-gradient(circle at 100% 100%,rgba(217,168,60,.08),transparent 40%);pointer-events:none}.v61-sales-strip small,.v61-robot-kpis small,.v61-studio-kpis small,.v61-quality-kpis small{display:block;color:#95abc0;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.v61-sales-strip b,.v61-robot-kpis b,.v61-studio-kpis b,.v61-quality-kpis b{display:block;font-size:27px;color:#fff;margin:4px 0}.v61-sales-strip span{font-size:12px;color:var(--v61-gold2)}
.v61-pipeline{display:grid;grid-template-columns:repeat(6,minmax(240px,1fr));gap:14px;overflow-x:auto;align-items:start;padding-bottom:18px}.v61-stage{min-height:620px;border-radius:22px;border:1px solid rgba(24,168,255,.22);background:linear-gradient(180deg,rgba(8,23,39,.88),rgba(3,10,18,.78));box-shadow:inset 0 1px rgba(255,255,255,.04)}.v61-stage.drag-over{border-color:var(--v61-gold2);box-shadow:0 0 0 2px rgba(244,207,117,.1),0 0 34px rgba(217,168,60,.18)}.v61-stage>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(16px);background:rgba(6,18,31,.92);border-radius:22px 22px 0 0}.v61-stage>header h3{font-size:14px;margin:0;color:#eef7ff}.v61-stage>header b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:10px;background:rgba(217,168,60,.13);color:var(--v61-gold2);border:1px solid rgba(217,168,60,.25)}.v61-stage-body{padding:10px}.v61-deal{margin-bottom:10px;padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(13,35,56,.93),rgba(5,16,28,.93));box-shadow:0 10px 24px rgba(0,0,0,.2);cursor:grab;transition:.18s transform,.18s border-color,.18s box-shadow}.v61-deal:hover{transform:translateY(-2px);border-color:rgba(24,168,255,.55);box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 20px rgba(24,168,255,.08)}.v61-deal.dragging{opacity:.45;transform:scale(.98)}.v61-deal-top{display:flex;justify-content:space-between;gap:10px}.v61-deal-top>a{display:flex;flex-direction:column;min-width:0;color:#fff;text-decoration:none}.v61-deal-top>a b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v61-deal-top>a small{color:#91a6ba;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v61-deal-top>strong{color:var(--v61-gold2);font-size:18px}.v61-deal-meta{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#9fb1c3;font-size:11px}.v61-deal p{font-size:12px;margin:8px 0;color:#e7eef5}.v61-deal p small{display:block;color:#8fa4b8;margin-top:2px}.v61-reasons{font-size:10px;color:#75c9ff;min-height:24px}.v61-stage-form{display:flex;gap:6px;margin-top:9px}.v61-stage-form select{min-width:0;flex:1;font-size:11px;padding:7px}.v61-stage-form button{font-size:11px;padding:7px 9px}
.v61-contact-hero{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;margin-bottom:18px}.v61-contact-hero .contact-avatar{width:74px;height:74px;font-size:27px}.v61-contact-hero h2{font-size:34px;margin:3px 0}.v61-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:9px}.v61-score{min-width:150px;padding:12px 16px;border-radius:18px;background:linear-gradient(145deg,rgba(217,168,60,.12),rgba(24,168,255,.07));border:1px solid rgba(217,168,60,.3);text-align:center}.v61-score small,.v61-score span{display:block;color:#99aec2}.v61-score b{display:block;color:var(--v61-gold2);font-size:34px;line-height:1}.v61-score span{font-size:10px;margin-top:5px;max-width:180px}.v61-360-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.v61-next-action{display:flex;flex-direction:column;gap:7px;padding:14px;border-radius:16px;border:1px solid rgba(24,168,255,.18);background:rgba(8,25,42,.64)}.v61-next-action b{font-size:18px}.v61-next-action strong{color:var(--v61-gold2)}.v61-next-action span{color:#90a8bc;font-size:12px}.v61-mini-row{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none}.v61-mini-row:last-child{border-bottom:0}.v61-mini-row b{color:#edf7ff}.v61-mini-row small{color:#8fa6ba;margin-top:3px}.v61-360-timeline{display:grid;gap:2px}.v61-360-event{display:grid;grid-template-columns:155px 110px 1fr;gap:12px;align-items:start;padding:11px;border-bottom:1px solid rgba(255,255,255,.07)}.v61-360-event time{color:#8da3b8}.v61-360-event>span{color:#55c4ff;text-transform:uppercase;font-size:11px;letter-spacing:.06em}.v61-360-event div{display:flex;flex-direction:column}.v61-360-event small{color:#91a6ba;margin-top:3px}
.v61-followup-table td>a{display:flex;flex-direction:column;color:#fff;text-decoration:none}.v61-followup-table td>a small,.v61-followup-table td>small{color:#8ea4b7;display:block}.v61-score-pill{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#07111c;background:linear-gradient(145deg,#f8dc8f,#c88c20);box-shadow:0 0 20px rgba(217,168,60,.18)}.v61-row-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.v61-row-actions>a,.v61-row-actions button{padding:6px 9px;border:1px solid rgba(24,168,255,.25);border-radius:9px;background:rgba(10,31,49,.8);color:#bfe8ff;text-decoration:none;font-size:11px}.v61-row-actions form{display:inline}
.v61-robot-kpis,.v61-studio-kpis,.v61-quality-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.v61-studio-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.v61-quality-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.v61-step{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}.v61-step b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#e7bd5b,#a96e13);color:#06101b}.v61-step span{color:#dbe8f3}
[data-confirm]{display:inline-block}
@media(max-width:1250px){.v61-sales-strip,.v61-quality-kpis{grid-template-columns:repeat(3,1fr)}.v61-360-grid{grid-template-columns:repeat(2,1fr)}.v61-robot-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.v61-page-head{align-items:flex-start;flex-direction:column}.v61-sales-strip,.v61-quality-kpis,.v61-robot-kpis,.v61-studio-kpis{grid-template-columns:repeat(2,1fr)}.v61-contact-hero{grid-template-columns:auto 1fr}.v61-contact-hero .v61-score,.v61-contact-hero .hero-actions{grid-column:1/-1}.v61-360-grid{grid-template-columns:1fr}.v61-360-event{grid-template-columns:1fr}.v61-pipeline{grid-template-columns:repeat(6,82vw)}}

/* HODEX CRM V7.8 — EMAIL CONTROL CENTER */
.v78-email-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;border:1px solid rgba(59,153,255,.34);border-radius:28px;background:linear-gradient(135deg,rgba(4,14,30,.96),rgba(5,28,55,.88) 58%,rgba(48,37,10,.35));box-shadow:0 24px 70px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.06);margin-bottom:18px}.v78-email-hero:after{content:"";position:absolute;inset:auto -8% -80% 22%;height:180%;background:radial-gradient(circle,rgba(0,134,255,.2),transparent 55%);pointer-events:none}.v78-email-hero h2{font-size:clamp(28px,3vw,48px);margin:6px 0 8px}.v78-email-hero p{max-width:780px;color:var(--muted,#aab9c9)}.v78-email-state{min-width:180px;padding:18px 20px;border-radius:20px;border:1px solid rgba(255,196,70,.35);background:rgba(5,11,22,.72);display:flex;flex-direction:column;gap:4px}.v78-email-state b{font-size:30px}.v78-email-state.ok b{color:#67e7b0}.v78-email-state.warn b{color:#ffd371}.v78-email-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.v78-email-kpis>div{padding:18px;border-radius:20px;border:1px solid rgba(66,157,255,.22);background:linear-gradient(180deg,rgba(8,22,42,.92),rgba(4,13,27,.92));box-shadow:inset 0 1px rgba(255,255,255,.04)}.v78-email-kpis small{display:block;color:var(--muted,#9fb0c1)}.v78-email-kpis b{display:block;font-size:28px;margin-top:5px}.v78-control{min-height:330px}.v78-fail{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.v78-fail span{grid-column:1/-1;color:#ffb0b0;font-size:13px;overflow-wrap:anywhere}.v78-fail small{color:var(--muted,#9fb0c1)}
@media(max-width:900px){.v78-email-hero{align-items:flex-start;flex-direction:column}.v78-email-state{width:100%;min-width:0}.v78-email-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v78-email-kpis>div:last-child{grid-column:1/-1}}@media(max-width:520px){.v78-email-hero{padding:20px;border-radius:22px}.v78-email-kpis{grid-template-columns:1fr 1fr}.v78-email-kpis b{font-size:24px}}