:root{
  --bg:#f6f8fc!important;--panel:#ffffff!important;--panel2:#f8fbff!important;--line:#e2e8f0!important;--text:#0f172a!important;--muted:#64748b!important;--cyan:#0f6df5!important;--cyan2:#45cfd0!important;--green:#10b981!important;--amber:#f59e0b!important;--red:#ef4444!important;--shadow:0 14px 38px rgba(15,23,42,.08)!important;color-scheme:light!important;
}
html,body{background:#f6f8fc!important;color:#0f172a!important}
body{background:radial-gradient(circle at 88% 0%,rgba(69,207,208,.09),transparent 24%),linear-gradient(180deg,#fbfdff 0,#f6f8fc 100%)!important}
.app{grid-template-columns:246px 1fr!important;background:transparent!important}
.sidebar{background:rgba(255,255,255,.96)!important;border-right:1px solid #e6ebf2!important;box-shadow:8px 0 28px rgba(15,23,42,.025)!important;padding:24px 16px!important}
.brand{padding:2px 6px 28px!important}.brand-mark{background:linear-gradient(145deg,#1172ff,#69d8d4)!important;border:0!important;color:white!important;box-shadow:0 10px 24px rgba(15,109,245,.18)!important}.brand strong{color:#0f172a!important;font-size:17px!important;letter-spacing:.05em!important}.brand span{color:#7a889b!important;letter-spacing:.12em!important}
.sidebar nav{gap:4px!important}.sidebar nav button{color:#536176!important;border-radius:10px!important;padding:11px 12px!important}.sidebar nav button:hover{background:#f2f6fb!important;color:#0f172a!important}.sidebar nav button.active{background:linear-gradient(90deg,#edf5ff,#f4fbfb)!important;color:#0f6df5!important;border-color:#d7e8ff!important;box-shadow:inset 3px 0 #0f6df5!important}.sidebar nav button span{color:#0f6df5!important}
.sidebar-foot{gap:13px!important}.runtime-pill{background:#f8fbff!important;border-color:#e0e8f2!important}.runtime-pill b{color:#0f172a!important}.runtime-pill span{color:#738197!important}.runtime-pill i{background:#10b981!important;box-shadow:0 0 10px rgba(16,185,129,.45)!important}
.main{padding:0 34px 70px!important}.topbar{height:96px!important;background:rgba(251,253,255,.92)!important;border-bottom:1px solid #e6ebf2!important}.topbar h2{color:#0f172a!important;font-size:28px!important}.eyebrow{color:#0f6df5!important}.subtle,.hint,.copy{color:#718096!important}.top-actions{gap:9px!important}.top-actions .ghost,.top-actions .video-btn{background:white!important;border:1px solid #dce4ef!important;color:#22314a!important;box-shadow:0 5px 16px rgba(15,23,42,.045)!important}.top-actions .video-btn{background:linear-gradient(135deg,#0f6df5,#4fc8ce)!important;color:white!important;border:0!important;box-shadow:0 10px 24px rgba(15,109,245,.18)!important}
#demoModePill{border-color:#d8e7ff!important;background:#eff6ff!important;color:#0f6df5!important}#demoModePill.live{border-color:#c8f1df!important;background:#effcf7!important;color:#059669!important}
.metric-grid{gap:12px!important}.metric{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 7px 22px rgba(15,23,42,.045)!important;min-height:118px!important}.metric span{color:#68778c!important}.metric strong{color:#0f172a!important}.metric.hot strong{color:#0f6df5!important}.metric small{color:#8a98aa!important}
.panel{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 9px 26px rgba(15,23,42,.045)!important;border-radius:15px!important}.panel h3{color:#0f172a!important}.panel-head{border-color:#edf1f6!important}.text-btn,.icon-btn{color:#0f6df5!important}.badge{background:#f6f8fb!important;border-color:#e1e7ef!important;color:#66758a!important}.badge.green{background:#effcf6!important;border-color:#caefdc!important;color:#059669!important}
.mini-lead,.list-row{background:#fbfdff!important;border-color:#e6ebf2!important;color:#0f172a!important}.mini-lead b,.list-row b{color:#0f172a!important}.mini-lead span,.list-row span{color:#748296!important}.score{background:#f0fbf8!important;border-color:#cbeee2!important;color:#047857!important}.mini-actions button{background:white!important;border-color:#dce4ee!important;color:#536176!important}.mini-actions .call{color:#0f6df5!important}.source-line{color:#24324a!important}.bar{background:#edf1f6!important}.bar i{background:linear-gradient(90deg,#0f6df5,#4fc8ce)!important}
.toolbar{background:#fff!important}.toolbar input,.toolbar select{background:#fff!important;color:#0f172a!important;border-color:#dbe3ed!important}.lead-grid{grid-template-columns:repeat(3,minmax(290px,1fr))!important;gap:14px!important}
.lead-card{background:#fff!important;border:1px solid #e0e7ef!important;border-radius:16px!important;padding:18px!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important;overflow:visible!important}.lead-card:hover{transform:translateY(-2px)!important;border-color:#c9d7e8!important;box-shadow:0 16px 36px rgba(15,23,42,.085)!important}.lead-card:before{display:none!important}.lead-top{align-items:center!important}.avatar{width:46px!important;height:46px!important;border-radius:50%!important;background:linear-gradient(145deg,#eaf3ff,#effcf9)!important;color:#0f6df5!important;border:1px solid #d8e7f8!important}.lead-top b{color:#0f172a!important;font-size:16px!important}.lead-top small{color:#718096!important}.score-ring{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border:2px solid #2bc48a!important;border-radius:50%!important;color:#0f172a!important;background:#fff!important;font-weight:800!important}.lead-meta{grid-template-columns:1fr!important;gap:0!important;margin:14px 0 8px!important;border-top:1px solid #edf1f5!important}.lead-meta div{display:grid!important;grid-template-columns:110px 1fr!important;align-items:center!important;background:transparent!important;border:0!important;border-bottom:1px solid #edf1f5!important;border-radius:0!important;padding:9px 0!important}.lead-meta label{color:#7c899b!important;font-size:10px!important}.lead-meta span{margin:0!important;text-align:right!important;color:#172033!important;font-size:11px!important}.lead-notes{color:#69778c!important;min-height:38px!important;max-height:44px!important;margin:10px 0 4px!important}.lead-actions{margin-top:12px!important}.lead-actions>button{display:none!important}.lead-actions>select{margin-left:auto!important;max-width:150px!important;background:#f8fafc!important;border-color:#dfe6ee!important;color:#172033!important;padding:8px 10px!important}
.premium-lead-actions{display:flex;gap:8px;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid #edf1f5}.premium-lead-actions button{width:42px;height:38px;border-radius:10px;border:1px solid #dce4ee;background:#fff;color:#516077;display:grid;place-items:center;font-size:16px;transition:.18s}.premium-lead-actions button:hover{border-color:#b9d3f8;background:#f3f8ff;color:#0f6df5;transform:translateY(-1px)}.premium-lead-actions button.primary-contact{border-color:#cfe0f8;color:#0f6df5;background:#f7fbff}.premium-lead-actions .premium-spacer{flex:1}.premium-stage-label{font-size:10px;color:#7c899b;text-transform:uppercase;letter-spacing:.08em;margin-right:4px}
.table-wrap{background:#fff!important}.table th{color:#7d8998!important;border-color:#e9eef4!important}.table td{color:#56657a!important;border-color:#edf1f5!important}.table td strong{color:#0f172a!important}.status{background:#f4f7fa!important;color:#65748a!important}.status.completed{background:#ecfbf4!important;color:#059669!important}.status.failed,.status.busy,.status.no-answer{background:#fff2f2!important;color:#dc2626!important}
.callback-card{background:#fff!important;border-color:#e1e8f0!important}.callback-card h4{color:#0f172a!important}.callback-card p{color:#718096!important}
input,select,textarea{background:#fff!important;color:#0f172a!important;border-color:#dce4ee!important}input:focus,select:focus,textarea:focus{border-color:#8dbaf9!important;box-shadow:0 0 0 3px rgba(15,109,245,.08)!important}.dropzone{background:#f9fbfe!important;border-color:#cfd9e6!important}.copy-field code,.code-sample{background:#f7f9fc!important;border-color:#dfe6ef!important;color:#315a83!important}.copy-field button{background:#fff!important;border-color:#dce4ee!important;color:#536176!important}.flow div{background:#f9fbfd!important;border-color:#e0e7ef!important}.flow b{color:#0f172a!important}.flow span{color:#748296!important}
.isla-layout{grid-template-columns:.86fr 1.14fr!important}.isla-hero{background:radial-gradient(circle at 20% 18%,rgba(79,200,206,.18),transparent 35%),linear-gradient(160deg,#f5f9ff,#ffffff)!important}.isla-orb{background:linear-gradient(145deg,#0f6df5,#4fc8ce)!important;color:white!important;border:0!important;box-shadow:0 15px 36px rgba(15,109,245,.16)!important}.isla-hero h3{color:#0f172a!important}.isla-hero>p:not(.eyebrow){color:#66758a!important}.snapshot-strip div{background:#fff!important;border-color:#dfe7f0!important}.snapshot-strip b{color:#0f172a!important}.snapshot-strip span{color:#78869a!important}.chat-panel,.chat-stream{background:#fff!important}.bubble{background:#f4f7fb!important;border-color:#e0e7ef!important;color:#29374d!important}.bubble.user{background:#eef5ff!important;border-color:#d7e7ff!important;color:#16478b!important}.chat-form{border-color:#e7edf3!important}.prompt-chips button{background:#fff!important;border-color:#dce4ee!important;color:#536176!important}
.auth-shell{background:rgba(15,23,42,.25)!important}.auth-card{background:#fff!important;border-color:#e0e7ef!important;box-shadow:0 30px 90px rgba(15,23,42,.22)!important}.auth-card h1{color:#0f172a!important}.auth-copy{color:#66758a!important}#demoAuthClose{background:#fff!important;color:#64748b!important;border-color:#dce4ee!important}
.primary{background:linear-gradient(135deg,#0f6df5,#4fc8ce)!important;color:white!important;box-shadow:0 8px 20px rgba(15,109,245,.16)!important}.ghost{background:#fff!important;border-color:#dce4ee!important;color:#42526a!important}.video-btn{background:linear-gradient(135deg,#0f6df5,#4fc8ce)!important;color:white!important;border:0!important}
/* Pass-specific dark surfaces */
[class^="p2-"],[class*=" p2-"],[class^="p3-"],[class*=" p3-"],[class^="p4-"],[class*=" p4-"],[class^="p5-"],[class*=" p5-"],[class^="p6-"],[class*=" p6-"],[class^="p7-"],[class*=" p7-"],[class^="p8-"],[class*=" p8-"],[class^="p9-"],[class*=" p9-"],[class^="p10-"],[class*=" p10-"]{--panel:#fff;--muted:#718096;--line:#e2e8f0;color:#25334a}.p7-lane,.p9-check,.p10-step,.p6-card,.p5-card{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 7px 20px rgba(15,23,42,.035)!important}.p7-fields input,.p9-form input,.p9-form textarea,.p9-form select{background:#fff!important;color:#0f172a!important}.p7-kpi div,.p7-result,.p9-run{background:#f8fafc!important;border-color:#e6ebf2!important;color:#26354b!important}
/* Kenji premium sidebar extras */
.kenji-advantage{margin-top:18px;border:1px solid #d9e6f7;border-radius:14px;padding:14px;background:linear-gradient(150deg,#f7fbff,#f8fffe);box-shadow:0 8px 20px rgba(15,23,42,.035)}.kenji-advantage b{display:block;color:#0f6df5;font-size:11px;margin-bottom:6px}.kenji-advantage p{margin:0;color:#67768b;font-size:10px;line-height:1.55}.kenji-advantage a{display:inline-block;margin-top:9px;color:#0f6df5;font-size:10px;font-weight:800;text-decoration:none}
.kenji-top-search{width:min(360px,32vw);position:relative}.kenji-top-search input{width:100%;padding:10px 36px 10px 36px;border-radius:11px;background:#fff!important}.kenji-top-search:before{content:"⌕";position:absolute;left:13px;top:8px;color:#7d8999;font-size:17px}.kenji-page-sub{font-size:11px;color:#7d8a9c;margin-top:4px}
/* Support widget */
#kenjiSupportPill{position:fixed;right:24px;bottom:22px;z-index:1200;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#0f6df5,#4fc8ce);color:white;border:0;border-radius:999px;padding:9px 16px 9px 9px;box-shadow:0 16px 36px rgba(15,109,245,.24);font-weight:800}#kenjiSupportPill img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:white;border:2px solid rgba(255,255,255,.75)}#kenjiSupportPill small{display:block;font-size:9px;font-weight:600;opacity:.86;margin-top:2px}#kenjiSupportPanel{position:fixed;right:24px;bottom:82px;width:min(390px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 115px));z-index:1201;background:white;border:1px solid #dfe6ef;border-radius:18px;box-shadow:0 28px 70px rgba(15,23,42,.2);overflow:hidden;display:none;flex-direction:column}#kenjiSupportPanel.open{display:flex}.kenji-support-head{display:flex;gap:11px;align-items:center;padding:15px;border-bottom:1px solid #e8edf3;background:linear-gradient(145deg,#f7fbff,#f9fffe)}.kenji-support-head img{width:52px;height:52px;border-radius:14px;object-fit:cover;background:#eef5ff}.kenji-support-head b{display:block;color:#0f172a}.kenji-support-head span{display:block;color:#718096;font-size:10px;margin-top:3px}.kenji-support-close{margin-left:auto;width:32px;height:32px;border:0;background:transparent;color:#64748b;font-size:20px}.kenji-support-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #e8edf3;background:#fff}.kenji-support-tabs button{border:0;background:transparent;padding:10px 4px;color:#64748b;font-size:9px;font-weight:700}.kenji-support-tabs button.active{color:#0f6df5;background:#f4f8ff}.kenji-support-body{overflow:auto;padding:13px}.kenji-support-search{width:100%;margin-bottom:10px}.kenji-faq{border:1px solid #e3e9f0;border-radius:10px;margin-bottom:8px;overflow:hidden}.kenji-faq button{width:100%;border:0;background:#fff;text-align:left;padding:11px 12px;color:#26354a;font-size:11px;font-weight:750;display:flex;justify-content:space-between;gap:10px}.kenji-faq .answer{display:none;padding:0 12px 12px;color:#66758a;font-size:10px;line-height:1.6;border-top:1px solid #eef2f6}.kenji-faq.open .answer{display:block;padding-top:11px}.kenji-faq .answer b{color:#0f172a}.kenji-faq .answer ul{margin:7px 0 0 16px;padding:0}.kenji-faq .answer li{margin:4px 0}
@media(max-width:1100px){.lead-grid{grid-template-columns:repeat(2,minmax(280px,1fr))!important}.metric-grid{grid-template-columns:repeat(3,1fr)!important}.kenji-top-search{display:none}}
@media(max-width:760px){.app{grid-template-columns:1fr!important}.sidebar{position:relative!important;height:auto!important}.main{padding:0 14px 60px!important}.lead-grid,.grid.two,.metric-grid{grid-template-columns:1fr!important}.topbar{height:auto!important;min-height:88px!important;align-items:flex-start!important;padding:15px 0!important}.top-actions{flex-wrap:wrap!important;justify-content:flex-end!important}#kenjiSupportPill{right:12px;bottom:12px}#kenjiSupportPanel{right:12px;bottom:72px}.isla-layout{grid-template-columns:1fr!important}}
