/* Кристалл /panel — neon command center theme for web panel */
.cm-panel-login{--accent:#996dff;min-height:100vh;min-height:100dvh;margin:0;display:grid;place-items:center;padding:28px 16px;color:#f6f5ff;font-family:Onest,Inter,system-ui,Arial,sans-serif;background:radial-gradient(ellipse at 20% -10%,#3326639c,transparent 45%),radial-gradient(ellipse at 95% 95%,#182d61a3,transparent 50%),#080d19;position:relative}
.cm-panel-login:before{position:fixed;inset:0;content:"";pointer-events:none;background:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#0008,transparent 75%)}
.cm-login-card{width:min(100%,530px);position:relative;padding:36px clamp(22px,6vw,48px);border:1px solid #45415f;background:linear-gradient(145deg,#1b2036e8,#101524fa);border-radius:28px;box-shadow:0 35px 100px #020713ac,inset 0 1px #ffffff16;text-align:center;backdrop-filter:blur(18px)}
.cm-login-mark img{filter:drop-shadow(0 10px 18px #834bf2aa)}.cm-login-brow{display:block;font-size:11px;letter-spacing:.22em;color:#a891fd;font-weight:800;margin:12px 0 20px}
.cm-login-card h1{font-size:clamp(28px,6vw,42px);letter-spacing:-.04em;line-height:1.18;margin:0}.cm-login-card h1 em{font-style:normal;color:#b297ff}.cm-login-card p{color:#b9bed6;line-height:1.7;margin:22px 0}.cm-login-card .cm-login-error{border:1px solid #e7788a55;background:#7d243a33;color:#ffc5cb;padding:12px;border-radius:11px}
.cm-login-button{display:flex;justify-content:center;align-items:center;gap:14px;padding:16px 20px;color:white;border-radius:14px;background:linear-gradient(110deg,#257ce9,#8350f8);font-weight:800;text-decoration:none;box-shadow:0 16px 32px #5732c363;transition:filter .2s,transform .2s}.cm-login-button:hover{filter:brightness(1.17);transform:translateY(-2px)}.cm-login-button span{font-weight:900;background:white;color:#3678e9;padding:4px 6px;border-radius:5px}.cm-login-button b{margin-left:9px}.cm-login-grid{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;color:#b5a7f3;font-size:12px;margin:26px 0}.cm-login-card footer{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.cm-login-card footer a{color:#b1b5d0;text-decoration:none;font-size:12px}.cm-login-card footer a:hover{color:white}

/* Panel-wide override */
html:has(body.cm-web-panel), body.cm-web-panel {
  color-scheme: dark;
}
body.cm-web-panel {
  --bg-0:#070b14;
  --bg-1:rgba(14,18,32,.84);
  --bg-2:rgba(19,24,42,.92);
  --bg-3:rgba(26,31,54,.98);
  --bg-solid:#0d1120;
  --bg-card-hover:rgba(24,30,52,.98);
  --border:rgba(97,108,158,.48);
  --border-strong:rgba(120,131,188,.64);
  --border-accent:rgba(159,124,255,.52);
  --text-1:#f4f1ff;
  --text-2:rgba(226,230,255,.78);
  --text-3:rgba(180,190,226,.72);
  --text-4:rgba(144,152,188,.62);
  --cyan:#4fc3ff;
  --purple:#9b6dff;
  --pink:#e469ff;
  --green:#43e39c;
  --amber:#ffc55a;
  --red:#ff7b92;
  --blue:#76a8ff;
  --cyan-soft:rgba(79,195,255,.14);
  --purple-soft:rgba(155,109,255,.14);
  --pink-soft:rgba(228,105,255,.14);
  --green-soft:rgba(67,227,156,.14);
  --amber-soft:rgba(255,197,90,.14);
  --red-soft:rgba(255,123,146,.14);
  --blue-soft:rgba(118,168,255,.14);
  --accent:var(--purple);
  --accent-2:#5cc6ff;
  --accent-grad:linear-gradient(135deg,#7b5cff 0%,#b57cff 55%,#58d4ff 100%);
  --shadow-card:0 22px 50px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06);
  --shadow-glow:0 0 32px rgba(123,92,255,.18);
  background:
    radial-gradient(1200px 500px at 18% -5%, rgba(110,81,255,.22), transparent 60%),
    radial-gradient(800px 420px at 85% 8%, rgba(84,155,255,.18), transparent 58%),
    linear-gradient(180deg, #070b14 0%, #090d18 100%) !important;
  color:#f4f1ff;
}
body.cm-web-panel .aurora{opacity:.9}
body.cm-web-panel .aurora-blob.b1{background:#6c45ff;opacity:.2}
body.cm-web-panel .aurora-blob.b2{background:#2b5eff;opacity:.15}
body.cm-web-panel .aurora-blob.b3{background:#a26bff;opacity:.08}
body.cm-web-panel .aurora-blob.b4{background:#2aaeff;opacity:.06}
body.cm-web-panel .layout{gap:16px;padding:16px;min-height:100vh}
body.cm-web-panel .sidebar{
  width:212px;
  background:linear-gradient(180deg,rgba(10,14,27,.96),rgba(8,11,21,.96));
  border:1px solid rgba(88,95,136,.48);
  border-right-color:rgba(88,95,136,.55);
  border-radius:26px;
  box-shadow:0 24px 64px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
  padding:14px 12px;
  position:sticky;
  top:16px;
  height:calc(100vh - 32px);
}
body.cm-web-panel .brand{padding:2px 8px 14px;border-bottom:1px solid rgba(81,89,126,.42);margin-bottom:12px}
body.cm-web-panel .brand-logo{background:transparent;box-shadow:none;width:40px;height:40px;border-radius:14px;padding:0}
body.cm-web-panel .brand-logo img{width:32px;height:auto;filter:drop-shadow(0 8px 22px rgba(143,89,255,.45))}
body.cm-web-panel .brand-name{font-size:14px;font-weight:800;color:#fff}
body.cm-web-panel .cc-brand-sub{color:#fff;opacity:.98}
body.cm-web-panel .brand-sub{font-size:11px;color:var(--text-3);margin-top:3px}
body.cm-web-panel .nav-search{display:none}
body.cm-web-panel .cc-crystal{display:flex;justify-content:center;align-items:center;position:relative;height:108px;margin:4px 6px 10px}
body.cm-web-panel .cc-crystal img{height:74px;width:auto;filter:drop-shadow(0 18px 35px rgba(110,80,255,.55))}
body.cm-web-panel .cc-crystal-floor{display:block;position:absolute;bottom:12px;width:94px;height:18px;border-radius:50%;background:radial-gradient(circle, rgba(112,85,255,.55), rgba(112,85,255,.16) 50%, transparent 72%);filter:blur(6px)}
body.cm-web-panel .nav-group-title{display:none}
body.cm-web-panel .nav{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}
body.cm-web-panel .nav-item{
  min-height:46px;padding:0 16px;border-radius:16px;border:1px solid transparent;
  background:transparent;color:#f2f3ff;display:flex;align-items:center;gap:12px;
  font-size:14px;font-weight:650;box-shadow:none;transition:all .18s ease;
}
body.cm-web-panel .nav-item .nav-icon{width:20px;display:inline-flex;justify-content:center;color:#ddd2ff;font-size:18px}
body.cm-web-panel .nav-item:hover{background:rgba(255,255,255,.05);border-color:rgba(103,112,155,.42)}
body.cm-web-panel .nav-item.active{
  background:linear-gradient(135deg, rgba(126,86,255,.28), rgba(99,57,214,.38));
  border-color:rgba(154,117,255,.58);
  box-shadow:inset 0 0 0 1px rgba(206,182,255,.08),0 10px 30px rgba(103,69,222,.22);
}
body.cm-web-panel .nav-badge{background:rgba(124,96,255,.22);border:1px solid rgba(152,119,255,.38);color:#fff}
body.cm-web-panel .winter-miniapp-links{display:none}
body.cm-web-panel .sidebar-user{
  margin-top:auto;background:linear-gradient(180deg,rgba(14,18,33,.98),rgba(10,13,25,.98));
  border:1px solid rgba(88,95,136,.42);border-radius:20px;padding:14px 12px;
}
body.cm-web-panel .user-avatar{width:38px;height:38px;border:1px solid rgba(167,153,255,.34);box-shadow:0 8px 24px rgba(0,0,0,.28)}
body.cm-web-panel .user-name{font-size:15px;font-weight:700;color:#fff}
body.cm-web-panel .user-role{font-size:11px;color:var(--text-3)}
body.cm-web-panel .user-logout{margin-top:12px;width:100%;background:linear-gradient(135deg,#7e5aff,#5b40df);border:none;color:#fff;border-radius:14px;padding:10px 12px;font-weight:700}

body.cm-web-panel .main{min-width:0;display:flex;flex-direction:column;gap:16px}
body.cm-web-panel .topbar{
  overflow:visible!important;min-height:60px;padding:8px 14px;
  background:linear-gradient(180deg,rgba(12,17,31,.92),rgba(10,14,26,.92));
  border:1px solid rgba(88,95,136,.42);border-radius:22px;
  box-shadow:0 20px 50px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04);
  gap:10px;position:sticky;top:16px;z-index:10;
}
body.cm-web-panel .burger{background:rgba(255,255,255,.04);border:1px solid rgba(88,95,136,.36);border-radius:14px;width:40px;height:40px}
body.cm-web-panel .burger span{background:#fff}
body.cm-web-panel .breadcrumbs{min-width:0;gap:8px;color:var(--text-3)}
body.cm-web-panel .bc-item.current{color:#fff;font-weight:700}
body.cm-web-panel .cc-top-search,
body.cm-web-panel .cm-chat-picker-button,
body.cm-web-panel .topbar-right .icon-btn,
body.cm-web-panel .status-pill,
body.cm-web-panel .admin-help-link,
body.cm-web-panel .cm-back-admin,
body.cm-web-panel .cm-panel-miniapp{
  border:1px solid rgba(88,95,136,.4);
  background:linear-gradient(180deg,rgba(16,22,39,.96),rgba(11,16,30,.96));
  color:#eef0ff;border-radius:15px;
}
body.cm-web-panel .cc-top-search{height:40px;padding:0 14px;font-size:13px;gap:10px;box-shadow:none;min-width:min(480px,34vw)}
body.cm-web-panel .cc-top-search kbd{background:rgba(255,255,255,.06);border-color:rgba(88,95,136,.42);color:#fff}
body.cm-web-panel .cm-chat-picker-button{height:40px;padding:0 12px;min-width:280px;justify-content:flex-start}
body.cm-web-panel .cm-chat-picker-name{max-width:220px}
body.cm-web-panel .cm-chat-picker-panel{
  margin-top:10px;background:linear-gradient(180deg,#111627,#0b1020);border:1px solid rgba(88,95,136,.45);
  border-radius:18px;box-shadow:0 28px 56px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.03)
}
body.cm-web-panel .cm-chat-picker-panel label{color:#d5d9f1}
body.cm-web-panel .cm-chat-picker-panel input,
body.cm-web-panel #chatSearch,
body.cm-web-panel input[type=text],
body.cm-web-panel input[type=number],
body.cm-web-panel input[type=search],
body.cm-web-panel input[type=password],
body.cm-web-panel textarea,
body.cm-web-panel select{
  background:rgba(11,16,29,.96)!important;
  border:1px solid rgba(88,95,136,.44)!important;
  color:#fff!important;border-radius:12px!important;box-shadow:none!important;
}
body.cm-web-panel input::placeholder,
body.cm-web-panel textarea::placeholder{color:rgba(178,186,221,.55)}
body.cm-web-panel .admin-help-link,
body.cm-web-panel .cm-back-admin,
body.cm-web-panel .cm-panel-miniapp{padding:10px 12px;text-decoration:none;font-size:12px;font-weight:700}
body.cm-web-panel .topbar-right{gap:8px}
body.cm-web-panel .topbar-right .icon-btn{width:40px;height:40px}
body.cm-web-panel .status-pill{padding:0 14px;height:40px;gap:8px;background:linear-gradient(180deg,rgba(20,58,37,.96),rgba(11,37,23,.96));border-color:rgba(63,165,107,.42)}
body.cm-web-panel .status-text, body.cm-web-panel #statusText{font-weight:700;color:#d7ffe9}
body.cm-web-panel .status-dot, body.cm-web-panel #statusDot{background:#44ef95;box-shadow:0 0 0 6px rgba(68,239,149,.14), 0 0 12px rgba(68,239,149,.54)}

body.cm-web-panel .content{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}
body.cm-web-panel .tab-pane{gap:16px}
body.cm-web-panel .cc-page-hero,
body.cm-web-panel .cm-panel-screen-head,
body.cm-web-panel .admin-v6-panelintro,
body.cm-web-panel .cc-panel,
body.cm-web-panel .bento-card,
body.cm-web-panel .section,
body.cm-web-panel .cmdk-panel,
body.cm-web-panel .admin-v6-onboarding,
body.cm-web-panel .chat-item,
body.cm-web-panel .no-data,
body.cm-web-panel .dashboard-card,
body.cm-web-panel .section-body,
body.cm-web-panel .cc9-fastmod,
body.cm-web-panel .detail-list,
body.cm-web-panel .admin-card,
body.cm-web-panel .role-block{
  background:linear-gradient(180deg,rgba(17,22,39,.95),rgba(12,16,29,.98)) !important;
  border:1px solid rgba(88,95,136,.42) !important;
  border-radius:20px !important;
  color:#fff;
  box-shadow:0 18px 44px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);
}
body.cm-web-panel .cc-page-hero,
body.cm-web-panel .cm-panel-screen-head{position:relative;overflow:hidden;padding:22px 24px}
body.cm-web-panel .cc-page-hero:before,
body.cm-web-panel .cm-panel-screen-head:before{
  content:"";position:absolute;inset:0;background:
  radial-gradient(500px 180px at 72% 0%, rgba(108,77,255,.22), transparent 65%),
  linear-gradient(180deg, rgba(255,255,255,.02), transparent 30%);
  pointer-events:none;
}
body.cm-web-panel .cc-page-hero h1,
body.cm-web-panel .cm-panel-screen-head h1{font-size:clamp(28px,2.4vw,48px);line-height:1.1;margin:0 0 8px;color:#fff;font-weight:800;letter-spacing:-.04em}
body.cm-web-panel .cc-page-hero p,
body.cm-web-panel .cm-panel-screen-head p{color:var(--text-3);max-width:820px}
body.cm-web-panel .cc-kicker,
body.cm-web-panel .cm-panel-screen-head .cm-panel-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#bba6ff;font-weight:800;margin-bottom:10px}
body.cm-web-panel .cc-hero-mark,
body.cm-web-panel .cm-panel-gem{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,rgba(126,86,255,.18),rgba(71,212,255,.08));border:1px solid rgba(126,86,255,.34);box-shadow:0 14px 30px rgba(74,47,197,.22)}
body.cm-web-panel .cc-hero-mark img,
body.cm-web-panel .cm-panel-gem img{width:30px;filter:drop-shadow(0 10px 16px rgba(126,86,255,.45))}
body.cm-web-panel .cc-hero-crystal img{opacity:.92;filter:drop-shadow(0 14px 28px rgba(131,88,255,.32))}

body.cm-web-panel h1,
body.cm-web-panel h2,
body.cm-web-panel h3,
body.cm-web-panel .card-title-lg,
body.cm-web-panel .card-title-md{color:#fff}
body.cm-web-panel p,
body.cm-web-panel .card-desc,
body.cm-web-panel .cc-panel-heading p,
body.cm-web-panel .hint,
body.cm-web-panel .detail-k,
body.cm-web-panel .chat-meta,
body.cm-web-panel .card-eyebrow,
body.cm-web-panel .cm-chat-picker-count{color:var(--text-3)!important}
body.cm-web-panel .card-eyebrow .dot{background:#7f63ff}
body.cm-web-panel .cc-link{color:#cbbcff}
body.cm-web-panel .cc-link:hover{color:#fff}
body.cm-web-panel .cc-stats-row,
body.cm-web-panel .cc-dashboard-grid{gap:16px}
body.cm-web-panel .cc-stat{padding:18px}
body.cm-web-panel .cc-stat-icon{
  width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.04);
  border:1px solid rgba(92,101,150,.35);box-shadow:none
}
body.cm-web-panel .cc-stat-value,.cc-stat-note strong,body.cm-web-panel .metric-value{color:#fff}
body.cm-web-panel .cc-stat-label{color:#dadcf7}
body.cm-web-panel .cc-stat-note{color:var(--green)!important}
body.cm-web-panel .cc-action-grid{gap:10px}
body.cm-web-panel .cc-action,
body.cm-web-panel .btn,
body.cm-web-panel button,
body.cm-web-panel .cc-full-button{
  font-family:inherit;
}
body.cm-web-panel .btn,
body.cm-web-panel .cc-action,
body.cm-web-panel .cc-full-button,
body.cm-web-panel .cc9-btn.primary,
body.cm-web-panel button.btn-primary,
body.cm-web-panel .user-logout,
body.cm-web-panel .admin-v6-cards button,
body.cm-web-panel .cm-panel-find button[data-panel-find-submit],
body.cm-web-panel .cm-panel-find button[data-panel-scan-start]{
  background:linear-gradient(135deg,#7a5cff,#5b45d8) !important;
  color:#fff;border:1px solid rgba(152,119,255,.54)!important;
  box-shadow:0 14px 32px rgba(92,67,220,.22);
}
body.cm-web-panel .btn.btn-success{background:linear-gradient(135deg,#2ba665,#2fc384)!important;border-color:rgba(81,204,140,.4)!important}
body.cm-web-panel .btn.btn-danger{background:linear-gradient(135deg,#b04c73,#8b3155)!important;border-color:rgba(227,104,144,.36)!important}
body.cm-web-panel .btn.btn-ghost,
body.cm-web-panel .cc-panel button:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.cc-full-button):not(.cc-action):not(.cc9-btn):not(.chat-pin):not(.chat-item):not(.nav-item):not(.user-logout):not([data-panel-find-submit]):not([data-panel-scan-start]):not([data-panel-scan-stop]){
  background:rgba(255,255,255,.04);border:1px solid rgba(88,95,136,.36);color:#f0f2ff;border-radius:12px;
}
body.cm-web-panel .chat-item{padding:12px 14px;cursor:pointer}
body.cm-web-panel .chat-item:hover{background:linear-gradient(180deg,rgba(24,28,50,.96),rgba(16,21,38,.96))!important}
body.cm-web-panel .chat-item.selected{border-color:rgba(155,118,255,.62)!important;box-shadow:0 0 0 1px rgba(155,118,255,.18),0 16px 34px rgba(90,63,214,.12)}
body.cm-web-panel .chat-avatar{background:linear-gradient(135deg,rgba(124,96,255,.36),rgba(64,138,255,.28));color:#fff;border:1px solid rgba(144,118,255,.34)}
body.cm-web-panel .chat-type,body.cm-web-panel .tag{background:rgba(255,255,255,.05);border:1px solid rgba(88,95,136,.36);color:#dddfff}
body.cm-web-panel .tag--gold{background:rgba(255,196,92,.12)!important;color:#ffd57c!important;border-color:rgba(255,196,92,.28)!important}
body.cm-web-panel .copy{background:rgba(255,255,255,.04);border:1px solid rgba(88,95,136,.34);border-radius:999px;padding:2px 8px;color:#d7dbf9}

body.cm-web-panel .toggle-row{background:rgba(255,255,255,.02);border:1px solid rgba(88,95,136,.28);border-radius:14px;padding:12px 14px}
body.cm-web-panel .toggle-row + .toggle-row{margin-top:8px}
body.cm-web-panel .toggle-row .label{color:#edf0ff}
body.cm-web-panel .switch{position:relative;display:inline-flex;align-items:center}
body.cm-web-panel .switch input{position:absolute;opacity:0;inset:0}
body.cm-web-panel .switch .slider{display:inline-block;width:46px;height:26px;border-radius:999px;background:#232943;border:1px solid rgba(95,103,147,.48);box-shadow:inset 0 2px 4px rgba(0,0,0,.26);position:relative;transition:all .2s}
body.cm-web-panel .switch .slider:before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:all .2s}
body.cm-web-panel .switch input:checked + .slider{background:linear-gradient(135deg,#7e5aff,#b96eff);border-color:rgba(178,152,255,.62)}
body.cm-web-panel .switch input:checked + .slider:before{transform:translateX(20px)}
body.cm-web-panel .section-header{background:rgba(255,255,255,.025)!important;border-radius:18px 18px 0 0}
body.cm-web-panel .section.open .section-header{border-bottom:1px solid rgba(88,95,136,.32)}
body.cm-web-panel .section-title,.body.cm-web-panel .section-header{color:#fff}
body.cm-web-panel .section-arrow{color:#cdb8ff}
body.cm-web-panel .form-group label{color:#e6e9ff}
body.cm-web-panel .detail-row{border-color:rgba(88,95,136,.28)}
body.cm-web-panel .detail-v,.body.cm-web-panel .mono{color:#fff}
body.cm-web-panel .cc-chat-chart,.body.cm-web-panel .hub-chart{background:rgba(113,90,255,.06);border:1px solid rgba(115,104,180,.22);border-radius:16px}
body.cm-web-panel .cc-empty-chart{color:var(--text-3)}
body.cm-web-panel .no-data .icon{font-size:28px}
body.cm-web-panel .no-data .title{color:#fff}

/* injected web-panel screen headers */
body.cm-web-panel .cm-panel-screen-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
body.cm-web-panel .cm-panel-screen-head .cm-panel-head-text{min-width:0}
body.cm-web-panel .cm-panel-screen-head .cm-panel-crystal{flex-shrink:0;opacity:.92}
body.cm-web-panel .cm-panel-screen-head .cm-panel-crystal img{width:min(240px,24vw);height:auto;filter:drop-shadow(0 18px 28px rgba(114,83,255,.28))}

/* v14 chat recovery widgets */
.cm-panel-find{margin:18px 0 0;padding:18px;border-radius:16px;border:1px solid #484564;background:linear-gradient(130deg,#181d32,#111827);color:#eef0ff;min-width:0}
.cm-panel-find strong{display:block;font-size:14px;font-weight:800;color:#f1ebff;margin:0 0 5px}
.cm-panel-find p{margin:0 0 12px;color:#abb6d0;font-size:12px;line-height:1.6}
.cm-panel-find-form{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 10px}
.cm-panel-find-form input{flex:1 1 165px;min-width:0;padding:11px 12px;border-radius:10px;background:#0c1322;border:1px solid #4c536d;color:#fff;font:inherit;font-size:12px}
.cm-panel-find-form input:focus-visible{outline:2px solid #a88bff;outline-offset:2px}
.cm-panel-find button{font:inherit;font-size:12px;font-weight:750;cursor:pointer;border:1px solid #7566ba;border-radius:10px;padding:10px 13px;color:white;background:linear-gradient(135deg,#6e55cb,#513db1)}
.cm-panel-find button:disabled{opacity:.5;cursor:wait}
.cm-panel-find button[data-panel-scan-start]{background:#242740}.cm-panel-find button[data-panel-scan-stop]{background:#573344;border-color:#98647c}
.cm-panel-scan-actions{display:flex;flex-wrap:wrap;gap:9px}
.cm-panel-find p.cm-panel-find-status{margin:10px 0 0;color:#b3badd;overflow-wrap:anywhere}
.cm-panel-find p.cm-panel-find-status[data-tone=error]{color:#ffa8b2}
.cm-panel-find p.cm-panel-find-status[data-tone=success]{color:#a4edc9}
.cm-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.cm-chat-picker-panel .cm-panel-find{margin:10px 0 0;padding:12px;border-radius:12px}
.cm-chat-picker-panel .cm-panel-find-form{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.cm-chat-picker-panel .cm-panel-find-form input{width:100%}
.cm-chat-picker-panel .cm-panel-find button{width:100%}

@media (max-width: 1180px){
  body.cm-web-panel .layout{padding:12px;gap:12px}
  body.cm-web-panel .topbar{top:12px}
  body.cm-web-panel .sidebar{top:12px;height:calc(100vh - 24px)}
  body.cm-web-panel .cc-top-search{display:none}
}
@media (max-width: 980px){
  body.cm-web-panel .layout{display:block;padding:10px}
  body.cm-web-panel .sidebar{position:fixed;top:10px;left:10px;z-index:50;transform:translateX(-112%);transition:transform .24s ease;height:calc(100vh - 20px);max-width:280px;width:min(84vw,280px)}
  body.cm-web-panel .sidebar.open{transform:translateX(0)}
  body.cm-web-panel .main{display:block}
  body.cm-web-panel .topbar{top:10px;margin-bottom:12px}
  body.cm-web-panel .breadcrumbs{display:none}
}
@media (max-width: 640px){
  body.cm-web-panel .topbar{padding:8px 10px;gap:8px}
  body.cm-web-panel .cm-chat-picker{min-width:0;max-width:54vw}
  body.cm-web-panel .cm-chat-picker-button{min-width:0;width:100%;font-size:11px;padding:0 10px}
  body.cm-web-panel .status-pill{display:none}
  body.cm-web-panel .cm-panel-screen-head,
  body.cm-web-panel .cc-page-hero{padding:18px}
  body.cm-web-panel .cm-panel-screen-head{display:block}
  body.cm-web-panel .cm-panel-screen-head .cm-panel-crystal{display:none}
  .cm-panel-find{padding:14px}.cm-panel-find-form{display:grid;grid-template-columns:minmax(0,1fr)}.cm-panel-find-form input{width:100%}.cm-panel-find-form button{width:100%}
}
@media(prefers-reduced-motion:reduce){.cm-login-button{transition:none}}