:root{
  --bg:#0b0f14;--bg2:#0f141b;--side:#10151d;--surface:#151b24;--surface2:#1a212c;--surface3:#202936;
  --line:#283241;--line2:#344154;--text:#e8edf5;--muted:#9aa6b6;--muted2:#727e8e;
  --accent:#8178e8;--accent2:#6b64cf;--blue:#6fa7e8;--teal:#5fc1b2;--green:#66c98a;
  --amber:#d6aa68;--red:#dc7880;--pink:#ba84cb;--sidebar:284px;--header:78px;
  --shadow:0 18px 50px rgba(0,0,0,.24);--radius:18px;
}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:
  radial-gradient(circle at 78% 0%,rgba(93,102,168,.09),transparent 28%),
  radial-gradient(circle at 20% 12%,rgba(70,109,129,.07),transparent 24%),
  linear-gradient(180deg,#0b0f14,#0b1016 45%,#0a0e13);color:var(--text);font:16px/1.48 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
button,input,select,textarea{font:inherit}button{cursor:pointer}.app{height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr;grid-template-rows:var(--header) 1fr}
.sidebar{grid-row:1/3;background:linear-gradient(180deg,#10161f,#0d1219);border-right:1px solid #222c39;display:flex;flex-direction:column;min-width:0;z-index:20}.brand{height:var(--header);display:flex;align-items:center;gap:13px;padding:0 22px;border-bottom:1px solid #222c39}.brandmark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(150deg,#8178e8,#566cba 58%,#4d93a7);box-shadow:0 10px 26px rgba(72,80,130,.22);font-weight:900;font-size:18px}.brand-title{font-weight:830;font-size:18px;letter-spacing:.1px}.brand-sub{color:var(--muted2);font-size:12px;margin-top:2px}.nav{padding:16px 12px;overflow:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav-label{padding:12px 13px 6px;color:#657283;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.nav-item{width:100%;height:48px;border:1px solid transparent;border-radius:13px;background:transparent;color:#aab4c2;display:flex;align-items:center;gap:12px;padding:0 14px;margin:3px 0;text-align:left;transition:.16s}.nav-item:hover{background:#151d27;color:#eef2f8;border-color:#202b38}.nav-item.active{background:linear-gradient(90deg,rgba(117,108,218,.21),rgba(84,104,149,.11));color:#f1f2ff;border-color:rgba(129,120,232,.28);box-shadow:inset 3px 0 0 rgba(129,120,232,.9)}.nav-ico{font-size:18px;width:23px;text-align:center;opacity:.93}.badge{margin-left:auto;min-width:24px;height:22px;border-radius:999px;padding:0 7px;display:grid;place-items:center;font-size:11px;font-weight:800;background:#673f48;color:#ffd9dd}.sidebar-bottom{margin-top:auto;padding:14px;border-top:1px solid #222c39}.server-card{background:#121b1e;border:1px solid #203337;border-radius:15px;padding:13px}.server-card .row{display:flex;align-items:center;gap:9px}.dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(102,201,138,.08)}.tiny{font-size:12px;color:var(--muted2)}
.header{grid-column:2;display:flex;align-items:center;gap:14px;padding:0 26px;border-bottom:1px solid #222c39;background:rgba(13,18,25,.92);backdrop-filter:blur(16px);z-index:15}.global-search{position:relative;flex:1;max-width:860px}.global-search input{width:100%;height:47px;border-radius:14px;border:1px solid #2c3745;background:#141b24;color:var(--text);outline:none;padding:0 106px 0 45px;transition:.15s}.global-search input:focus{border-color:#5c5ca6;box-shadow:0 0 0 3px rgba(129,120,232,.08)}.global-search .sicon{position:absolute;left:16px;top:12px;color:#8792a1;font-size:19px}.kbd{position:absolute;right:12px;top:10px;border:1px solid #303a47;border-radius:8px;color:#7f8a99;padding:3px 8px;font-size:12px;background:#11171f}.header-spacer{flex:1}.hbtn{width:43px;height:43px;border-radius:13px;border:1px solid #2a3442;background:#141b24;color:#aab4c2;display:grid;place-items:center;position:relative}.hbtn:hover{background:#1a2330;color:#eef2f7}.notif-dot{position:absolute;right:7px;top:7px;width:8px;height:8px;border-radius:50%;background:#d96f79;border:2px solid #141b24}.owner{display:flex;align-items:center;gap:11px;padding-left:5px}.avatar{width:41px;height:41px;border-radius:14px;display:grid;place-items:center;font-weight:850;background:linear-gradient(145deg,#7369d8,#486b95);color:#f5f7fb}.owner-name{font-size:13px;font-weight:780}.owner-role{font-size:11px;color:var(--muted2);margin-top:2px}
.content{grid-column:2;overflow:auto;padding:28px 28px 70px;scrollbar-color:#303a49 transparent}.page{display:none;max-width:1540px;margin:0 auto}.page.active{display:block}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#727e8f;font-weight:850;margin-bottom:7px}.page-title{font-size:31px;line-height:1.08;font-weight:850;letter-spacing:-.03em}.page-sub{font-size:15px;color:var(--muted);margin-top:8px;max-width:820px}.head-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{min-height:42px;border-radius:12px;border:1px solid #303a49;background:#171e28;color:#c8d0dc;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:730;font-size:14px;transition:.14s}.btn:hover{background:#1e2733;border-color:#3a4758;color:#f0f3f8}.btn.primary{background:linear-gradient(180deg,#7168d5,#625ac2);border-color:#7f76dc;color:#fff;box-shadow:0 8px 22px rgba(78,71,157,.18)}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{background:#2b1d22;border-color:#58353d;color:#efb4bb}.btn.ghost{background:transparent}.btn.small{min-height:34px;padding:0 11px;font-size:12px;border-radius:10px}.btn.success{background:#153027;border-color:#27533f;color:#a9e5c1}.btn.warn{background:#30261a;border-color:#5a462d;color:#e8c993}.btn:disabled{opacity:.45;cursor:not-allowed}
.card{background:linear-gradient(180deg,#151c25,#131922);border:1px solid #273241;border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{padding:19px}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.stat{padding:18px;min-height:132px}.stat-top{display:flex;justify-content:space-between;gap:10px}.stat-label{font-size:13px;color:#9ba6b4}.stat-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#202836;color:#bfc7d3}.stat-value{font-size:30px;line-height:1;font-weight:860;letter-spacing:-.035em;margin:17px 0 8px}.delta{font-size:12px;color:var(--green)}.delta.warn{color:var(--amber)}.delta.down{color:var(--red)}
.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;margin-top:14px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.card-title{font-size:17px;font-weight:800}.card-note{font-size:12px;color:var(--muted2);margin-top:3px}.chart{height:245px;border:1px solid #222c38;border-radius:14px;padding:26px 16px 28px;display:flex;align-items:flex-end;gap:8px;background:linear-gradient(180deg,rgba(129,120,232,.025),transparent);position:relative}.chart:before{content:"";position:absolute;inset:20px 15px 28px;background:repeating-linear-gradient(to bottom,transparent,transparent 42px,rgba(255,255,255,.035) 43px)}.bar{flex:1;min-width:6px;max-width:24px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#7770d6,#4c608e);position:relative;z-index:1}.bar.alt{background:linear-gradient(180deg,#6ea6d5,#486d89)}.chart-labels{position:absolute;left:16px;right:16px;bottom:6px;display:flex;justify-content:space-between;color:#677382;font-size:10px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{border:1px solid #283341;border-radius:14px;background:#171e28;padding:15px;min-height:94px;cursor:pointer;transition:.14s}.quick:hover{background:#1b2430;border-color:#3b4758;transform:translateY(-1px)}.quick strong{display:block;font-size:14px}.quick span{display:block;color:var(--muted2);font-size:12px;margin-top:6px}.three{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:14px;margin-top:14px}
.toolbar{display:flex;gap:10px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.input,.select,.textarea{border:1px solid #2e3948;background:#131a23;color:var(--text);border-radius:12px;outline:none}.input,.select{height:43px;padding:0 13px}.input:focus,.select:focus,.textarea:focus{border-color:#595894;box-shadow:0 0 0 3px rgba(129,120,232,.07)}.toolbar .input{min-width:330px;flex:1}.select{min-width:150px}.table-card{overflow:hidden}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:960px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#768293;font-weight:850;padding:13px 15px;border-bottom:1px solid #27313e;background:#141a23}td{padding:14px 15px;border-bottom:1px solid #212a35;color:#cbd2dc;vertical-align:middle}tbody tr{transition:.12s}tbody tr:hover{background:#19212c}tbody tr.clickable{cursor:pointer}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#bcb8ef}.tg{color:#87b9e7}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:780;border:1px solid}.status.green{background:#142820;color:#96dcb0;border-color:#244838}.status.blue{background:#162431;color:#9dc5e7;border-color:#29455b}.status.amber{background:#2a2116;color:#e1bf87;border-color:#4b3a25}.status.red{background:#29191e;color:#e8a0a7;border-color:#4c2c34}.status.gray{background:#1c222b;color:#9ca6b3;border-color:#303a47}.copy{cursor:pointer}.copy:hover{text-decoration:underline}
.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #2b3543;background:#141b24;color:#8995a4;border-radius:999px;padding:7px 11px;font-size:12px;cursor:pointer}.chip.active{background:#252647;color:#d9d6ff;border-color:#545493}.split{display:grid;grid-template-columns:360px 1fr;min-height:650px;overflow:hidden}.ticket-list{border-right:1px solid #26313e;background:#121820;overflow:auto}.ticket-search{padding:14px;border-bottom:1px solid #26313e}.ticket-search input{width:100%}.ticket-item{padding:15px 16px;border-bottom:1px solid #222b36;cursor:pointer;transition:.12s}.ticket-item:hover{background:#18212b}.ticket-item.active{background:#1c2430;box-shadow:inset 3px 0 0 var(--accent)}.ticket-item .top{display:flex;justify-content:space-between;gap:10px}.ticket-item .subject{font-weight:770;font-size:14px}.ticket-item .preview{font-size:12px;color:#7f8b9b;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-main{display:grid;grid-template-columns:1fr 310px;min-width:0}.conversation{display:flex;flex-direction:column;min-width:0}.conversation-head{padding:18px 20px;border-bottom:1px solid #26313e;display:flex;justify-content:space-between;gap:10px;align-items:center}.messages{padding:22px;display:flex;flex-direction:column;gap:14px;overflow:auto;height:430px;background:#121820}.msg{max-width:76%;padding:12px 14px;border-radius:14px;border:1px solid #2a3543;background:#1a222d}.msg.user{align-self:flex-start;border-bottom-left-radius:4px}.msg.operator{align-self:flex-end;background:#242542;border-color:#414273;border-bottom-right-radius:4px}.msg .meta{font-size:11px;color:#7d8998;margin-bottom:5px}.composer{border-top:1px solid #26313e;padding:14px;background:#141b24}.textarea{width:100%;min-height:92px;padding:12px;resize:vertical}.composer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.ticket-side{border-left:1px solid #26313e;background:#121820;padding:18px;overflow:auto}.side-block{border:1px solid #273341;border-radius:14px;padding:14px;margin-bottom:12px;background:#161d26}.side-block h4{margin:0 0 12px;font-size:14px}.kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed #29323d;font-size:12px}.kv:last-child{border-bottom:0}.kv span:first-child{color:#7f8b9a}.side-actions{display:grid;grid-template-columns:1fr;gap:8px}
.broadcast-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.campaign-list{display:flex;flex-direction:column;gap:10px}.campaign{padding:15px;border:1px solid #293442;border-radius:14px;background:#171f29;cursor:pointer}.campaign:hover{border-color:#3c4858}.campaign .top{display:flex;justify-content:space-between;gap:10px}.campaign .name{font-weight:780}.campaign .meta{font-size:12px;color:#7f8a98;margin-top:5px}.phone{max-width:360px;margin:6px auto 0;background:#10151b;border:1px solid #2f3947;border-radius:28px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.phone-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid #242d38;padding-bottom:11px}.bot-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#27495c}.phone-msg{background:#1b2730;border-radius:14px 14px 14px 4px;padding:12px;margin-top:16px;font-size:14px}.phone-btn{margin-top:8px;border:1px solid #31566a;background:#173646;color:#9cd3e9;border-radius:11px;padding:9px;text-align:center}.progress{height:9px;border-radius:999px;background:#202a36;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6870bf,#5a99aa)}
.consent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.consent-stat{padding:16px}.consent-stat strong{display:block;font-size:23px;margin:9px 0 7px}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.source-row{display:grid;grid-template-columns:1fr 90px 120px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #232d38}.security-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.ip-row{display:grid;grid-template-columns:22px 1fr 80px 120px 130px;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #222c37}.check{width:17px;height:17px;accent-color:#7770d6}.alert-list{display:flex;flex-direction:column;gap:10px}.alert{padding:13px;border:1px solid #3b3033;background:#21191c;border-radius:13px}.alert b{font-size:13px}.role-grid{display:grid;grid-template-columns:320px 1fr;gap:14px}.role-list{padding:14px}.role-card{padding:13px;border-radius:12px;border:1px solid transparent;cursor:pointer;margin-bottom:8px}.role-card:hover{background:#19222c}.role-card.active{background:#222540;border-color:#414273}.role-editor{padding:18px}.perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.perm{display:flex;gap:11px;padding:13px;border:1px solid #2a3543;border-radius:12px;background:#161d26}.perm input{accent-color:#7b73dc}.perm b{display:block;font-size:13px}.perm small{display:block;color:#7c8796;margin-top:3px}.monitor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.resource{padding:17px}.resource-value{font-size:28px;font-weight:850;margin:12px 0}.meter{height:8px;background:#232d39;border-radius:999px;overflow:hidden}.meter i{display:block;height:100%;border-radius:inherit}.service-row{display:grid;grid-template-columns:1fr 120px 130px;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #222c37}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:14px 1fr auto;gap:10px;position:relative;padding:0 0 18px}.timeline-item:before{content:"";position:absolute;left:4px;top:11px;bottom:-1px;width:1px;background:#2d3744}.timeline-item:last-child:before{display:none}.timeline-item i{width:9px;height:9px;border-radius:50%;background:#6c78b9;margin-top:5px;z-index:1}
.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:rgba(4,7,10,.66);backdrop-filter:blur(5px);z-index:100;opacity:0;pointer-events:none;transition:.18s}.drawer-backdrop.open,.modal-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(720px,94vw);background:#111820;border-left:1px solid #2a3542;transform:translateX(30px);transition:.2s;box-shadow:-25px 0 70px rgba(0,0,0,.32);display:flex;flex-direction:column}.drawer-backdrop.open .drawer{transform:none}.drawer-head{padding:21px 22px;border-bottom:1px solid #27313e;display:flex;justify-content:space-between;align-items:flex-start}.drawer-content{padding:20px 22px 40px;overflow:auto}.profile-top{display:flex;gap:13px;align-items:center}.profile-avatar{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#7168d1,#476b8e);display:grid;place-items:center;font-size:20px;font-weight:850}.profile-name{font-size:21px;font-weight:820}.profile-meta{color:var(--muted2);font-size:12px;margin-top:3px}.drawer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.subcard{border:1px solid #293440;background:#151c25;border-radius:15px;padding:15px}.subcard h4{margin:0 0 12px;font-size:14px}.alias{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #242d38}.consent-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #242d38}.full{grid-column:1/-1}.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%) scale(.985);width:min(560px,92vw);background:#151c25;border:1px solid #303c4b;border-radius:20px;box-shadow:0 26px 80px rgba(0,0,0,.38);padding:22px;transition:.18s}.modal-backdrop.open .modal{transform:translate(-50%,-50%) scale(1)}.modal h3{margin:0 0 6px;font-size:22px}.modal p{margin:0 0 18px;color:var(--muted);font-size:14px}.form{display:grid;gap:12px}.field label{display:block;color:#8995a4;font-size:12px;margin-bottom:6px}.field .input,.field .select,.field .textarea{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{width:340px;border:1px solid #344252;background:#17202a;border-radius:14px;padding:13px 15px;box-shadow:var(--shadow);animation:toastin .18s ease}.toast b{font-size:13px}.toast div{font-size:12px;color:#8f9baa;margin-top:3px}@keyframes toastin{from{opacity:0;transform:translateY(8px)}}
.empty{padding:45px 20px;text-align:center;color:#7d8998}.divider{height:1px;background:#26313e;margin:14px 0}.right{margin-left:auto}.clickable-link{color:#97b9df;cursor:pointer}.danger-text{color:#e0a0a6}.success-text{color:#9ad7b0}

/* v2 UX/audit additions */
.search-insight{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:14px;border:1px solid #354356;background:linear-gradient(180deg,#18212b,#151c25);border-radius:14px}.search-insight .ico{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#222a42;color:#c8c5ff}.search-insight b{font-size:14px}.search-insight .tiny{font-size:13px;margin-top:3px}.match-note{margin-top:5px;display:inline-flex;gap:6px;align-items:center;padding:4px 8px;border-radius:8px;background:#23263c;border:1px solid #393d60;color:#c9c7f2;font-size:12px}.context-lock{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #334151;background:#121921;border-radius:13px;margin-bottom:13px}.context-lock .who{display:flex;align-items:center;gap:10px}.context-lock .avatar-mini{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#293047;color:#d9dcff;font-weight:800}.context-lock .lock{color:#768393;font-size:12px}.msg.system{align-self:center;max-width:92%;background:#141b23;border-color:#384555;color:#aeb9c7;border-radius:12px;text-align:center}.msg.system .meta{color:#7f8d9e}.campaign.service{border-left:3px solid #5f9fc0}.campaign.marketing{border-left:3px solid #a98861}.campaign.rich{box-shadow:inset 0 0 0 1px rgba(129,120,232,.10)}.campaign-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mini-tag{font-size:11px;padding:3px 7px;border-radius:999px;background:#202833;border:1px solid #303b49;color:#96a2b1}.modal.wide{width:min(1120px,96vw);max-height:92vh;overflow:auto}.composer-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px}.composer-section{border:1px solid #2b3745;border-radius:15px;background:#131a22;padding:15px;margin-bottom:12px}.composer-section h4{margin:0 0 11px;font-size:15px}.composer-section .hint{font-size:12px;color:#7f8b9a;margin-top:-5px;margin-bottom:12px}.format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.format-card{border:1px solid #303b49;background:#171f29;border-radius:12px;padding:11px;cursor:pointer}.format-card:hover{border-color:#465366}.format-card.active{border-color:#6662a8;background:#20213a}.format-card b{display:block;font-size:13px}.format-card span{font-size:11px;color:#7e8998}.builder-row{display:grid;grid-template-columns:1.1fr .8fr 1.5fr auto;gap:8px;align-items:center;margin-top:8px}.builder-row .input,.builder-row .select{width:100%;min-width:0}.media-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.media-strip{display:flex;gap:8px;overflow:auto;padding:4px 0 8px}.media-card{min-width:112px;height:82px;border:1px solid #334050;background:linear-gradient(145deg,#1b2630,#22243a);border-radius:12px;display:grid;place-items:center;text-align:center;color:#97a5b7;font-size:11px;padding:8px}.phone-media{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:10px}.phone-media .cell{height:72px;border-radius:10px;background:linear-gradient(145deg,#29404a,#252d46);border:1px solid #384858;display:grid;place-items:center;color:#b3c3cf;font-size:11px}.phone-media.slideshow{display:flex;overflow:hidden}.phone-media.slideshow .cell{min-width:100%;height:125px}.phone-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.phone-btn{cursor:default}.phone-btn.full{grid-column:1/-1}.audience-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.audience-box{border:1px solid #2d3947;background:#151d26;border-radius:11px;padding:10px}.audience-box b{display:block;font-size:18px}.audience-box span{font-size:11px;color:#7f8b9a}.audit-detail{max-width:360px;color:#9eabb9;font-size:12px;white-space:normal}.ticket-current{display:inline-flex;align-items:center;gap:6px;margin-top:5px;font-size:12px;color:#9faabd}.ticket-current strong{color:#8fb8de}.operation-note{padding:11px 12px;border-radius:11px;background:#191f2b;border:1px solid #2e3948;color:#aeb9c7;font-size:12px}.warning-box{padding:12px 13px;border-radius:12px;background:#2a2218;border:1px solid #4e3e27;color:#dfc08c;font-size:12px}.success-box{padding:12px 13px;border-radius:12px;background:#15251e;border:1px solid #294637;color:#9ed7b4;font-size:12px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.linkish{color:#96bae0}.readonly-value{min-height:43px;display:flex;align-items:center;padding:0 13px;border:1px solid #2e3948;background:#11171f;border-radius:12px;color:#c9d1dd}.section-kicker{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#677487;font-weight:800;margin-bottom:8px}.button-preview-type{font-size:10px;color:#718091;margin-top:2px}
@media(max-width:980px){.composer-grid{grid-template-columns:1fr}.builder-row{grid-template-columns:1fr 1fr}.builder-row .btn{grid-column:2}.audience-breakdown{grid-template-columns:1fr}}

@media(max-width:1200px){:root{--sidebar:250px}.stats{grid-template-columns:repeat(3,1fr)}.three,.dashboard-grid,.security-grid,.broadcast-grid{grid-template-columns:1fr}.ticket-main{grid-template-columns:1fr}.ticket-side{display:none}.consent-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.app{grid-template-columns:80px 1fr}.brand-copy,.nav-item span:not(.nav-ico),.nav-label,.sidebar-bottom{display:none}.brand{justify-content:center;padding:0}.nav-item{justify-content:center;padding:0}.nav-item.active{box-shadow:inset 3px 0 0 var(--accent)}.stats{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.ticket-list{display:none}.profile-grid,.perm-grid,.source-grid,.consent-grid,.monitor-grid{grid-template-columns:1fr}.header{padding:0 14px}.owner-name,.owner-role{display:none}.content{padding:20px 15px 60px}.page-title{font-size:27px}}

/* v3 UX polish */
.dashboard-monitor{margin-top:14px;padding:16px}.dashboard-monitor-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.dashboard-monitor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.45fr;gap:10px}.monitor-tile{border:1px solid #2a3441;background:#121820;border-radius:14px;padding:13px;min-height:112px}.monitor-tile .m-label{font-size:12px;color:#8f9aa8}.monitor-tile .m-value{font-size:25px;font-weight:850;margin:7px 0 3px}.monitor-tile .m-sub{font-size:11px;color:#727e8e}.spark{height:29px;display:flex;align-items:end;gap:3px;margin-top:8px}.spark i{flex:1;background:#405d83;border-radius:2px 2px 0 0;opacity:.9}.traffic-tile{display:grid;grid-template-rows:auto 1fr}.traffic-line{height:50px;margin-top:7px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 15px,#202a35 16px);border-radius:8px;overflow:hidden}.traffic-line svg{width:100%;height:100%}.reply-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px}.reply-tools-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shortcut{font-size:11px;color:#788595;border:1px solid #2d3846;background:#121922;padding:4px 7px;border-radius:7px}.template-search{width:100%;margin-bottom:10px}.template-list{display:flex;flex-direction:column;gap:7px;max-height:360px;overflow:auto}.template-choice{border:1px solid #2d3947;background:#161e28;border-radius:12px;padding:12px;cursor:pointer}.template-choice:hover{border-color:#4b596c;background:#1a2430}.template-choice b{display:block;font-size:13px}.template-choice span{display:block;font-size:12px;color:#8490a0;margin-top:4px}.result-link{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:10px}.result-link .readonly-value{overflow:auto;white-space:nowrap;font-size:12px}.bot-preview{border:1px solid #2d3947;background:#111820;border-radius:14px;padding:13px;margin-top:12px}.bot-preview .bubble{background:#1b2730;border-radius:12px 12px 12px 4px;padding:11px;margin-top:9px;font-size:13px}.bot-preview .inline-demo{margin-top:7px;border:1px solid #31566a;background:#173646;color:#9cd3e9;border-radius:9px;padding:8px;text-align:center;font-size:12px}.upload-box{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:10px}.upload-label{min-height:42px;border:1px dashed #465365;background:#151d26;border-radius:12px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#c8d0dc;font-weight:700;font-size:13px}.upload-label:hover{background:#1a2430;border-color:#66758a}.file-note{font-size:11px;color:#7d8998}.document-registry{margin-top:14px}.doc-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#bcb8ef;font-size:11px}.consent-source-row{display:grid;grid-template-columns:minmax(180px,1fr) 110px 120px 130px;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #232d38}.russian-action{font-weight:760}.raw-code{font-size:10px;color:#667383;margin-top:3px}.monitor-inline-status{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:#9da8b5}.monitor-inline-status i{width:8px;height:8px;background:#66c98a;border-radius:50%}.invite-state-note{margin-top:8px;font-size:12px;color:#8f9baa}.action-primary-wide{width:100%;margin-top:8px}
@media(max-width:1200px){.dashboard-monitor-grid{grid-template-columns:repeat(2,1fr)}.traffic-tile{grid-column:1/-1}.consent-source-row{grid-template-columns:1fr 100px 110px}.consent-source-row>*:last-child{grid-column:2/4}}
@media(max-width:720px){.dashboard-monitor-grid{grid-template-columns:1fr}.traffic-tile{grid-column:auto}.consent-source-row{grid-template-columns:1fr}.consent-source-row>*:last-child{grid-column:auto}}

/* v4 support conversation + audit navigation */
.audit-link{color:#91b8df;cursor:pointer;text-decoration:none;font-weight:700}.audit-link:hover{text-decoration:underline}.audit-link.secondary{color:#b9b3e8}.support-origin{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid #324154;background:#18212b;color:#9eabc0;margin-top:6px}.support-origin.out{border-color:#3d4e68;background:#18243a;color:#a8c5ec}.support-origin.in{border-color:#345344;background:#17261f;color:#9fd6b1}.support-origin.wait{border-color:#5a482b;background:#2a2218;color:#dec08b}.support-reply-demo{margin-top:8px;padding:10px;border:1px dashed #3d4a5a;border-radius:11px;background:#131a22}.msg .delivery-meta{font-size:10px;color:#728093;margin-top:7px;border-top:1px solid rgba(255,255,255,.05);padding-top:6px}.attachment-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.attachment-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:#202a35;border:1px solid #334151;color:#b8c3d0;font-size:11px}.composer-attachment-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.composer-attachment-bar .upload-label{min-height:36px;padding:0 11px}.pending-files{display:flex;gap:6px;flex-wrap:wrap}.outbound-ticket-note{padding:10px 12px;border:1px solid #33465c;background:#152030;border-radius:11px;color:#a7b9d0;font-size:12px;margin:8px 0}.audit-nav{display:flex;gap:6px;flex-wrap:wrap}.media-retain-note{margin-top:8px;padding:10px 11px;border:1px solid #304152;background:#141d27;border-radius:10px;color:#8fa1b5;font-size:11px}.telegram-inline-answer{display:block;margin-top:8px;padding:8px 10px;text-align:center;border:1px solid #31566a;background:#173646;color:#9cd3e9;border-radius:9px;font-weight:700;font-size:12px}.ticket-direction-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-right:auto}.ticket-item .direction-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.direction-dot.out{background:#7b9fca}.direction-dot.in{background:#6fb88c}.ticket-item .preview-row{display:flex;align-items:center;gap:6px}.small-danger-note{font-size:11px;color:#ca9b9f}.file-limit-ok{color:#83c49b}.file-limit-bad{color:#d38388}.support-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bot-source-note{margin-top:10px;padding:10px 12px;border-radius:10px;background:#151e27;border:1px solid #2d3a49;color:#8f9dad;font-size:12px}


.hidden{display:none!important}.auth-screen{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at 70% 0%,rgba(93,102,168,.12),transparent 30%),#0b0f14;display:grid;place-items:center;padding:24px}.auth-card{width:min(470px,100%);background:#151b24;border:1px solid #2b3543;border-radius:22px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.48)}.auth-card h1{margin:12px 0 8px;font-size:31px}.auth-card p{color:var(--muted);margin:0 0 18px}.auth-card .field{margin:14px 0}.auth-card .field label{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}.auth-card input{width:100%}.auth-card .btn{width:100%;margin-top:10px}.auth-error{background:#2b1d22;border:1px solid #58353d;color:#efb4bb;padding:10px 12px;border-radius:12px;margin:12px 0}.auth-wait{text-align:center}.auth-wait .spinner{width:42px;height:42px;border:4px solid #303a49;border-top-color:#8178e8;border-radius:50%;animation:spin 1s linear infinite;margin:18px auto}@keyframes spin{to{transform:rotate(360deg)}}.notice{padding:12px 14px;border-radius:13px;border:1px solid #36445a;background:#17202b;color:#cbd5e2;margin:12px 0}.notice.old{border-color:#5a462d;background:#2a2116;color:#e1bf87}.link{color:#87b9e7;text-decoration:none}.link:hover{text-decoration:underline}.modal.wide{max-width:900px}.drawer.open{transform:translateX(0)}.drawer-backdrop.open,.modal-backdrop.open{display:flex}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:80;display:none;justify-content:flex-end}.drawer{width:min(720px,100%);height:100%;background:#111820;border-left:1px solid #2a3442;overflow:auto;padding:24px;box-shadow:-20px 0 60px #0008}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.drawer-close{border:1px solid #2a3442;background:#171e28;color:#cbd2dc;border-radius:10px;width:38px;height:38px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.64);z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:#151b24;border:1px solid #2d3948;border-radius:20px;padding:22px;box-shadow:0 28px 80px #0009}.modal h3{font-size:22px;margin:0 0 7px}.modal p{color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field.full{grid-column:1/-1}.composer{border-top:1px solid #283241;padding-top:12px;margin-top:12px}.composer textarea{width:100%;min-height:108px;padding:12px}.composer-bottom{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.ticket-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:14px}.ticket-list{max-height:calc(100vh - 220px);overflow:auto}.ticket-item{padding:14px;border-bottom:1px solid #242e3a;cursor:pointer}.ticket-item:hover,.ticket-item.active{background:#19212c}.ticket-item .meta{display:flex;justify-content:space-between;gap:10px}.message{margin:10px 0;padding:12px 14px;border-radius:14px;max-width:78%;white-space:pre-wrap}.message.user{background:#1b2a36;border:1px solid #29455b}.message.operator{background:#272340;border:1px solid #4e4b84;margin-left:auto}.message.system{background:#171d24;border:1px dashed #3a4655;color:#aab4c2;max-width:100%;font-size:13px}.messages{height:48vh;overflow:auto;padding-right:4px}.file-pill{display:inline-flex;gap:6px;align-items:center;border:1px solid #344154;border-radius:999px;padding:5px 9px;margin:4px 4px 0 0;font-size:12px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.perm{display:flex;gap:8px;align-items:center;padding:9px;border:1px solid #2b3543;border-radius:10px;background:#141b24}.click-link{cursor:pointer;color:#87b9e7}.click-link:hover{text-decoration:underline}.progress{height:7px;background:#222b37;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:#6fa7e8}.login-summary{font-size:13px;color:var(--muted)}.search-result-note{font-size:12px;color:#e1bf87;margin-top:4px}.section-stack{display:grid;gap:14px}.kv{display:grid;grid-template-columns:180px 1fr;gap:8px 14px;padding:8px 0;border-bottom:1px solid #222b37}.kv div:first-child{color:var(--muted)}.upload-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.file-input{display:none}@media(max-width:1050px){.ticket-layout{grid-template-columns:1fr}.ticket-list{max-height:320px}.form-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}}
.media-picker{margin-top:10px;max-height:250px;overflow:auto;border:1px solid #293544;border-radius:12px;background:#111820;padding:8px;display:grid;gap:6px}
.media-pick{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:9px 10px;border:1px solid transparent;border-radius:9px;cursor:pointer}
.media-pick:hover{background:#18212b;border-color:#344154}.media-pick input{width:17px;height:17px}
.file-x{border:0;background:transparent;color:#8f9baa;cursor:pointer;font-size:15px;line-height:1;padding:0 0 0 4px}.file-x:hover{color:#e3a0a6}

/* CP4 product/UX hardening */
.mobile-menu,.mobile-nav-backdrop{display:none}
:focus-visible{outline:3px solid rgba(129,120,232,.55);outline-offset:2px}
.quick{color:inherit;text-align:left}.audit-link{border:0;background:transparent;padding:0;font:inherit}
.campaign-button-row{display:grid;grid-template-columns:minmax(150px,1fr) 160px minmax(190px,1.4fr) 44px;gap:8px;margin:8px 0}
.media-preview-placeholder{margin-top:9px;padding:18px;border:1px dashed #3c4a5c;border-radius:11px;color:#8fa1b5;background:#151d27;text-align:center;font-size:12px}
.pager{display:flex;gap:8px;margin-left:auto}.readonly-value{border:1px solid #303b49;background:#10161e;border-radius:10px;padding:10px;color:#d7deea}
.toast{pointer-events:auto}.mobile-nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:18}
@media(max-width:1300px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.three{grid-template-columns:1fr 1fr}.three>*:last-child{grid-column:1/-1}}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.ticket-layout{grid-template-columns:1fr}.ticket-list{max-height:320px}.form-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.campaign-button-row{grid-template-columns:1fr 150px}.campaign-button-row>*:nth-child(3){grid-column:1/-1}}
@media(max-width:900px){
  :root{--header:68px}.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(84vw,320px);transform:translateX(-102%);transition:transform .18s ease;box-shadow:20px 0 60px rgba(0,0,0,.5);z-index:30}.nav-open .sidebar{transform:translateX(0)}.nav-open .mobile-nav-backdrop{display:block}.header,.content{grid-column:1}.header{padding:0 14px}.mobile-menu{display:grid;flex:0 0 auto}.content{padding:20px 16px 60px}.page-title{font-size:27px}.page-head{gap:12px}.global-search input{padding-right:50px}.global-search .kbd{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:1fr}.three>*:last-child{grid-column:auto}.toolbar .input{min-width:min(100%,260px)}.table-wrap table{min-width:760px}.message{max-width:92%}.drawer{width:min(94vw,720px)}
}
@media(max-width:620px){
  body{font-size:15px}.owner-text{display:none}.header{gap:8px}.hbtn{width:40px;height:40px}.content{padding:16px 12px 48px}.page-head{flex-direction:column;align-items:stretch}.page-title{font-size:25px}.head-actions{width:100%}.head-actions>.btn{flex:1}.stats{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.stat{min-height:108px}.stat-value{font-size:27px}.modal-backdrop{padding:8px;align-items:flex-end}.modal{width:100%;max-height:92vh;border-radius:18px 18px 0 0}.modal-actions{flex-wrap:wrap}.modal-actions>.btn{flex:1}.drawer{width:100%;padding:16px}.kv{grid-template-columns:1fr;gap:3px}.kv div:nth-child(odd){margin-top:8px}.composer-bottom>.btn,.composer-bottom>label.btn{flex:1}.ticket-list{max-height:260px}.messages{height:42vh}.campaign-button-row{grid-template-columns:1fr}.campaign-button-row>*:nth-child(3){grid-column:auto}.support-toolbar>.input,.support-toolbar>.select{width:100%;min-width:0}.pager{width:100%;margin-left:0}.pager>.btn{flex:1}.permission-grid{grid-template-columns:1fr}.auth-screen{padding:12px}.auth-card{padding:20px;border-radius:18px}
}
.quick.role-readonly{cursor:default}
.quick.role-readonly:hover{background:#171e28;border-color:#283341;transform:none}

/* CP4.4 security/monitoring/audit + global accessibility hardening */
.page-title{margin:0}
.owner{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.owner:focus-visible{border-radius:14px}
.resource.unavailable{border-color:#4a3b32;background:#1d1a18}
.meter.unavailable{border:1px dashed #5b4a3e;background:transparent}
.monitor-partial{margin:0 0 14px}
.security-block{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #222c37}
.security-block:last-child{border-bottom:0}
.audit-details-card{max-height:44vh;overflow:auto}
.audit-detail-row{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid #222b37;word-break:break-word}
.audit-detail-row:last-child{border-bottom:0}
@media(max-width:620px){
  .security-block{grid-template-columns:1fr;align-items:start}
  .security-block>.btn{justify-self:start}
  .audit-detail-row{grid-template-columns:1fr;gap:4px}
  #toastRoot{left:12px!important;right:12px!important;bottom:12px!important}
  #toastRoot .toast{min-width:0!important;width:auto!important;max-width:none!important}
}
.global-search{min-width:0}