*{box-sizing:border-box}html{background:#070c14}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#070c14;color:#e9f0fb;min-height:100vh}a{color:#7db7ff;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#09111d,#080d16);border-right:1px solid #172438;padding:20px 14px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:11px;color:#fff;padding:3px 7px 22px}.logo-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:27px;font-weight:1000;font-style:italic;color:white;background:linear-gradient(145deg,#0eb8ff 5%,#1769ff 45%,#7c3cff 90%);box-shadow:0 0 28px #1769ff55;transform:skew(-7deg)}.logo b{display:block;font-size:20px;letter-spacing:-.5px}.logo i{font-style:normal;color:#1ea7ff}.logo small{display:block;color:#72839a;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:6px}.side-nav a{color:#c8d4e4;padding:12px 13px;border-radius:10px;font-size:14px}.side-nav a:hover{background:#102848;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #172438;padding:16px 8px 4px;color:#7f91a8;font-size:12px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1ee68a;box-shadow:0 0 12px #1ee68a;margin-right:6px}.ghost-btn{border:1px solid #22344c;background:#0c1624;color:#9db0c8;border-radius:8px;padding:8px 12px;margin-top:12px;width:100%;cursor:pointer}.workspace{min-width:0}.topbar{height:68px;border-bottom:1px solid #172438;background:#09111dcc;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.top-product{display:flex;gap:10px;align-items:center}.top-product span{color:#72839a;font-size:12px}.operator{display:grid;grid-template-columns:auto auto;align-items:center;font-size:12px}.operator small{grid-column:2;color:#24d88b}.public-nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #172438}.public-nav .logo{padding:0}.section{max-width:1320px;margin:0 auto;padding:28px}h1{font-size:32px;line-height:1.08;margin:7px 0 18px;letter-spacing:-.8px}h2{margin:8px 0 12px}h3{margin-top:8px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#6682a4}.muted,small{color:#71839b}.topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.btn,button[type=submit]{display:inline-block;background:linear-gradient(135deg,#126cff,#245dff);color:#fff;border:0;border-radius:9px;padding:11px 15px;text-decoration:none;cursor:pointer;box-shadow:0 5px 20px #126cff22}.btn.small{padding:8px 11px;font-size:12px}.card{background:linear-gradient(180deg,#101a28,#0d1622);border:1px solid #1b2a3d;border-radius:14px;padding:18px;box-shadow:0 10px 32px #0004}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stats .card{position:relative;overflow:hidden}.stats .card:after{content:"";position:absolute;right:-20px;top:-30px;width:90px;height:90px;border-radius:50%;background:#1769ff16}.stats strong{display:block;font-size:31px;margin-top:6px}.grid{max-width:none;margin:18px 0;padding:0}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.layout{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #1a2738;vertical-align:top}th{font-size:11px;color:#71839b;text-transform:uppercase;letter-spacing:.04em}tr:hover td{background:#101d2c}input,select,textarea{width:100%;padding:11px;border:1px solid #24354b;border-radius:9px;background:#09121e;color:#e8f0fb;margin:7px 0 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:#1b73ff;box-shadow:0 0 0 3px #1b73ff1f}label{display:block;font-weight:700;margin-top:10px}.inline{display:inline-flex;gap:6px;align-items:center}.inline select{width:auto;margin:0}.link{border:0;background:none;box-shadow:none;color:#65aaff;text-decoration:none;cursor:pointer}.badge{display:inline-block;padding:6px 9px;border-radius:999px;font-weight:800;font-size:11px}.plan-start{background:#123157;color:#7ab7ff}.plan-business{background:#452184;color:#caa7ff}.plan-pro{background:#5a2b13;color:#ffc08b}.feature{display:inline-block;background:#132338;border:1px solid #203750;border-radius:8px;padding:7px 9px;margin:4px;font-size:12px}.details{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;background:#09121e;border-radius:10px;padding:12px;margin:14px 0}.details span{font-size:11px;color:#71839b}.details b{color:#e9f0fb}.msg{margin:10px 0}.msg small{color:#647890}.bubble{background:#182638;border-radius:13px;padding:11px 13px;margin-top:5px;line-height:1.45}.me{background:linear-gradient(135deg,#0f55b8,#126cff);margin-left:12%;color:#fff}.formcard{max-width:850px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-choice{border:1px solid #1d3046;border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:7px;cursor:pointer}.plan-choice input{width:auto;margin:0}.hero{max-width:1200px;margin:65px auto;padding:0 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.lead{font-size:19px;line-height:1.55;color:#8da0b8}.chat{max-width:440px}.chathead{font-weight:800;border-bottom:1px solid #1c2a3c;padding-bottom:12px;margin-bottom:15px}.chat .bubble{margin:8px 0;max-width:88%}.row{display:flex;gap:10px;margin-top:14px}.row input{flex:1}.notice,.alert{background:#0e3929;border:1px solid #1a6a49;color:#7df0b8;padding:12px;border-radius:9px;margin:12px 0}.error{background:#3b1720;border:1px solid #70283a;color:#ff9db0;padding:12px;border-radius:9px;margin:12px 0}.ok{color:#31e592}.warn{color:#ffb85b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.cards>div{background:#101a28;border:1px solid #1b2a3d;border-radius:12px;padding:16px}.chips span{display:inline-block;background:#132338;padding:8px 11px;border-radius:20px;margin:4px}.pricing,.grid.three{max-width:1180px;margin-left:auto;margin-right:auto}footer{text-align:center;color:#566a83;padding:40px}.big{font-size:36px;font-weight:900}@media(max-width:950px){.app-shell{grid-template-columns:76px 1fr}.sidebar{padding:18px 10px}.logo span:nth-child(2),.side-nav span,.sidebar-bottom{display:none}.logo{padding-left:7px}.side-nav a{font-size:20px;text-align:center}.layout{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr}.section{padding:20px}}@media(max-width:600px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;display:block}.side-nav{display:flex;flex-direction:row;overflow:auto}.side-nav a{font-size:16px;white-space:nowrap}.logo span:nth-child(2){display:block}.stats,.cards,.plan-grid{grid-template-columns:1fr}.topbar{padding:0 15px}.operator{display:none}.hero{display:block;margin-top:35px}h1{font-size:30px}}
/* v6.4 brand mark */
.logo-mark{background:none!important;box-shadow:0 8px 28px #2563ff35!important;padding:0!important;overflow:hidden}.logo-mark svg{display:block;width:100%;height:100%}.logo small{letter-spacing:.08em;text-transform:uppercase}.side-nav a[href="/local-test"]{margin-top:8px;border-top:1px solid #172438;padding-top:16px}
/* v6.5 selected Avito AI logo */
.logo .brand-full{display:block;width:190px}.logo .brand-full img{display:block;width:100%;height:auto}.logo .brand-compact{display:none;width:46px;height:46px}.logo .brand-compact img{width:100%;height:100%;display:block}.sidebar .logo{padding-left:0}.public-nav .logo .brand-full{width:205px}@media(max-width:950px) and (min-width:601px){.logo .brand-full{display:none!important}.logo .brand-compact{display:block!important}.sidebar .logo{justify-content:center;padding-left:0}}@media(max-width:600px){.logo .brand-full{display:block!important;width:180px}.logo .brand-compact{display:none!important}}
/* v6.6 — selected Avito AI visual system */
:root{--bg:#06101c;--panel:#0b1929;--panel2:#0e2033;--line:#17314d;--text:#f5f8ff;--muted:#7f96b1;--blue:#087cff;--cyan:#00c7ff;--purple:#6d38ff;--green:#00db7c;--orange:#ff9d00}
body{background:radial-gradient(circle at 60% -10%,#102b4a55,transparent 35%),var(--bg);color:var(--text)}
.app-shell{grid-template-columns:205px 1fr}.sidebar{background:#071322;border-right:1px solid #142c45;padding:14px 10px}.sidebar .logo{height:92px;padding:2px 5px 12px;align-items:center}.logo .brand-full{width:182px}.logo .brand-full img{width:100%;height:auto;object-fit:contain}.logo .brand-compact img{object-fit:contain}.side-nav{gap:3px}.side-nav a{padding:10px 10px;color:#c9d8e9;border-radius:7px;font-size:13px}.side-nav a:hover{background:linear-gradient(90deg,#0c65e8,#174f9c);color:#fff}.side-nav a:first-child{background:linear-gradient(90deg,#086dff,#1554b8);color:#fff;box-shadow:0 8px 24px #087cff24}.topbar{height:58px;background:#081523;border-color:#16304a;padding:0 18px}.top-product{gap:10px}.menu-chip{background:#0d2135!important;box-shadow:none!important;border:1px solid #1c3855!important;padding:7px 9px!important;border-radius:7px!important}.company-chip{background:#0d2135;border:1px solid #1c3855;border-radius:7px;padding:8px 12px;font-size:12px;color:#dce8f6;min-width:150px}.top-actions{display:flex;align-items:center;gap:9px}.search-pill{width:320px;border:1px solid #1b3653;background:#0b1b2c;color:#6f89a6;border-radius:8px;padding:8px 12px;font-size:11px}.admin-avatar,.avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#65758a,#a7b1c0);color:white;font-weight:800}.admin-avatar{width:32px;height:32px;background:linear-gradient(145deg,#1976ff,#6f3cff)}.admin-meta{display:flex;flex-direction:column;font-size:11px}.admin-meta small{font-size:9px}.section.dashboard-section{max-width:none;padding:12px 14px}.dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:8px;margin-bottom:9px}.kpi-card{height:70px;background:linear-gradient(180deg,#0e2033,#0a1928);border:1px solid #17334f;border-radius:8px;padding:9px;display:flex;gap:9px;align-items:center;box-shadow:0 10px 25px #0003}.kpi-icon{width:39px;height:39px;border-radius:8px;display:grid;place-items:center;font-size:20px;background:#12314a}.kpi-card.green .kpi-icon{background:#063e2c;color:#00e488}.kpi-card.blue .kpi-icon{background:#0a3158;color:#22a5ff}.kpi-card.violet .kpi-icon{background:#352063;color:#9a63ff}.kpi-card.orange .kpi-icon{background:#4a2d0c;color:#ffab19}.kpi-card.ai .kpi-icon{background:#073c29;color:#00e488}.kpi-card small{display:block;font-size:9px}.kpi-card strong{display:block;font-size:21px;line-height:1.05}.kpi-card em{font-style:normal;font-size:8px;color:#45d894}.kpi-card .working{font-size:15px;color:#13df86}.ops-grid{display:grid;grid-template-columns:230px minmax(400px,1fr) 205px 210px;gap:7px;height:calc(100vh - 150px);min-height:520px}.panel{background:linear-gradient(180deg,#0c1b2b,#091624);border:1px solid #183550;border-radius:8px;overflow:hidden}.panel-title,.conversation-head{height:42px;padding:9px 11px;border-bottom:1px solid #17314b;display:flex;align-items:center;justify-content:space-between}.panel-title b{font-size:12px}.tabs{display:flex;gap:5px;padding:7px;border-bottom:1px solid #142d46}.tabs span{font-size:8px;background:#0e2135;padding:5px 7px;border-radius:5px;color:#829ab5}.tabs .active{background:#176be9;color:white}.lead-list{overflow:auto;max-height:calc(100% - 82px)}.lead-row{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #122a42;color:#e7f0fb}.lead-row:hover,.lead-row.selected{background:#0d2d51}.avatar{width:30px;height:30px;flex:0 0 30px;font-size:12px}.lead-copy{min-width:0;display:flex;flex-direction:column;flex:1}.lead-copy b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-copy small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-time{font-size:8px;color:#718aa6}.conversation-panel{display:flex;flex-direction:column}.conversation-head{justify-content:flex-start;gap:8px}.conversation-head>div{display:flex;flex-direction:column;font-size:10px}.conversation-head small{font-size:8px}.head-actions{margin-left:auto;color:#90a8c1}.conversation-body{flex:1;padding:12px;overflow:auto;background:radial-gradient(circle at 50% 50%,#0e294466,transparent 55%)}.chat-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7e96b1}.chat-placeholder h3{margin:8px 0 4px;color:#eaf3ff}.chat-placeholder p{font-size:11px;max-width:300px}.ai-orb{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:24px;font-weight:900;background:linear-gradient(145deg,#00baff,#155bff 50%,#7139ff);box-shadow:0 0 30px #087cff55}.composer{height:48px;border-top:1px solid #17314b;margin:0 10px 10px;border:1px solid #1b3b5b;border-radius:8px;padding:7px 8px;display:flex;align-items:center;color:#6e87a3;font-size:10px}.composer span{flex:1}.composer button{width:31px;height:31px;padding:0!important;border-radius:7px!important}.lead-panel,.stock-panel{padding-bottom:10px}.hot-badge{display:inline-block;margin:10px;background:#4a2b0d;color:#ffb344;border-radius:6px;padding:6px 8px;font-size:9px}.lead-details{display:grid;grid-template-columns:70px 1fr;gap:8px;padding:2px 10px;font-size:9px}.lead-details dt{color:#718ba7}.lead-details dd{margin:0;color:#eaf3ff}.status-pill{background:#0f5ca7;color:#bfe0ff;padding:4px 7px;border-radius:5px}.full{display:block;margin:10px;width:calc(100% - 20px);text-align:center}.part-preview{display:flex;gap:8px;align-items:center;padding:12px 10px}.part-preview>div:last-child{display:flex;flex-direction:column;font-size:10px}.part-preview small{font-size:8px}.part-icon{width:55px;height:45px;border-radius:7px;background:linear-gradient(145deg,#d9e4ef,#54687b);display:grid;place-items:center;color:#15273a;font-size:30px}.secondary-btn{display:block;margin:8px 10px;padding:9px;text-align:center;background:#10243a;border:1px solid #1a3957;border-radius:6px;color:#d4e3f3;font-size:9px}.crm-heading{display:flex;justify-content:space-between;align-items:center}.crm-heading h1{font-size:24px;margin:3px 0 10px}.crm-live-grid{display:grid;grid-template-columns:260px minmax(430px,1fr) 250px;gap:8px;height:calc(100vh - 135px);min-height:560px}.messages-body .msg{max-width:78%}.messages-body .msg:has(.me){margin-left:auto}.empty-state{padding:22px 12px;text-align:center;color:#6f89a6;font-size:10px}.badge.plan-business{background:linear-gradient(90deg,#5424b4,#7c36e8);color:#eadcff;border:1px solid #824ef0;padding:6px 9px}.sidebar-bottom{font-size:10px}.ghost-btn{font-size:10px;padding:7px}.msg small{font-size:8px}.bubble{font-size:10px}.me{background:linear-gradient(135deg,#0756ba,#087cff)}
@media(max-width:1180px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.ops-grid{grid-template-columns:220px 1fr 220px}.stock-panel{display:none}.search-pill{display:none}}@media(max-width:900px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.ops-grid,.crm-live-grid{grid-template-columns:1fr;height:auto}.panel{min-height:320px}.app-shell{grid-template-columns:76px 1fr}.sidebar .brand-full{display:none!important}.sidebar .brand-compact{display:block!important}.admin-meta{display:none}}
*{scrollbar-width:thin;scrollbar-color:#28a8ff #071322}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:#071322}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#20c7ff,#2876ff);border-radius:8px}*::-webkit-scrollbar-corner{background:#071322}.logo .brand-full,.logo .brand-compact,.public-nav .logo .brand-full{background:transparent!important;box-shadow:none!important;border:0!important}.logo .brand-full img,.logo .brand-compact img{filter:drop-shadow(0 8px 18px #1769ff22)}.side-nav a:first-child:not(.active){background:transparent;color:#c9d8e9;box-shadow:none}.side-nav a.active,.side-nav a.active:hover{background:linear-gradient(90deg,#086dff,#1554b8);color:#fff;box-shadow:0 8px 24px #087cff24}.admin-avatar{background:transparent!important;box-shadow:none!important;border:0!important;overflow:visible}.admin-avatar img{width:32px;height:32px;display:block;object-fit:contain}.composer button{background:linear-gradient(135deg,#087cff,#20a8ff)!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px #087cff33!important;font-weight:900}.composer button:hover{filter:brightness(1.08)}.local-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.local-actions form{margin:0}.btn.secondary{background:#10243a;border:1px solid #1d4c72;box-shadow:none;color:#d8edff}.markdown-body p{margin:0 0 7px}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul{margin:0 0 7px 18px;padding:0}.markdown-body li{margin:3px 0}.markdown-body code{background:#071322;border:1px solid #244260;border-radius:5px;padding:1px 5px;color:#dff4ff}.bubble.markdown-body{white-space:normal}.bubble{font-size:12px}.lead-copy b{font-size:11px}.lead-copy small,.lead-time,.msg small,.lead-details,.empty-state,.tabs span,.secondary-btn{font-size:10px}.search-pill{font-size:12px;color:#8ea9c7}.top-product span,.muted,small{color:#8fa4bd}.btn:disabled,button:disabled{opacity:.65;cursor:wait;filter:saturate(.8)}@media(max-width:900px){.topbar{gap:12px}.company-chip{min-width:0;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-live-grid{min-height:0}.messages-body .msg{max-width:94%}.layout{grid-template-columns:1fr}.admin-avatar img{width:30px;height:30px}}@media(max-width:600px){.section.dashboard-section,.section{padding:14px}.dashboard-kpis{grid-template-columns:1fr}.topbar{height:auto;min-height:58px;align-items:flex-start;padding:10px 12px;flex-direction:column}.top-actions{width:100%;justify-content:space-between}.side-nav a.active{box-shadow:none}.local-actions .btn,.local-actions form,.local-actions button{width:100%;text-align:center}.bubble{font-size:12px}.lead-copy b{font-size:12px}.lead-copy small{font-size:10px}}
/* 6.8.1: accessible tabs and non-deceptive read-only composer */
.tabs a{display:inline-block;padding:5px 9px;border-radius:6px;color:#9ab4d2;font-size:12px;background:#10223a}.tabs a.active{background:#087cff;color:#fff}.tabs a:hover{background:#16528a;color:#fff}.composer-unavailable{font-size:12px;color:#97b4d3}.brand-placeholder{object-fit:contain;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important}.chat-placeholder .brand-placeholder{width:58px;height:58px}.lead-details{font-size:12px}.lead-copy b{font-size:12px}.msg small{font-size:10px}
/* APPROVED DESIGN PATCH 6.8.2: send icon and compact scrollbar */
:root{--crm-scroll-track:#0b1d38;--crm-scroll-thumb:#4ea3e6}
html,body,.conversation-body,.messages-body,.lead-list,.side-nav{scrollbar-width:thin;scrollbar-color:var(--crm-scroll-thumb) var(--crm-scroll-track)}
*::-webkit-scrollbar{width:6px;height:6px}
*::-webkit-scrollbar-track{background:var(--crm-scroll-track);border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5fb7f2 0%,#2f6fa8 100%);border-radius:999px;border:0}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#72c6ff 0%,#3d82bf 100%)}
*::-webkit-scrollbar-corner{background:var(--crm-scroll-track)}
*::-webkit-scrollbar-button{display:none;width:0;height:0}
.crm-send-control{display:flex;gap:9px;align-items:center;justify-content:flex-end;width:100%}
.crm-send-hint{flex:1;color:#a9bed5;font-size:12px;line-height:1.35}
.crm-send-button,.crm-send-button:disabled{flex:0 0 42px;width:42px;height:42px;padding:0!important;border:0!important;border-radius:11px!important;background:#2f69dc!important;color:#fff!important;box-shadow:0 5px 16px #116eff24!important;display:grid;place-items:center;opacity:1!important;cursor:not-allowed}
.crm-send-button svg{width:23px;height:23px;display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}
.crm-send-button:focus-visible{outline:2px solid #8ccfff;outline-offset:2px}
.crm-send-button:disabled:hover{filter:none}
@media(max-width:600px){.crm-send-hint{font-size:11px}.crm-send-button,.crm-send-button:disabled{flex-basis:40px;width:40px;height:40px}}
/* COMMERCIAL 6.9: approved branding and slim scrollbars */
.sidebar .logo .brand-full{width:182px!important;background:none!important;border:0!important;box-shadow:none!important}
.logo .brand-full img{width:100%;height:auto;object-fit:contain;background:transparent!important;box-shadow:none!important;filter:none!important}
.logo .brand-compact img{background:transparent!important;box-shadow:none!important;filter:none!important}
.chat-placeholder img.brand-placeholder{width:74px!important;height:82px!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;object-fit:contain!important}
*{scrollbar-width:thin;scrollbar-color:#4ea3e6 #0b1d38}
*::-webkit-scrollbar{width:6px!important;height:6px!important}
*::-webkit-scrollbar-track{background:#0b1d38!important;border-radius:999px}
*::-webkit-scrollbar-thumb{background:#4ea3e6!important;border:0!important;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:#65b9ef!important}
*::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}
*::-webkit-scrollbar-corner{background:#0b1d38!important}
.composer-test{gap:8px;min-height:50px}
.composer-test input{flex:1;min-width:0;width:auto;margin:0;height:34px;border:0;box-shadow:none!important;background:transparent;font-size:12px;padding:6px;color:#e9f0fb}
.composer-test input:focus{border:0;outline:1px solid #215a9a}
.composer-test button{flex:0 0 36px;width:36px!important;height:36px!important;border-radius:9px!important;background:#2f69dc!important;display:grid;place-items:center;cursor:pointer}
.composer-test button:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){.composer-test input{font-size:14px}.chat-placeholder img.brand-placeholder{width:64px!important;height:72px!important}}
/* ============================================================
COMMERCIAL 7.0 — Approved dark/light theme switch.
Dark theme inherits the original approved 7.0 presentation.
Light theme uses the approved, deeper blue-grey concept.
Only the authenticated app gets the alternate palette.
============================================================ */
.logo .brand-art-light {display:none!important}
html[data-theme="light"] .app-shell .brand-art-dark {display:none!important}
html[data-theme="light"] .app-shell .brand-art-light {display:block!important}
/* Compact switch at the foot of the existing navigation. */
.sidebar-bottom {display:flex;flex-direction:column;gap:10px}
.theme-toggle-wrap {width:100%;margin-bottom:3px}
.theme-toggle {
display:flex;align-items:center;gap:8px;width:100%;min-height:43px;
margin:0;padding:8px 9px;background:#091e34;
color:#e9f3ff;border:1px solid #244565;border-radius:10px;
text-align:left;cursor:pointer;box-shadow:none;
transition:background-color .15s ease,border-color .15s ease;
}
.theme-toggle:hover {background:#102c49;border-color:#4285cc}
.theme-toggle:focus-visible {outline:3px solid #7bcaff;outline-offset:3px}
.theme-toggle-label {flex:1;min-width:0;font-size:12px;font-weight:700;line-height:1.25;white-space:nowrap}
.theme-icon {width:19px;height:19px;flex:0 0 19px;color:#d0e9ff;display:flex;align-items:center}
.theme-icon svg {display:block;width:19px;height:19px}
.theme-icon .icon-sun {display:none}
.theme-toggle-track {width:36px;height:20px;flex:0 0 36px;border-radius:100px;background:#226de3;box-shadow:inset 0 0 0 1px #458eea;display:flex;align-items:center;padding:2px}
.theme-toggle-knob {display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #09162e66;transform:translateX(16px);transition:transform .18s ease}
html[data-theme="light"] .theme-toggle-knob {transform:translateX(0)}
.sidebar-health {font-size:11px;color:#9db5cd;white-space:nowrap}
.sidebar-bottom .ghost-btn {background:#10253d!important;border:1px solid #2a496b!important;box-shadow:none!important;color:#edf5ff!important;font-size:12px;padding:9px 12px;margin-top:0}
.sidebar-bottom .ghost-btn:hover {background:#183452!important}
.sidebar-bottom form {margin:0}
/* The alternate theme is intentionally *not* applied to the public landing page. */
html[data-theme="light"] {--crm-scroll-track:#a9b9cd;--crm-scroll-thumb:#5a87bd;color-scheme:light}
html[data-theme="light"],html[data-theme="light"] body {
background:#b5c2d5;color:#172943;
}
html[data-theme="light"] body {
--bg:#b5c2d5;--panel:#d4deeb;--panel2:#cfdaea;
--line:#9bb0ca;--text:#152540;--muted:#50647f;
--blue:#075fe1;--green:#00865b;
background:linear-gradient(135deg,#bac8da 0%,#b3c0d4 65%,#afbdd2 100%);
}
html[data-theme="light"] .app-shell {background:#b5c2d5;color:#172943}
html[data-theme="light"] .workspace {background:linear-gradient(135deg,#b9c5d8,#b0bed3);color:#172943}
html[data-theme="light"] .sidebar {
background:#d0d9e8;border-right:1px solid #91a5bf;
box-shadow:2px 0 9px #34567515;
}
html[data-theme="light"] .topbar {
background:#d4dfee;border-bottom:1px solid #99aec8;
box-shadow:0 3px 12px #405c7f17;
}
html[data-theme="light"] .side-nav a {color:#263b59}
html[data-theme="light"] .side-nav a:first-child:not(.active) {color:#263b59;background:transparent;box-shadow:none}
html[data-theme="light"] .side-nav a:hover {background:#b4d1f3;color:#064da5}
html[data-theme="light"] .side-nav a.active,
html[data-theme="light"] .side-nav a.active:hover {
background:#9dc3f3;color:#0459c7;border:1px solid #82afea;
box-shadow:0 3px 9px #245cbb20;
}
html[data-theme="light"] .side-nav a[href="/local-test"] {border-top-color:#abbfd3}
html[data-theme="light"] .sidebar-bottom {border-top-color:#a6bad0;color:#37516d}
html[data-theme="light"] .sidebar-health {color:#284b69}
html[data-theme="light"] .theme-toggle {
color:#142b49;background:#e0e8f2;border-color:#9eafc6;
}
html[data-theme="light"] .theme-toggle:hover {background:#d6e5f7;border-color:#6f9acc}
html[data-theme="light"] .theme-icon {color:#ee9300}
html[data-theme="light"] .theme-icon .icon-moon {display:none}
html[data-theme="light"] .theme-icon .icon-sun {display:block}
html[data-theme="light"] .sidebar-bottom .ghost-btn {
background:#dfebf8!important;color:#173353!important;
border-color:#a2b6d0!important;
}
html[data-theme="light"] .sidebar-bottom .ghost-btn:hover {background:#cbdcf1!important}
html[data-theme="light"] .menu-chip {
background:#d1e0f0!important;color:#143457!important;border-color:#a0b9d7!important;
}
html[data-theme="light"] .company-chip {
background:#dce5f2;border-color:#a1b6cf;color:#1d3555;
}
html[data-theme="light"] .search-pill {
background:#e1e9f4;color:#47627f;border-color:#a2b8d2;
}
html[data-theme="light"] .admin-meta,
html[data-theme="light"] .admin-meta b {color:#172943}
html[data-theme="light"] .admin-meta small {color:#526781}
html[data-theme="light"] .top-product span:not(.badge) {color:#4b6583}
html[data-theme="light"] .section {color:#172943}
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] .chat-placeholder h3 {color:#14243e}
html[data-theme="light"] .eyebrow {color:#3e5a7d}
html[data-theme="light"] .muted,
html[data-theme="light"] small,
html[data-theme="light"] .lead,
html[data-theme="light"] .empty-state,
html[data-theme="light"] .lead-copy small,
html[data-theme="light"] .lead-time,
html[data-theme="light"] .msg small {color:#48627f}
html[data-theme="light"] a,
html[data-theme="light"] .link {color:#075acb}
html[data-theme="light"] .btn,
html[data-theme="light"] button[type="submit"]:not(.ghost-btn):not(.secondary),
html[data-theme="light"] .tabs a.active {color:#fff}
html[data-theme="light"] .badge.plan-business {color:#fff;background:linear-gradient(110deg,#5c24c9,#7935e3);border-color:#7240cf}
html[data-theme="light"] .badge.plan-start {background:#b3d4f9;color:#164d99}
html[data-theme="light"] .badge.plan-pro {background:#f6dcc9;color:#854112}
html[data-theme="light"] .card,
html[data-theme="light"] .cards>div {
background:linear-gradient(180deg,#dbe4ef,#d2dce9);
border:1px solid #99afca;color:#192c47;
box-shadow:0 8px 22px #34527120;
}
html[data-theme="light"] .panel {
background:linear-gradient(180deg,#d9e2ef,#d1dbe9);
border-color:#97abc6;color:#192c47;
box-shadow:0 5px 15px #375a7818;
}
html[data-theme="light"] .kpi-card {
background:linear-gradient(180deg,#dce5f1,#d3deec);
border-color:#9bafc7;color:#172943;
box-shadow:0 5px 15px #3552711a;
}
html[data-theme="light"] .kpi-card small {color:#4c6684}
html[data-theme="light"] .kpi-icon {background:#bfd3e9}
html[data-theme="light"] .kpi-card.green .kpi-icon,
html[data-theme="light"] .kpi-card.ai .kpi-icon {background:#b8e6d1;color:#087b50}
html[data-theme="light"] .kpi-card.blue .kpi-icon {background:#bddbfa;color:#065dbb}
html[data-theme="light"] .kpi-card.violet .kpi-icon {background:#d8caf4;color:#6731ae}
html[data-theme="light"] .kpi-card.orange .kpi-icon {background:#f7dfba;color:#a85b09}
html[data-theme="light"] .kpi-card .working,
html[data-theme="light"] .kpi-card em,
html[data-theme="light"] .ok {color:#087c50}
html[data-theme="light"] .panel-title,
html[data-theme="light"] .conversation-head,
html[data-theme="light"] .tabs,
html[data-theme="light"] .chathead {border-color:#b3c3d6}
html[data-theme="light"] .lead-row {color:#19304d;border-bottom-color:#b7c9dd}
html[data-theme="light"] .lead-row:hover,
html[data-theme="light"] .lead-row.selected {background:#bdd6f0;color:#0d356c}
html[data-theme="light"] .tabs a,
html[data-theme="light"] .tabs span {background:#c5d6e9;color:#2a527c}
html[data-theme="light"] .tabs a:hover {background:#aad0fb;color:#074f9f}
html[data-theme="light"] .tabs a.active:hover {background:#075ed2;color:#fff}
html[data-theme="light"] .conversation-body {background:radial-gradient(circle at 50% 50%,#cadef1,#d7e1ed 70%)}
html[data-theme="light"] .chat-placeholder {color:#476380}
html[data-theme="light"] .bubble {background:#c2d5e9;color:#19304c}
html[data-theme="light"] .bubble.me,
html[data-theme="light"] .chat .bubble.me {background:linear-gradient(135deg,#1357bd,#1876ee);color:#fff}
html[data-theme="light"] .msg:has(.me) small {color:#3f5876}
html[data-theme="light"] .lead-details dt,
html[data-theme="light"] .details span {color:#546b87}
html[data-theme="light"] .lead-details dd,
html[data-theme="light"] .details b {color:#193452}
html[data-theme="light"] .details,
html[data-theme="light"] .feature,
html[data-theme="light"] .chips span {background:#cbdbea;border-color:#a5bbd2;color:#1b3352}
html[data-theme="light"] .secondary-btn,
html[data-theme="light"] .btn.secondary {background:#d4e5f6;color:#0c59b5;border:1px solid #96b9e2;box-shadow:none}
html[data-theme="light"] .secondary-btn:hover,
html[data-theme="light"] .btn.secondary:hover {background:#bdd8f6}
html[data-theme="light"] .plan-choice {border-color:#9db3cd;background:#d5e2f0}
html[data-theme="light"] .status-pill {background:#abcff2;color:#144f8c}
html[data-theme="light"] .hot-badge {background:#f4dfbb;color:#8a4d09}
html[data-theme="light"] .head-actions {color:#476487}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
background:#e0e8f4;color:#172e4a;border:1px solid #97aec9;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {color:#657d99;opacity:1}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus {border-color:#176ee0;box-shadow:0 0 0 3px #3384e133}
html[data-theme="light"] .composer {background:#dde7f2;color:#49627f;border-color:#9cb5d0}
html[data-theme="light"] .composer-test input {color:#152b46;background:transparent;border:0}
html[data-theme="light"] .composer-test input:focus {border:0;outline:1px solid #5388bf}
html[data-theme="light"] .crm-send-hint,
html[data-theme="light"] .composer-unavailable {color:#415a77}
html[data-theme="light"] table {color:#1d3555}
html[data-theme="light"] th,
html[data-theme="light"] td {border-bottom:1px solid #b8c9db}
html[data-theme="light"] th {color:#3d5c80;background:#c4d4e7}
html[data-theme="light"] tr:hover td {background:#c5daef}
html[data-theme="light"] .notice,
html[data-theme="light"] .alert {background:#b8e8d5;border-color:#6bbf9b;color:#135a40}
html[data-theme="light"] .error {background:#f4d4d9;border-color:#d28d9a;color:#8d273d}
html[data-theme="light"] .warn {color:#924d04}
html[data-theme="light"] .markdown-body code {background:#c1d4e9;color:#1b4575;border-color:#97b3d3}
html[data-theme="light"] footer {color:#496482}
html[data-theme="light"] * {scrollbar-color:#5b88bd #aebed1}
html[data-theme="light"] *::-webkit-scrollbar-track {background:#aebed1!important}
html[data-theme="light"] *::-webkit-scrollbar-thumb {background:#5b88bd!important}
html[data-theme="light"] *::-webkit-scrollbar-thumb:hover {background:#457ab7!important}
html[data-theme="light"] *::-webkit-scrollbar-corner {background:#aebed1!important}
@media (max-width:950px) and (min-width:601px) {
/* The 76px sidebar keeps an icon-only theme switch instead of hiding the control. */
.sidebar-bottom {display:flex;padding:10px 2px 4px;align-items:center}
.sidebar-bottom .theme-toggle-wrap {display:block;width:50px}
.sidebar-bottom .theme-toggle {justify-content:center;padding:7px;min-height:45px}
.sidebar-bottom .theme-toggle-label,.sidebar-bottom .theme-toggle-track,
.sidebar-bottom .sidebar-health,.sidebar-bottom form {display:none}
}
@media (max-width:600px) {
/* Sidebar becomes a horizontal navigation strip; keep switch reachable. */
.sidebar-bottom {display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:12px 2px 2px}
.sidebar-bottom .theme-toggle-wrap {width:auto;flex:0 0 auto;margin:0}
.sidebar-bottom .theme-toggle {min-height:40px;padding:6px 8px}
.sidebar-bottom .theme-toggle-label {font-size:11px}
.sidebar-bottom .theme-toggle-track {width:32px;flex-basis:32px}
.sidebar-bottom .theme-toggle-knob {transform:translateX(12px)}
html[data-theme="light"] .sidebar-bottom .theme-toggle-knob {transform:translateX(0)}
.sidebar-bottom .sidebar-health {display:none}
.sidebar-bottom form {display:block;margin:0;width:83px}
.sidebar-bottom .ghost-btn {white-space:nowrap;margin:0}
.sidebar .logo {height:auto;min-height:80px}
.sidebar .brand-full {display:block!important}
.sidebar .brand-compact {display:none!important}
.side-nav {padding-bottom:5px}
html[data-theme="light"] .topbar {height:auto}
.layout {grid-template-columns:1fr}
.card {min-width:0}
.section table {display:block;overflow-x:auto;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce) {
.theme-toggle,.theme-toggle-knob {transition:none}
}
/* 7.0 theme preview: keep mobile navigation readable rather than icon-only. */
@media (max-width:600px) {
.sidebar .side-nav a {display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:9px 11px;flex:0 0 auto}
.sidebar .side-nav a span {display:inline!important;font-size:12px}
.sidebar .side-nav a[href="/local-test"] {margin-top:0;padding-top:9px;border-top:0}
.topbar .top-actions {display:none}
}
/* 7.0 approved theme refinement (17.10.2026): color values are taken from the
customer-approved side-by-side reference. No markup/navigation/brand changes. */
html[data-theme="light"] .app-shell .sidebar .logo {background:transparent}
html[data-theme="light"] .card:focus-within {border-color:#6a9cdb}
html[data-theme="light"] .theme-toggle:focus-visible {outline-color:#125ed6}
/* 7.1 public theme parity / branding corrections */
.public-actions{display:flex;align-items:center;gap:12px}.public-theme-toggle{width:auto;min-width:145px;margin:0;padding:9px 12px}.public-theme-toggle .theme-toggle-label{white-space:nowrap}.public-nav .brand-art-light{display:none!important}html[data-theme="light"] .public-nav .brand-art-dark{display:none!important}html[data-theme="light"] .public-nav .brand-art-light{display:block!important}html[data-theme="light"] .public-nav{background:#c4d0e0;border-color:#9eafc6}html[data-theme="light"] .hero,html[data-theme="light"] .grid.three{color:#172943}html[data-theme="light"] footer{color:#37516d}.chat .bubble.me{margin-left:auto;margin-right:0}.chat .bubble:not(.me){margin-right:auto;margin-left:0}.chat .bubble{max-width:94%}.chat-placeholder img,.empty-state img{image-rendering:auto}.public-theme-toggle{box-shadow:none}html[data-theme="light"] .public-theme-toggle{background:#cedbef;color:#203855;border-color:#8aa8c8}@media(max-width:600px){.public-actions{gap:8px}.public-theme-toggle{min-width:0;padding:8px}.public-theme-toggle .theme-toggle-label{display:none}.public-nav .logo .brand-full{width:145px}}
/* 8.1 admin tenant selector */
.company-switcher {position:relative}
.company-switcher > summary {list-style:none;cursor:pointer}
.company-switcher > summary::-webkit-details-marker {display:none}
.company-menu {position:absolute;top:calc(100% + 8px);left:0;min-width:230px;padding:6px;background:#0d1b2b;border:1px solid #244565;border-radius:10px;box-shadow:0 16px 35px #0006;z-index:20}
.company-option {display:block;width:100%;padding:9px 10px;text-align:left;border:0;background:transparent;color:#dce8f6;border-radius:7px;cursor:pointer}
.company-option:hover,.company-option.selected {background:#123a67;color:#fff}
.company-empty {display:block;padding:10px;color:#9db0c8;font-size:12px}
html[data-theme="light"] .company-menu {background:#e4edf7;border-color:#9ab5d2;box-shadow:0 16px 35px #29476b33}
html[data-theme="light"] .company-option {color:#193452}
html[data-theme="light"] .company-option:hover,html[data-theme="light"] .company-option.selected {background:#bdd6f0;color:#0d356c}
.pending-brand {display:block;width:205px;height:auto;object-fit:contain}