:root{--nav:#071b33;--nav2:#113653;--ink:#12283e;--muted:#698095;--line:#dfe9f0;--blue:#0878b7;--teal:#088c91;--orange:#aa6832;--bg:#f2f6fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #60c9e2;outline-offset:2px}.app{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#06182e,#0b2947 65%,#081b33);color:#d8e9f2;padding:20px 14px;display:flex;flex-direction:column}.logo-panel{height:113px;background:white;border-radius:14px;display:grid;place-items:center;padding:10px;margin:0 7px}.logo-panel img{max-height:100%;max-width:100%;object-fit:contain}.product{padding:19px 11px 23px;border-bottom:1px solid #ffffff22;display:flex;align-items:baseline;justify-content:space-between}.product strong{font-size:24px;color:white}.product small{font-size:10px;letter-spacing:1px;color:#8dc8e6;font-weight:800}.nav-caption{color:#7ba5c0;font-size:11px;letter-spacing:1.2px;font-weight:800;margin:24px 13px 12px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;color:#c1d3de;background:transparent;text-align:left;font-size:13px;font-weight:650;border-radius:10px;min-height:45px}.nav-item span{font-size:17px;width:20px}.nav-item.active{background:linear-gradient(90deg,#0d5e8d,#16446b);box-shadow:inset 3px 0 #5cdaef;color:white}.nav-item b{margin-left:auto;background:#ffffff26;padding:3px 7px;border-radius:6px}.nav-item.muted{opacity:.54}.nav-item em{margin-left:auto;font-size:9px;font-style:normal}.sidebar-foot{margin-top:auto;border:1px solid #2a5573;background:#103450;border-radius:12px;padding:14px}.sidebar-foot b{color:#76cce4;font-size:11px;letter-spacing:1px}.sidebar-foot p{font-size:11px;line-height:1.5;margin:8px 0 0;color:#c0d2df}main{min-width:0}.topbar{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{color:#7b8fa0;font-size:13px;font-weight:600}.breadcrumb span{padding:0 10px;color:#acbcc6}.breadcrumb b{color:#176b9f}.top-right{display:flex;align-items:center;gap:17px}.mode{background:#e4f7f5;color:#087c7f;font-size:11px;font-weight:800;border-radius:20px;padding:9px 13px}.avatar{height:36px;width:36px;background:#078abc;color:white;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px}.content{padding:28px 30px 40px;max-width:1640px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.eyebrow{color:#087eb5;font-weight:850;letter-spacing:1.6px;font-size:11px}.heading h1{margin:8px 0 5px;font-size:31px;letter-spacing:-.8px}.heading p{margin:0;color:var(--muted);font-size:13px}.chip{background:#fff;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:11px;font-weight:700;padding:9px 13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 28px #173e5c08}.metric{padding:17px 19px;min-height:116px}.metric small{display:block;font-size:12px;color:var(--muted)}.metric strong{display:block;font-size:31px;margin:9px 0 1px}.metric span{font-size:11px;color:#097aa9}.workspace{display:grid;grid-template-columns:300px minmax(360px,1fr) 295px;min-height:625px}.threads{border-radius:15px 0 0 15px;overflow:hidden}.conversation{border-radius:0;min-width:0;border-left:0;border-right:0;display:flex;flex-direction:column}.context{border-radius:0 15px 15px 0;overflow:auto}.panel-title{padding:19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:16px;margin:0}.panel-title span{font-size:11px;color:var(--muted)}.search{display:flex;align-items:center;border:1px solid var(--line);background:#f7fafc;border-radius:9px;margin:14px;padding:0 10px}.search span{color:#8da3b3;font-size:20px}.search input{border:0;background:transparent;outline:0;width:100%;font-size:12px;padding:11px}.filter-row{display:flex;gap:5px;overflow:auto;padding:0 14px 12px}.filter{border:1px solid var(--line);border-radius:20px;background:white;color:var(--muted);font-size:10px;font-weight:700;padding:6px 9px;white-space:nowrap}.filter.active{background:#e7f6fb;color:#0a739f;border-color:#c6e9f6}.thread-list{max-height:530px;overflow:auto}.thread{width:100%;border:0;border-top:1px solid #eef2f5;background:white;text-align:left;padding:16px;display:block}.thread:hover,.thread.selected{background:#eff8fb}.thread.selected{box-shadow:inset 3px 0 var(--blue)}.thread-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.thread-top strong{font-size:12px}.thread-top small{font-size:10px;color:#92a3ae}.thread-subject{font-size:11px;font-weight:750;margin-top:8px}.thread-preview{margin:4px 0 8px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{font-size:10px;border-radius:20px;padding:5px 8px;background:#e8f5f5;color:#078082;font-weight:800;display:inline-flex}.badge.orange{background:#fff0e5;color:var(--orange)}.badge.blue{background:#e7f4fb;color:#097caf}.conversation-head{border-bottom:1px solid var(--line);padding:18px 20px;display:flex;justify-content:space-between;gap:10px;align-items:center}.conversation-head h2{font-size:17px;margin:0 0 5px}.conversation-head p{font-size:11px;color:var(--muted);margin:0}.message-area{background:#f9fbfc;flex:1;padding:23px;min-height:210px}.bubble{max-width:85%;background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 15px;font-size:13px;line-height:1.55}.bubble small{display:block;color:#94a6b4;margin-top:9px;font-size:10px}.composer-disabled{border-top:1px solid var(--line);padding:15px 20px;color:#879aa9;font-size:11px;background:#fff}.action-panel{border-top:1px solid var(--line);padding:16px 20px;display:grid;gap:14px}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{font-size:11px;font-weight:750;display:block;margin-bottom:6px}.field select,.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#fff;color:var(--ink);font-size:12px}.field textarea{resize:vertical;min-height:65px}.field.wide{grid-column:1/-1}.button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;color:var(--ink);font-size:11px;font-weight:800}.button.primary{border:0;background:#087eb2;color:white}.button-row{display:flex;gap:8px;margin-top:8px}.context-section{padding:18px;border-bottom:1px solid var(--line)}.context-section h3{font-size:14px;margin:0 0 15px}.customer-icon{height:42px;width:42px;border-radius:12px;background:#dff3f6;color:#087795;display:grid;place-items:center;font-size:14px;font-weight:800;margin-bottom:10px}.context-name{font-weight:800;font-size:13px}.context-id{font-size:11px;color:var(--muted);margin-top:4px}.detail{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #edf1f4;font-size:11px}.detail span{color:var(--muted)}.detail b{text-align:right}.context-note{background:#eef8fb;color:#276987;font-size:11px;line-height:1.55;padding:12px;border-radius:9px}.note-card{border:1px solid var(--line);border-radius:8px;padding:10px;margin-top:9px;font-size:11px;line-height:1.5}.note-card small{display:block;color:#94a3af;margin-top:6px}.ticket{background:#fff4e9;border:1px solid #f2dcc4;border-radius:9px;padding:11px;font-size:11px;line-height:1.5}.empty{padding:30px;text-align:center;color:var(--muted);font-size:13px}.disclaimer{font-size:11px;color:#718597;margin:16px 0 0;line-height:1.5}#toast{position:fixed;right:25px;bottom:24px;background:#103751;color:white;padding:11px 15px;border-radius:9px;font-size:12px;box-shadow:0 12px 30px #102e4e33;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}@media(max-width:1180px){.workspace{grid-template-columns:270px minmax(360px,1fr)}.context{grid-column:1/-1;border-radius:0 0 15px 15px;border-top:0}.threads{border-radius:15px 0 0 0}.conversation{border-radius:0 15px 0 0;border-right:1px solid var(--line)}}@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{display:block}.logo-panel{height:65px;width:110px;display:inline-grid;vertical-align:middle}.product{display:inline-flex;border:0;vertical-align:middle;gap:8px}.nav-caption,.sidebar-foot{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:10px}.nav-item{width:auto;white-space:nowrap}.nav-item.muted{display:none}.content{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.threads,.conversation,.context{grid-column:1;border:1px solid var(--line);border-radius:14px;margin-bottom:12px}.thread-list{max-height:220px}.topbar{padding:0 20px}}@media(max-width:520px){.metrics{grid-template-columns:1fr 1fr}.metric{min-height:95px}.metric strong{font-size:25px}.heading-side{display:none}.action-row{grid-template-columns:1fr}.field.wide{grid-column:1}.topbar .mode{display:none}}
[hidden]{display:none!important}.module-view{min-height:calc(100vh - 73px)}.module-kicker{font-size:11px;color:#087eb5;letter-spacing:1.4px;font-weight:850}.module-title{font-size:31px;margin:8px 0 6px;letter-spacing:-.8px}.module-subtitle{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.module-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:22px}.module-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:17px}.module-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 10px 28px #173e5c08}.module-card h2{font-size:16px;margin:0 0 16px}.module-card p{font-size:12px;color:var(--muted);line-height:1.6}.module-card .button{margin-top:10px}.hero-card{background:linear-gradient(115deg,#0a2744,#0c5d84);color:#fff;border-radius:17px;padding:27px 30px;margin-bottom:18px;min-height:162px;display:flex;justify-content:space-between;gap:25px;align-items:center}.hero-card h2{font-size:22px;margin:8px 0}.hero-card p{color:#c8e3f0;font-size:12px;line-height:1.65;margin:0;max-width:570px}.hero-card strong{display:block;font-size:24px}.hero-card small{font-size:11px;color:#a4d9ee}.hero-callout{min-width:245px;background:#ffffff1a;border:1px solid #ffffff44;border-radius:12px;padding:18px}.module-list{display:grid;gap:0}.module-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.module-list-row:last-child{border:0}.module-list-row b{font-size:12px}.module-list-row p{margin:4px 0 0;font-size:11px}.module-list-row small{font-size:11px;color:var(--muted)}.section-title{font-size:17px;margin:24px 0 13px}.demo-banner{border:1px solid #e9d7be;background:#fff7ed;color:#8a6136;border-radius:10px;padding:12px 15px;font-size:12px;line-height:1.5;margin-top:18px}.module-actions{display:flex;gap:8px;flex-wrap:wrap}.module-actions .button{margin:0}.module-table{width:100%;border-collapse:collapse}.module-table th{text-align:left;font-size:10px;color:#8ca0ae;letter-spacing:.8px;text-transform:uppercase;padding:11px;border-bottom:1px solid var(--line)}.module-table td{padding:14px 11px;border-bottom:1px solid var(--line);font-size:12px}.module-table tr:last-child td{border:0}@media(max-width:1050px){.module-grid{grid-template-columns:1fr}.hero-card{align-items:flex-start}}@media(max-width:600px){.module-heading,.hero-card{display:block}.hero-callout{margin-top:18px;min-width:0}.module-table{display:block;overflow:auto}}
.vendor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.vendor-grid .module-card{min-height:156px}.vendor-grid .module-card h2{margin-bottom:8px}.vendor-grid .badge{margin-top:7px}@media(max-width:900px){.vendor-grid{grid-template-columns:1fr}}
.case-list{display:grid;gap:8px;margin-bottom:17px}.case-choice{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;text-align:left;display:grid;gap:5px;color:var(--ink)}.case-choice.selected{border-color:#6db8d8;background:#eff9fc}.case-choice b{font-size:12px}.case-choice span{font-size:11px;color:var(--muted)}.result-heading{font-size:13px;margin:18px 0 7px}.evidence-list{font-size:12px;color:var(--ink);line-height:1.7;padding-left:20px}.draft-box{border:1px solid #d2eaf3;background:#f0f9fc;border-radius:10px;padding:17px;font-size:13px;line-height:1.75}
.campaign-grid{grid-template-columns:minmax(360px,1.1fr) minmax(300px,.8fr)}.campaign-form{display:grid;gap:13px;margin:18px 0}.estimate-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#eff8fb;border:1px solid #d9ecf3;border-radius:10px;padding:14px;gap:10px;margin:18px 0}.estimate-strip small{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.estimate-strip b{font-size:12px}.campaign-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.campaign-preview-head h2{margin:0}.phone-preview{width:min(280px,100%);margin:15px auto;background:#f7faf9;border:7px solid #17334b;border-radius:23px;min-height:385px;overflow:hidden}.phone-top{background:#dcefeb;padding:15px 11px;font-size:11px;font-weight:800}.phone-body{padding:20px 12px}.phone-message{background:white;padding:13px;border-radius:9px;border:1px solid #e5eceb;font-size:11px;line-height:1.6}.phone-message>p{font-size:11px;color:var(--ink);line-height:1.6}.phone-message span{display:block;border-top:1px solid var(--line);padding-top:9px;text-align:center;color:var(--blue);font-weight:800}.checklist{background:#f7fafc;border:1px solid var(--line);padding:14px;border-radius:9px;font-size:11px;line-height:1.7;margin-top:15px}.checklist ul{margin:7px 0 0;padding-left:19px}.campaign-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.campaign-steps>div{background:white;border:1px solid var(--line);border-radius:11px;padding:17px}.campaign-steps b{font-size:12px}.campaign-steps p{font-size:11px;color:var(--muted);margin:8px 0 0;line-height:1.5}.button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1050px){.campaign-grid{grid-template-columns:1fr}.campaign-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.estimate-strip,.campaign-steps{grid-template-columns:1fr}}

.settings-caption{margin-top:24px}.settings-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.8fr);gap:17px;align-items:start}.settings-card-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:12px}.settings-card-head h2{margin-bottom:4px}.settings-card-head p{margin:0}.settings-card-head input{width:205px;max-width:45%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:12px}.settings-table-wrap{overflow-x:auto}.settings-table td small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.settings-actions{display:flex;gap:6px;flex-wrap:wrap}.settings-actions .button{white-space:nowrap}.settings-form{display:grid;gap:14px}.settings-form .module-actions{margin-top:5px}.settings-audit{margin-top:17px}.settings-audit h2{margin-bottom:5px}.settings-audit .module-list-row{padding:10px 0}.settings-note{font-size:11px;line-height:1.6;color:var(--muted);background:#f4f8fb;padding:12px;border-radius:8px;margin-top:16px}.roles-layout{grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr)}.role-list{display:grid;gap:7px}.role-choice{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 14px;color:var(--ink)}.role-choice.selected{background:#eaf7fb;border-color:#8bd1e9}.role-choice b,.role-choice small{display:block}.role-choice b{font-size:12px}.role-choice small{color:var(--muted);font-size:10px;margin-top:5px}.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.permission-group{border:1px solid var(--line);border-radius:10px;padding:13px}.permission-group h3{font-size:12px;margin:0 0 9px}.permission-item{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid #edf2f5;cursor:pointer}.permission-item input{accent-color:#087eb2}.permission-item b,.permission-item small{display:block}.permission-item b{font-size:11px}.permission-item small{font-size:10px;color:var(--muted);margin-top:3px}.permission-groups+.module-actions{margin-top:17px}@media(max-width:1100px){.settings-layout{grid-template-columns:1fr}}@media(max-width:650px){.permission-groups{grid-template-columns:1fr}.settings-card-head{display:block}.settings-card-head input{max-width:none;width:100%;margin-top:12px}.settings-table{min-width:540px}}
.logo-panel{overflow:hidden}.logo-panel img{height:88px;width:auto;max-width:100%;object-fit:contain;display:block}
.case-flow{display:flex;gap:6px;overflow:auto;padding:11px 18px;border-bottom:1px solid var(--line);background:#fff}.flow-step{flex:1;min-width:max-content;text-align:center;border:1px solid var(--line);border-radius:8px;padding:8px 7px;font-size:10px;font-weight:750;color:#8195a4;background:#f8fafb}.flow-step.reached{background:#e9f7f9;color:#12738b;border-color:#bce3e9}.flow-step.current{background:#087eb2;color:white;border-color:#087eb2}.ticket p{margin:8px 0;font-size:11px;line-height:1.5}.ticket-update{margin-top:14px;border-top:1px solid #e7d4c1;padding-top:12px}.ticket-update .button{margin-top:9px}.ticket small{display:block;color:#85684d;margin-top:10px;line-height:1.5}.case-link{width:100%;background:transparent;border:0;text-align:left;color:var(--ink);cursor:pointer}.case-link:hover{background:#f3fafc}.case-link:focus-visible{outline:3px solid #60c9e2;outline-offset:2px;border-radius:7px}
@media(max-width:850px){.app{grid-template-columns:minmax(0,1fr)}.sidebar,main,.topbar,.content{min-width:0;width:100%}.sidebar nav{max-width:100%;scrollbar-width:thin}.workspace{min-width:0}.threads,.conversation,.context{min-width:0}.topbar{gap:12px}.breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:520px){.content{padding:16px}.metric{padding:13px}.case-flow{padding:9px 12px}.flow-step{font-size:9px}.topbar{padding:0 16px}}
@media(max-width:850px){.heading-side{display:none}}
.mikrotik-layout{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.4fr);gap:17px;align-items:start}.mikrotik-filters{display:grid;grid-template-columns:1fr;gap:8px;margin:14px 0}.mikrotik-filters input,.mikrotik-filters select{width:100%;border:1px solid var(--line);border-radius:8px;background:white;padding:10px;color:var(--ink);font-size:12px}.mikrotik-list{display:grid;gap:8px}.mikrotik-device{width:100%;border:1px solid var(--line);background:white;border-radius:10px;padding:12px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink)}.mikrotik-device.selected{border-color:#75c7e0;background:#eef9fc}.mikrotik-device b,.mikrotik-device small{display:block}.mikrotik-device b{font-size:12px}.mikrotik-device small{font-size:10px;color:var(--muted);margin-top:4px}.mikrotik-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:17px 0}.mikrotik-stats>div{padding:12px;border:1px solid var(--line);background:#f8fbfc;border-radius:9px}.mikrotik-stats small,.mikrotik-stats b{display:block}.mikrotik-stats small{color:var(--muted);font-size:10px}.mikrotik-stats b{font-size:12px;margin-top:6px}.mikrotik-layout h3{font-size:13px}.mikrotik-layout .module-actions{margin-top:14px}.mikrotik-layout form{display:grid;gap:12px}.mikrotik-layout form .demo-banner{margin:0}.mikrotik-layout form .button{justify-self:start}@media(max-width:1050px){.mikrotik-layout{grid-template-columns:1fr}}@media(max-width:550px){.mikrotik-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mikrotik-device{align-items:start}}
.preview-date{display:block;margin:0 0 9px;color:#607e85;font-size:10px;text-align:center}
.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.integration-source{min-height:165px}.integration-source .settings-card-head{align-items:flex-start}.integration-source .settings-card-head p{line-height:1.5}.integration-source small{display:block;color:var(--muted);margin-top:9px}.integration-flow{margin-top:18px}.integration-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.integration-steps>div{border:1px solid var(--line);border-radius:10px;padding:14px;background:#f7fafc}.integration-steps b{font-size:12px}.integration-steps p{font-size:11px;color:var(--muted);line-height:1.5;margin:6px 0 0}@media(max-width:1100px){.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.integration-grid,.integration-steps{grid-template-columns:1fr}}
.queue-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0}.queue-intro p{max-width:690px;margin-bottom:0}.queue-intro .button{white-space:nowrap}.queue-layout{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr)}.queue-selected{background:#edf8fc}.queue-layout .module-list-row small{display:block;color:var(--muted);margin-top:5px}@media(max-width:900px){.queue-intro{display:block}.queue-intro .button{margin-top:15px}.queue-layout{grid-template-columns:1fr}}

.sidebar{overflow:auto}.logo-panel{height:84px}.nav-caption{margin-top:14px}.flow-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.flow-five>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px}.flow-five b{font-size:12px}.flow-five p{font-size:11px;color:var(--muted);margin:8px 0 0}.handle-steps{display:grid;gap:8px}.handle-step{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:start}.handle-step b{display:block;font-size:12px;color:var(--ink)}.handle-step span{display:block;font-size:11px;color:var(--muted);line-height:1.45;margin-top:2px}.handle-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:#eef4f8;color:#5d7386}.handle-step.done .handle-num{background:#e5f6ea;color:#1c7a45}.handle-step.now .handle-num{background:#087eb2;color:#fff}.context-section .button{margin-top:12px;width:100%}button:disabled{opacity:.55;cursor:not-allowed}.door-note{margin-top:8px}@media(max-width:1100px){.flow-five{grid-template-columns:1fr 1fr}}@media(max-width:650px){.flow-five{grid-template-columns:1fr}}

.app{grid-template-columns:252px minmax(0,1fr)}
.sidebar{overflow:auto;padding:16px 12px 14px}
.logo-panel{height:auto;min-height:0;margin:0 4px;padding:12px 14px 8px;overflow:hidden;background:#fff}
.logo-panel img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;display:block}
.module-heading{flex-wrap:wrap;align-items:flex-start}
.module-heading .chip{flex:0 0 auto;max-width:100%}
.product{flex-direction:column;align-items:flex-start;gap:3px;padding:12px 8px 12px}
.product strong{font-size:20px;line-height:1.1}
.product small{letter-spacing:.3px;font-size:10px;line-height:1.3}
.nav-caption{margin:12px 10px 6px}
.nav-item{gap:10px;padding:8px 10px;min-height:38px;font-size:13px}
.nav-item>span,.nav-ico{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;font-size:0;line-height:0}
.nav-ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.nav-item em{display:none}
.nav-item b{font-size:11px;min-width:18px;text-align:center;line-height:1.2}
.sidebar-foot{margin-top:14px}
.topbar{gap:16px;padding:0 22px}
.top-right{min-width:0}
.mode{max-width:220px;white-space:nowrap}
.role-card{margin-bottom:18px}
.role-card h2{margin-bottom:12px}
.role-switch{display:flex;flex-wrap:wrap;gap:8px}
.threads .filter-row{flex-wrap:wrap;overflow:visible;row-gap:6px}
.integration-source{display:flex;flex-direction:column;min-height:176px}
.integration-source .settings-card-head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:0}
.integration-source .badge{white-space:nowrap}
.integration-source .button{margin-top:auto;align-self:flex-start}
.hero-card{align-items:flex-start}
.hero-card h2,.hero-card p{max-width:70ch}

.logo-panel{background:transparent!important;box-shadow:none;padding:4px 6px 0}
.theme-switch{display:flex;padding:3px;border-radius:999px;background:#e7eef5;border:1px solid #d5e2ec}
.theme-switch button{border:0;background:transparent;color:#5d7388;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}
.theme-switch button.active{background:#0878b7;color:#fff}
[data-theme="light"] .sidebar{background:#f5f8fb;color:#16324a;border-right:1px solid #d7e3ee}
[data-theme="light"] .product{border-bottom-color:#d7e3ee}
[data-theme="light"] .product strong{color:#12283e}
[data-theme="light"] .product small{color:#0878b7}
[data-theme="light"] .nav-caption{color:#6d879c}
[data-theme="light"] .nav-item{color:#1d3c56}
[data-theme="light"] .nav-item.active{background:#0878b7;color:#fff;box-shadow:none}
[data-theme="light"] .nav-item b{background:#0878b71f;color:#0878b7}
[data-theme="light"] .nav-item.active b{background:#ffffff33;color:#fff}
[data-theme="light"] .sidebar-foot{background:#fff;border-color:#d5e4ef}
[data-theme="light"] .sidebar-foot b{color:#0878b7}
[data-theme="light"] .sidebar-foot p{color:#5d7388}
[data-theme="dark"]{
  --bg:#050b13;--ink:#edf6ff;--muted:#849ab2;--line:#1c3348
}
[data-theme="dark"] body,[data-theme="dark"] .app{background:radial-gradient(circle at 80% -10%,#268fff12,transparent 38rem),#050b13}
[data-theme="dark"] .sidebar{background:linear-gradient(#081421 0%,#06101b 65%,#050c15 100%)}
[data-theme="dark"] .topbar{background:#071526}
[data-theme="dark"] .topbar,[data-theme="dark"] .metric,[data-theme="dark"] .panel,[data-theme="dark"] .module-card,[data-theme="dark"] .chip,[data-theme="dark"] .thread,[data-theme="dark"] .bubble,[data-theme="dark"] .composer-disabled,[data-theme="dark"] .field select,[data-theme="dark"] .field input,[data-theme="dark"] .field textarea,[data-theme="dark"] .case-choice,[data-theme="dark"] .campaign-steps>div,[data-theme="dark"] .role-choice,[data-theme="dark"] .case-flow,[data-theme="dark"] .flow-five>div,[data-theme="dark"] .mikrotik-device,[data-theme="dark"] .mikrotik-filters input,[data-theme="dark"] .mikrotik-filters select,[data-theme="dark"] .flow-step,[data-theme="dark"] .integration-steps>div,[data-theme="dark"] .draft-box,[data-theme="dark"] .estimate-strip,[data-theme="dark"] .settings-note,[data-theme="dark"] .phone-message,[data-theme="dark"] .button:not(.primary){
  background:#0c1929;color:var(--ink);border-color:var(--line)
}
[data-theme="dark"] .message-area,[data-theme="dark"] .checklist,[data-theme="dark"] .mikrotik-stats>div,[data-theme="dark"] .phone-preview{background:#07111e}
[data-theme="dark"] .bubble,[data-theme="dark"] .composer-disabled,[data-theme="dark"] .field select,[data-theme="dark"] .field input,[data-theme="dark"] .field textarea,[data-theme="dark"] .button:not(.primary), [data-theme="dark"] .case-flow,[data-theme="dark"] .flow-step{background:#102036}
[data-theme="dark"] .thread{border-top-color:#1c3348}
[data-theme="dark"] .detail{border-bottom-color:#1c3348}
[data-theme="dark"] .context-note{background:#102036;color:#c5d7e8}
[data-theme="dark"] .customer-icon{background:#102036;color:#55c9ff}
[data-theme="dark"] .handle-num{background:#102036;color:#c5d7e6}
[data-theme="dark"] .handle-step.done .handle-num{background:#12382e;color:#9ee0c8}
[data-theme="dark"] .filter{background:#173044;color:#c5d7e6;border-color:#2d4b66}
[data-theme="dark"] .filter.active{background:#0e4f73;color:#fff;border-color:#0e4f73}
[data-theme="dark"] .thread.selected,[data-theme="dark"] .case-choice.selected,[data-theme="dark"] .mikrotik-device.selected,[data-theme="dark"] .queue-selected{background:#17384f}
[data-theme="dark"] .flow-step{color:#9bb0c3}
[data-theme="dark"] .flow-step.reached{background:#12384a;color:#9ad7f2;border-color:#1d5f7a}
[data-theme="dark"] .demo-banner{background:#2a2116;color:#f3d7b0;border-color:#5a4630}
[data-theme="dark"] .badge.orange{background:#3a2a1c;color:#f0c08a}
[data-theme="dark"] .badge.blue{background:#12384a;color:#9ad7f2}
[data-theme="dark"] .mode{background:#12383a;color:#9ee0dc}
[data-theme="dark"] .theme-switch{background:#102033;border-color:#2a4158}
[data-theme="dark"] .theme-switch button{color:#9bb0c3}
[data-theme="dark"] .theme-switch button.active{background:#0878b7;color:#fff}
[data-theme="dark"] .search{background:#0e1c2b}
[data-theme="dark"] .search input,[data-theme="dark"] .settings-card-head input{background:transparent;color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .module-table,[data-theme="dark"] .module-table th,[data-theme="dark"] .module-table td{color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .case-link:hover{background:#17384f}
[data-theme="dark"] .handle-num{background:#1a3146;color:#c5d7e6}
[data-theme="dark"] .ticket{background:#2a2116;color:#f3d7b0}
[data-theme="dark"] .sidebar-foot{background:#0c2236}

.ops-dash{display:grid;gap:18px}
.ops-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}
.ops-kicker{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:1.6px;color:#087eb5}
.ops-head h1{margin:0;font-size:40px;letter-spacing:-1.4px;line-height:1}
.ops-head p{margin:8px 0 0;max-width:62ch;color:var(--muted);font-size:13px;line-height:1.5}
.ops-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ops-stat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px 20px;box-shadow:0 12px 28px #0b27400d}
.ops-stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#0878b7}
.ops-stat.alert::before{background:#d4532b}
.ops-stat.go::before{background:#0a8f86}
.ops-stat small{display:block;font-size:12px;font-weight:750;color:var(--muted)}
.ops-stat strong{display:block;margin:8px 0 2px;font-size:42px;letter-spacing:-1.6px;line-height:1}
.ops-stat span{font-size:12px;color:#0878b7;font-weight:700}
.ops-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr);gap:14px;align-items:start}
.ops-side{display:grid;gap:14px}
.ops-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px 8px 10px}
.ops-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 10px 6px}
.ops-panel-head h2{margin:0;font-size:16px;letter-spacing:-.2px}
.ops-cases{display:grid}
.ops-case{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;border:0;background:transparent;text-align:left;color:var(--ink);padding:12px 10px;border-radius:12px}
.ops-case:hover{background:#f3f8fb}
.ops-case b,.ops-case small{display:block}
.ops-case b{font-size:14px}
.ops-case small{margin-top:3px;color:var(--muted);font-size:12px}
.ops-case em{font-style:normal;font-size:11px;font-weight:800;color:#0878b7}
.ops-case-mark{width:8px;height:28px;border-radius:99px;background:#c5d5e2}
.ops-case-mark.hot{background:#d4532b}
.ops-steps{list-style:none;margin:0;padding:4px 8px 8px;display:grid;gap:8px}
.ops-steps li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:center}
.ops-steps li::before{counter-increment:step;content:counter(step);width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#0c2740;color:#fff;font-size:11px;font-weight:800}
.ops-steps{counter-reset:step}
.ops-steps b{display:block;font-size:13px}
.ops-steps span{display:block;color:var(--muted);font-size:12px}
.ops-links{list-style:none;margin:0;padding:4px 12px 10px;display:grid;gap:10px}
.ops-links li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--line)}
.ops-links li:last-child{border-bottom:0;padding-bottom:0}
.ops-links b{font-size:13px}
.ops-links span{font-size:11px;font-weight:800;color:#d4532b;white-space:nowrap}
.ops-empty{padding:16px;color:var(--muted)}
[data-theme="dark"] .ops-stat,[data-theme="dark"] .ops-panel{background:#0c1929;border-color:#1c3348}
[data-theme="dark"] .ops-case:hover{background:#17384f}
[data-theme="dark"] .ops-stat span,[data-theme="dark"] .ops-case em{color:#7ec8ea}
[data-theme="dark"] .ops-steps li::before{background:#0878b7}
@media(max-width:1100px){.ops-stats,.ops-layout{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.ops-head{display:block}.ops-head .button{margin-top:14px}.ops-stats,.ops-layout{grid-template-columns:1fr}.ops-head h1{font-size:32px}}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#06182e,#0e3558)}.login-card{width:min(420px,100%);min-height:520px;background:#fff;color:#12283e;border-radius:18px;padding:48px 32px 40px;box-shadow:0 18px 50px #04122655}.login-card img{height:104px;width:auto;display:block;margin:0 auto 16px}.login-card h1{margin:0 0 8px;text-align:center;font-size:32px;font-weight:900;letter-spacing:-.4px;color:#0b1c2e}.login-card p{color:#5d7388;text-align:center;margin:8px 0 18px}.login-card label{display:block;font-size:12px;font-weight:800;margin:22px 0 8px;text-align:left}.login-card input{width:100%;border:1px solid #d5e2ec;border-radius:10px;padding:14px 13px;background:#fff;color:#12283e}.login-card .button{width:100%;margin-top:32px;padding:16px 14px;font-size:15px;border-radius:10px;min-height:52px}.login-error{color:#9a3412;background:#fff4ed;border-radius:10px;padding:10px 12px;text-align:left}
.line-row{padding-bottom:6px}
.line-block{display:block}
.line-head{display:flex;align-items:baseline;gap:8px;padding:10px 14px 8px;background:#e8f3f8;border-top:1px solid #d3e4ee}
.line-head b{font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:#0a5278}
.line-head span{flex:1;font-size:10px;color:var(--muted)}
.line-head em{font-style:normal;min-width:18px;padding:2px 6px;border-radius:99px;background:#fff;font-size:11px;font-weight:800;text-align:center}
[data-theme="dark"] .line-head{background:#102036;border-color:#1c3348}
[data-theme="dark"] .line-head b{color:#9ad7f2}
[data-theme="dark"] .line-head em{background:#173044;color:#d5e6f2}
.thread-lane{display:block}
.lane-head{position:sticky;top:0;z-index:1;display:flex;align-items:baseline;gap:8px;padding:8px 14px;background:#f4f8fb;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lane-head b{font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.lane-head span{flex:1;font-size:10px;color:var(--muted)}
.lane-head em{font-style:normal;min-width:18px;padding:2px 6px;border-radius:99px;background:#e7eef3;font-size:11px;font-weight:800;text-align:center}
.lane-wait .lane-head b{color:#aa6832}
.lane-work .lane-head b{color:#0878b7}
.lane-done .lane-head b{color:#0b7a62}
.lane-empty{margin:0;padding:10px 16px 12px;font-size:11px;color:var(--muted)}
.badge.work{background:#e7f4fb;color:#097caf}
.badge.done{background:#e5f6f1;color:#0b7a62}
[data-theme="dark"] .lane-head{background:#102036;border-color:#1c3348}
[data-theme="dark"] .lane-head em{background:#173044;color:#d5e6f2}
[data-theme="dark"] .lane-wait .lane-head b{color:#f0c08a}
[data-theme="dark"] .lane-work .lane-head b{color:#9ad7f2}
[data-theme="dark"] .lane-done .lane-head b{color:#9ee0c8}
[data-theme="dark"] .badge.work{background:#12384a;color:#9ad7f2}
[data-theme="dark"] .badge.done{background:#12382e;color:#9ee0c8}
.integration-flow .integration-steps button{width:100%;text-align:left;border:1px solid var(--line);border-radius:10px;padding:14px;background:#f7fafc;color:inherit}
.integration-flow .integration-steps button.current{border-color:#087eb2;background:#e8f6fb}
.integration-flow .integration-steps button p{font-size:11px;color:var(--muted);line-height:1.5;margin:6px 0 0}
.flow-result{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.flow-result p{font-size:12px;color:var(--muted);line-height:1.55;margin:8px 0 0}
.cctv-panel{margin-top:18px}.cctv-panel .metrics{margin:14px 0}.cctv-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cctv-actions .button{text-decoration:none;white-space:nowrap}.cctv-menus{margin-bottom:14px}.cctv-frame{margin-top:14px}.cctv-frame iframe{width:100%;height:72vh;border:1px solid var(--line);border-radius:12px;background:#fff}
.olt-stage{position:fixed;z-index:40;left:0;right:0;top:73px;bottom:0;margin:0;border-radius:0;padding:8px 10px 10px;display:flex;flex-direction:column;overflow:hidden}
.olt-stage .olt-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.olt-stage .olt-stage-bar .fold-detail{margin:0}
.olt-stage .olt-stage-bar .button{margin-top:0;flex:none}
.olt-stage .cctv-frame{flex:1;margin:8px 0 0;min-height:0}
.olt-stage .cctv-frame iframe{height:100%;min-height:0;border-radius:8px}
.app-fold{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.app-fold h2{margin:0}.fold-mark{font-size:12px;color:var(--muted);white-space:nowrap}.fold-detail{margin:12px 0;color:var(--muted);font-size:13px;line-height:1.5}.is-closed{padding-top:16px;padding-bottom:16px}
[data-theme="dark"] .integration-flow .integration-steps button{background:#102036;border-color:#1c3348;color:#edf6ff}
[data-theme="dark"] .integration-flow .integration-steps button.current{background:#123047;border-color:#3d8ec4}
[data-theme="dark"] .integration-flow .integration-steps button p,[data-theme="dark"] .flow-result p{color:#849ab2}