/* TakeChat v5.7.0 — painel profissional, moderno e responsivo */
:root{
  color-scheme:dark;
  --pro-bg:#071018;
  --pro-bg-soft:#0a151e;
  --pro-sidebar:#08131c;
  --pro-surface:#0e1a24;
  --pro-surface-2:#13222e;
  --pro-surface-3:#182a37;
  --pro-border:rgba(153,181,196,.14);
  --pro-border-strong:rgba(153,181,196,.23);
  --pro-text:#f2f7f9;
  --pro-muted:#8fa5b1;
  --pro-accent:#2adea6;
  --pro-accent-strong:#18bd8b;
  --pro-blue:#38bdf8;
  --pro-yellow:#f6c453;
  --pro-red:#ff7184;
  --pro-purple:#9a83ff;
  --pro-shadow-sm:0 8px 22px rgba(0,0,0,.14);
  --pro-shadow:0 20px 50px rgba(0,0,0,.2);
  --pro-radius:16px;
  --pro-radius-sm:11px;
  --v5-bg:var(--pro-bg);
  --v5-sidebar:var(--pro-sidebar);
  --v5-surface:var(--pro-surface);
  --v5-surface-2:var(--pro-surface-2);
  --v5-surface-3:var(--pro-surface-3);
  --v5-border:var(--pro-border-strong);
  --v5-border-soft:var(--pro-border);
  --v5-text:var(--pro-text);
  --v5-muted:var(--pro-muted);
  --v5-green:var(--pro-accent);
  --v5-green-2:var(--pro-accent-strong);
  --v5-cyan:var(--pro-blue);
  --v5-yellow:var(--pro-yellow);
  --v5-red:var(--pro-red);
  --v5-purple:var(--pro-purple);
  --v5-shadow:var(--pro-shadow-sm);
  --v5-radius:var(--pro-radius);
  --v5-sidebar-width:252px;
  --bg:var(--pro-bg);
  --panel:var(--pro-surface);
  --card:var(--pro-surface);
  --card2:var(--pro-surface-2);
  --panel-2:var(--pro-surface-2);
  --line:var(--pro-border);
  --line-strong:var(--pro-border-strong);
  --text:var(--pro-text);
  --muted:var(--pro-muted);
  --accent:var(--pro-accent);
  --accent2:var(--pro-accent-strong);
  --danger:var(--pro-red);
  --warn:var(--pro-yellow);
  --blue:var(--pro-blue);
}

html[data-theme="light"]{
  color-scheme:light;
  --pro-bg:#f2f5f7;
  --pro-bg-soft:#eaf0f3;
  --pro-sidebar:#ffffff;
  --pro-surface:#ffffff;
  --pro-surface-2:#f7f9fa;
  --pro-surface-3:#edf2f4;
  --pro-border:rgba(34,62,75,.10);
  --pro-border-strong:rgba(34,62,75,.18);
  --pro-text:#172832;
  --pro-muted:#647a86;
  --pro-accent:#079b72;
  --pro-accent-strong:#087c60;
  --pro-blue:#1677ad;
  --pro-yellow:#a06c00;
  --pro-red:#c83d52;
  --pro-purple:#6651c7;
  --pro-shadow-sm:0 8px 24px rgba(24,54,68,.06);
  --pro-shadow:0 20px 50px rgba(24,54,68,.10);
  --v5-bg:var(--pro-bg);
  --v5-sidebar:var(--pro-sidebar);
  --v5-surface:var(--pro-surface);
  --v5-surface-2:var(--pro-surface-2);
  --v5-surface-3:var(--pro-surface-3);
  --v5-border:var(--pro-border-strong);
  --v5-border-soft:var(--pro-border);
  --v5-text:var(--pro-text);
  --v5-muted:var(--pro-muted);
  --v5-green:var(--pro-accent);
  --v5-green-2:var(--pro-accent-strong);
  --v5-shadow:var(--pro-shadow-sm);
  --bg:var(--pro-bg);
  --panel:var(--pro-surface);
  --card:var(--pro-surface);
  --card2:var(--pro-surface-2);
  --panel-2:var(--pro-surface-2);
  --line:var(--pro-border);
  --line-strong:var(--pro-border-strong);
  --text:var(--pro-text);
  --muted:var(--pro-muted);
  --accent:var(--pro-accent);
  --accent2:var(--pro-accent-strong);
  --danger:var(--pro-red);
  --warn:var(--pro-yellow);
  --blue:var(--pro-blue);
}

html{scrollbar-color:var(--pro-border-strong) transparent;scroll-behavior:smooth}
body.app-body{
  background:
    radial-gradient(circle at 84% -18%,rgba(42,222,166,.09),transparent 31%),
    radial-gradient(circle at 42% 115%,rgba(56,189,248,.04),transparent 34%),
    var(--pro-bg);
  letter-spacing:-.006em;
}
body.app-body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.23;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 62%);
}

/* Navegação lateral */
.shell{grid-template-columns:var(--v5-sidebar-width) minmax(0,1fr)}
.sidebar{
  padding:15px 12px 14px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--pro-sidebar) 98%,var(--pro-accent) 2%),var(--pro-sidebar));
  border-right:1px solid var(--pro-border);
  box-shadow:8px 0 32px rgba(0,0,0,.06);
}
.sidebar-head{min-height:52px;margin-bottom:14px;gap:9px}
.brand{
  min-height:46px;
  padding:5px 9px;
  border:1px solid var(--pro-border);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,247,249,.94));
  box-shadow:0 7px 20px rgba(0,0,0,.08);
}
.brand-logo{width:154px}
.sidebar-collapse{
  width:38px;
  height:38px;
  border-radius:11px;
  background:var(--pro-surface);
  border-color:var(--pro-border);
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.sidebar-collapse:hover{transform:translateY(-1px);border-color:rgba(42,222,166,.4);background:var(--pro-surface-2)}
.nav-section-label{margin:16px 11px 7px;color:color-mix(in srgb,var(--pro-muted) 75%,transparent);font-size:9px;letter-spacing:.16em}
.navitem{
  min-height:42px;
  margin:2px 0;
  padding:9px 10px;
  gap:10px;
  border:1px solid transparent;
  border-radius:10px;
  color:color-mix(in srgb,var(--pro-text) 63%,var(--pro-muted));
  font-size:11px;
  font-weight:550;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}
.navitem .ico{width:22px;min-width:22px;height:22px;color:var(--pro-muted)}
.navitem .ico svg{width:18px;height:18px;stroke-width:1.75}
.navitem:hover{transform:translateX(2px);background:rgba(42,222,166,.055);border-color:rgba(42,222,166,.09);color:var(--pro-text)}
.navitem.active{
  background:linear-gradient(100deg,rgba(42,222,166,.17),rgba(42,222,166,.055));
  border-color:rgba(42,222,166,.12);
  color:#70ecc4;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.navitem.active:before{left:-1px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:var(--pro-accent)}
.navitem.active .ico{color:var(--pro-accent)}
.nav-count{background:var(--pro-surface-3);color:var(--pro-muted);border:1px solid var(--pro-border)}
.sidebar-foot{padding-top:10px;border-top:1px solid var(--pro-border)}
.sidebar-foot .who{padding:9px 8px;margin-bottom:7px;border:1px solid transparent;border-radius:11px;background:transparent}
.sidebar-foot .who:hover{border-color:var(--pro-border);background:var(--pro-surface)}
.who-avatar,.top-user-avatar{background:linear-gradient(135deg,var(--pro-accent),var(--pro-blue));box-shadow:0 6px 18px rgba(42,222,166,.16)}
.who-copy strong{font-size:10px}.who-copy small{font-size:8px}
.shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}
.shell.sidebar-collapsed .sidebar{padding-inline:9px}
.shell.sidebar-collapsed .navitem:hover{transform:none}
.shell.sidebar-collapsed .navitem[data-pro-tip]:hover:after{
  content:attr(data-pro-tip);
  position:fixed;
  left:72px;
  z-index:100;
  padding:7px 10px;
  border:1px solid var(--pro-border);
  border-radius:8px;
  background:var(--pro-surface-3);
  color:var(--pro-text);
  box-shadow:var(--pro-shadow-sm);
  font-size:10px;
  white-space:nowrap;
}

/* Cabeçalho e título das páginas */
.main{padding:0 clamp(18px,2.5vw,38px) 54px}
.top{
  height:72px;
  margin:0 calc(clamp(18px,2.5vw,38px)*-1);
  padding:0 clamp(18px,2.5vw,38px);
  background:color-mix(in srgb,var(--pro-bg) 84%,transparent);
  border-bottom:1px solid transparent;
  backdrop-filter:blur(18px) saturate(135%);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.top.pro-scrolled{border-color:var(--pro-border);box-shadow:0 8px 30px rgba(0,0,0,.08);background:color-mix(in srgb,var(--pro-bg) 94%,transparent)}
.top-search{width:min(540px,48vw)}
.top-search input{
  height:40px;
  min-height:40px;
  padding-left:41px;
  background:color-mix(in srgb,var(--pro-surface) 92%,transparent);
  border-color:var(--pro-border);
  border-radius:11px;
  color:var(--pro-text);
  font-size:10px;
}
.top-search input:focus{background:var(--pro-surface);border-color:rgba(42,222,166,.45);box-shadow:0 0 0 4px rgba(42,222,166,.07)}
.top-search kbd{border-color:var(--pro-border);background:var(--pro-surface-2);color:var(--pro-muted)}
.notification-bell,.theme-toggle{
  width:38px;
  height:38px;
  min-height:38px;
  border-radius:11px;
  border-color:var(--pro-border);
  background:var(--pro-surface);
  transition:transform .16s ease,border-color .16s ease,color .16s ease;
}
.notification-bell:hover,.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(42,222,166,.38);color:var(--pro-accent)}
.top-user{min-height:42px;padding:4px 7px 4px 5px;border:1px solid transparent;border-radius:12px;transition:.16s}
.top-user:hover{background:var(--pro-surface);border-color:var(--pro-border)}
.top-user-avatar{width:34px;height:34px;border-radius:10px}
.top-user b{font-size:10px}.top-user small{font-size:8px}
.page-heading{padding:26px 0 22px;align-items:center}
.page-eyebrow{margin-bottom:6px;color:var(--pro-accent);font-size:9px;letter-spacing:.16em}
.page-heading h1{font-size:clamp(23px,2.2vw,31px);font-weight:700;letter-spacing:-.035em;line-height:1.15}
.page-heading p{max-width:720px;margin-top:7px;color:var(--pro-muted);font-size:10px;line-height:1.6}
.live-status{padding:8px 11px;border-radius:10px;border-color:rgba(42,222,166,.18);background:rgba(42,222,166,.065);font-size:8px}

/* Componentes globais */
.card,.table-wrap,.overview-panel,.overview-metric,.kanban-column,.crm-workspace,.support-console{
  border-color:var(--pro-border);
  box-shadow:var(--pro-shadow-sm);
}
.card{
  padding:18px;
  border-radius:var(--pro-radius);
  background:linear-gradient(145deg,var(--pro-surface),color-mix(in srgb,var(--pro-surface-2) 68%,var(--pro-surface)));
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.card:hover{border-color:var(--pro-border-strong);box-shadow:var(--pro-shadow-sm)}
.section{margin-top:18px}.section-head{margin-bottom:13px;align-items:center}.section-head h2{font-size:15px;letter-spacing:-.02em}.section-head p{margin:4px 0 0;color:var(--pro-muted);font-size:10px}
.metric small{color:var(--pro-muted);font-size:10px}.metric strong{margin-top:8px;font-size:27px;letter-spacing:-.04em}.metric .sub{font-size:9px}
.btn{
  min-height:38px;
  padding:8px 13px;
  border-radius:10px;
  border:1px solid transparent;
  font-size:10px;
  font-weight:650;
  box-shadow:none;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,var(--pro-accent),var(--pro-accent-strong));color:#03271b;box-shadow:0 8px 22px rgba(42,222,166,.14)}
.btn.secondary{background:var(--pro-surface-2);border-color:var(--pro-border);color:var(--pro-text)}
.btn.secondary:hover{border-color:var(--pro-border-strong);background:var(--pro-surface-3)}
.btn.danger{background:rgba(255,113,132,.10);border-color:rgba(255,113,132,.16);color:#ff8fa0}
.btn.warn{background:rgba(246,196,83,.10);border-color:rgba(246,196,83,.16);color:#f5cb70}
.btn.blue{background:rgba(56,189,248,.10);border-color:rgba(56,189,248,.16);color:#71d1fa}
.btn.sm{min-height:32px;padding:6px 10px;font-size:9px}
.btn.is-loading{pointer-events:none;opacity:.72}
.btn.is-loading:before{content:"";width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:pro-spin .65s linear infinite}
@keyframes pro-spin{to{transform:rotate(360deg)}}
input,select,textarea{
  min-height:42px;
  padding:10px 12px;
  border-radius:10px;
  border-color:var(--pro-border-strong);
  background:var(--pro-surface-2);
  color:var(--pro-text);
  font-size:11px;
}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--pro-muted) 70%,transparent)}
input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--pro-border-strong) 80%,var(--pro-muted))}
input:focus,select:focus,textarea:focus{border-color:rgba(42,222,166,.55);background:var(--pro-surface);box-shadow:0 0 0 4px rgba(42,222,166,.075)}
label{gap:6px;color:color-mix(in srgb,var(--pro-text) 80%,var(--pro-muted));font-size:10px;font-weight:500}
.stack{gap:13px}.form-grid{gap:12px}
.table-wrap{border-radius:var(--pro-radius);background:var(--pro-surface);overflow:auto}
table{font-size:11px}th,td{padding:12px 14px;border-bottom-color:var(--pro-border)}
th{background:color-mix(in srgb,var(--pro-surface-2) 82%,var(--pro-surface));color:var(--pro-muted);font-size:9px;letter-spacing:.07em}
tbody tr{transition:background .14s ease}tbody tr:hover{background:rgba(42,222,166,.025)}
.badge{padding:5px 8px;border:1px solid transparent;border-radius:8px;font-size:8px;font-weight:650}
.badge.ok{border-color:rgba(42,222,166,.11)}.badge.warn{border-color:rgba(246,196,83,.12)}.badge.danger{border-color:rgba(255,113,132,.12)}
.flash{border-radius:11px;font-size:10px;box-shadow:var(--pro-shadow-sm)}
.empty{min-height:150px;border:1px dashed var(--pro-border);border-radius:12px;background:color-mix(in srgb,var(--pro-surface-2) 62%,transparent)}
.info-row{border-bottom-color:var(--pro-border);font-size:10px}
.progress{height:7px;background:var(--pro-surface-3)}
.actions{gap:7px}

/* Dashboard */
.overview-dashboard{gap:16px}
.overview-metrics{gap:13px}
.overview-metric{
  min-height:116px;
  padding:17px;
  border-radius:var(--pro-radius);
  background:linear-gradient(145deg,var(--pro-surface),var(--pro-surface-2));
  box-shadow:var(--pro-shadow-sm);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.overview-metric:hover{transform:translateY(-2px);border-color:var(--pro-border-strong);box-shadow:var(--pro-shadow)}
.overview-metric:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--metric-color,var(--pro-accent));opacity:.7}
.metric-label{font-size:9px}.metric-label i{width:30px;height:30px;border-radius:9px}
.overview-metric strong{margin:12px 0 3px;font-size:28px;letter-spacing:-.045em}
.overview-panel{padding:17px;border-radius:var(--pro-radius);background:var(--pro-surface)}
.overview-panel-head h2{font-size:13px}.overview-panel-head small{font-size:8px}
.overview-chart{border-bottom-color:var(--pro-border)}
.overview-list-row,.team-presence,.activity-item{border-bottom-color:var(--pro-border)}

/* Atendimento */
.support-summary{gap:10px;margin-bottom:12px}
.support-summary-item{padding:10px 12px;border-radius:11px;background:var(--pro-surface);border-color:var(--pro-border);box-shadow:0 6px 18px rgba(0,0,0,.05)}
.support-summary-item b{font-size:12px}.support-summary-item small{font-size:8px}
.support-console{
  grid-template-columns:252px minmax(420px,1fr) 310px;
  height:calc(100vh - 218px);
  min-height:590px;
  border-radius:16px;
  background:var(--pro-surface);
  overflow:hidden;
}
.support-queue,.support-thread,.support-context{background:var(--pro-surface)}
.support-queue,.support-thread,.support-thread .chat-thread-head,.support-context-head,.support-thread .quick-row{border-color:var(--pro-border)}
.support-queue-head{padding:15px 13px 13px}
.support-queue-title b{font-size:12px}.support-queue-title small{font-size:8px}
.support-queue-search input{background:var(--pro-surface-2);border-color:var(--pro-border)}
.support-queue-scroll{padding:8px}
.support-group>summary{padding:9px 6px;font-size:8px;letter-spacing:.1em}
.support-group .kanban-ticket{padding:11px 10px;margin-bottom:6px;border-radius:10px}
.support-group .kanban-ticket:hover,.support-group .kanban-ticket.active{background:var(--pro-surface-2);border-color:var(--pro-border)}
.support-group .kanban-ticket.active{box-shadow:inset 3px 0 var(--pro-accent)}
.support-thread .chat-thread-head{min-height:67px;padding:12px 16px}
.contact-heading-avatar{border-radius:11px;background:linear-gradient(135deg,#176b59,#167ba3);box-shadow:0 8px 20px rgba(17,120,105,.17)}
.contact-heading-copy b{font-size:11px}.contact-heading-copy small{font-size:8px}
.support-thread .chat-messages{padding:18px 20px;background:radial-gradient(circle at 50% -10%,rgba(42,222,166,.045),transparent 30%),var(--pro-bg-soft)}
.support-thread .chat-bubble{padding:10px 12px;border-radius:13px;font-size:10px;line-height:1.6;box-shadow:0 7px 20px rgba(0,0,0,.08)}
.support-thread .chat-bubble.visitor{background:var(--pro-surface-2);border-color:var(--pro-border)}
.support-thread .chat-bubble.agent{background:linear-gradient(145deg,#0d4d3c,#0e4236);border-color:rgba(42,222,166,.22)}
.support-thread .quick-row{padding:8px 14px 0}
.support-thread .quick-chip{border-color:var(--pro-border);background:var(--pro-surface-2)}
.support-thread .chat-compose{padding:10px 14px;background:var(--pro-surface)}
.support-thread .chat-compose textarea{height:44px;min-height:44px;background:var(--pro-surface-2)}
.support-thread .chat-upload-row{padding:0 14px 10px}
.support-context{padding:0 14px 18px}
.support-context-head{padding:16px 2px 12px;background:color-mix(in srgb,var(--pro-surface) 93%,transparent)}
.support-context details{border-bottom-color:var(--pro-border)}
.support-context details summary{padding:11px 2px;font-size:9px}
.conversation-finished{border:1px solid rgba(42,222,166,.13);background:rgba(42,222,166,.055)}

/* CRM, kanban, instâncias e financeiro */
.crm-toolbar{padding:7px;border-radius:12px;border-color:var(--pro-border);background:var(--pro-surface)}
.crm-toolbar a{min-height:35px;border-radius:9px;font-size:10px}
.crm-toolbar a.active{background:rgba(42,222,166,.09);box-shadow:inset 0 0 0 1px rgba(42,222,166,.15)}
.kanban-column{border-radius:14px;background:var(--pro-surface);box-shadow:var(--pro-shadow-sm)}
.kanban-column>header{padding:12px;border-bottom-color:var(--pro-border);background:var(--pro-surface-2)}
.kanban-column>header span{font-size:11px}.kanban-column>header b{border-radius:8px}
.kanban-cards{gap:8px;padding:9px}
.kanban-ticket{padding:11px;border-radius:11px;border-color:var(--pro-border);background:var(--pro-surface);box-shadow:0 5px 16px rgba(0,0,0,.04)}
.kanban-ticket:hover,.kanban-ticket.active{border-color:rgba(42,222,166,.3);box-shadow:0 10px 24px rgba(0,0,0,.10)}
.crm-workspace{border-radius:15px;background:var(--pro-surface)}
.crm-details{padding:14px}.crm-details details{border-color:var(--pro-border)}
.crm-task,.crm-task-card{border-color:var(--pro-border);border-radius:11px;background:var(--pro-surface-2)}
.instance-card{min-height:92px}
.instance-card h3{font-size:13px}.instance-card p{font-size:10px;line-height:1.55}
.qr{border:1px solid var(--pro-border);box-shadow:var(--pro-shadow)}
.coupon-box,.coupon-summary{border-radius:13px}

/* Login e cadastro */
body.pro-auth{
  position:relative;
  min-height:100vh;
  background:
    radial-gradient(circle at 15% 15%,rgba(42,222,166,.14),transparent 28%),
    radial-gradient(circle at 90% 88%,rgba(56,189,248,.09),transparent 30%),
    var(--pro-bg);
}
body.pro-auth:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,black,transparent 76%)}
.pro-auth .login-card{position:relative;border:1px solid var(--pro-border);border-radius:20px;background:color-mix(in srgb,var(--pro-surface) 94%,transparent);box-shadow:0 30px 90px rgba(0,0,0,.32);backdrop-filter:blur(20px)}
.pro-auth:not(.signup-body) .login-card{padding:32px}
.pro-auth .login-logo{justify-content:center;margin-inline:auto;border-radius:13px;border-color:rgba(153,181,196,.24);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.pro-auth .login-brand-logo{width:190px}
.pro-auth .login-card h1{text-align:center;font-size:24px;letter-spacing:-.04em}
.pro-auth .login-card>p{text-align:center;font-size:11px}
.pro-auth .login-foot{font-size:9px}
.pro-auth .auth-theme-toggle{right:20px;top:20px;width:auto;padding-inline:11px}
.signup-body.pro-auth{background:radial-gradient(circle at 10% 10%,rgba(42,222,166,.12),transparent 30%),var(--pro-bg)}
.pro-auth .signup-copy h1{font-size:clamp(34px,4vw,48px);letter-spacing:-.055em}
.pro-auth .signup-copy>p{font-size:14px}
.pro-auth .signup-points span{border-color:var(--pro-border);background:var(--pro-surface);box-shadow:var(--pro-shadow-sm)}

/* Feedback de navegação */
body.app-navigating:after{
  content:"";
  position:fixed;
  z-index:9999;
  left:0;
  top:0;
  width:36%;
  height:3px;
  border-radius:0 3px 3px 0;
  background:linear-gradient(90deg,var(--pro-accent),var(--pro-blue));
  box-shadow:0 0 18px rgba(42,222,166,.5);
  animation:pro-route 1.1s ease-in-out infinite;
}
@keyframes pro-route{0%{transform:translateX(-105%);width:28%}55%{width:48%}100%{transform:translateX(370%);width:28%}}

html[data-theme="light"] body.app-body:before{opacity:.16}
html[data-theme="light"] .sidebar{box-shadow:8px 0 30px rgba(24,54,68,.04)}
html[data-theme="light"] .navitem.active{color:#087c60;background:linear-gradient(100deg,rgba(7,155,114,.13),rgba(7,155,114,.045));border-color:rgba(7,155,114,.11)}
html[data-theme="light"] .support-thread .chat-bubble.agent{background:#dff6ed;border-color:#b8e7d7;color:#173e33}
html[data-theme="light"] .support-thread .chat-messages{background:radial-gradient(circle at 50% -10%,rgba(7,155,114,.055),transparent 30%),#f3f6f7}
html[data-theme="light"] body.pro-auth{background:radial-gradient(circle at 15% 15%,rgba(7,155,114,.12),transparent 28%),radial-gradient(circle at 90% 88%,rgba(22,119,173,.08),transparent 30%),#eef3f5}
html[data-theme="light"] .pro-auth .login-card{box-shadow:0 30px 80px rgba(24,54,68,.14)}

@media(max-width:1280px){
  :root{--v5-sidebar-width:236px}
  .support-console{grid-template-columns:230px minmax(360px,1fr) 278px}
}
@media(max-width:1050px){
  .support-console{grid-template-columns:225px minmax(0,1fr)}
}
@media(max-width:780px){
  body.app-body{padding-top:62px}
  body.app-body:before{display:none}
  .app-mobile-bar{height:62px;padding:9px 13px;background:color-mix(in srgb,var(--pro-bg) 94%,transparent);border-bottom-color:var(--pro-border);backdrop-filter:blur(18px)}
  .app-mobile-brand img{width:35px;height:35px}
  .sidebar{width:min(304px,88vw);padding:13px 11px;background:var(--pro-sidebar)}
  .sidebar-head{margin-bottom:12px}
  .sidebar-backdrop{background:rgba(2,8,12,.67);backdrop-filter:blur(2px)}
  .navitem{min-height:43px;font-size:11px}
  .main{padding:0 12px 38px}
  .top{display:none}
  .page-heading{padding:18px 2px 15px}
  .page-heading h1{font-size:22px}
  .page-heading p{display:none}
  .card{padding:15px;border-radius:13px}
  .section-head{align-items:flex-start}
  .support-console{height:calc(100dvh - 228px);min-height:520px;border-radius:13px}
  .support-thread{inset:62px 0 0}
  .support-thread .chat-messages{padding:15px 13px}
  .support-thread .chat-bubble{max-width:86%;font-size:10px}
  .support-context{top:62px}
  .table-wrap{border-radius:12px}
  .pro-auth .auth-theme-toggle{right:12px;top:12px}
  .pro-auth:not(.signup-body) .login-card{padding:24px 20px}
}
@media(max-width:520px){
  .support-summary{gap:7px}.support-summary-item{padding:9px 10px}
  .support-summary-item b{font-size:11px}
  .overview-metric{min-height:104px}
  .pro-auth .auth-theme-toggle [data-theme-label]{display:none}
  .pro-auth .auth-theme-toggle{width:40px;padding:0}
  .pro-auth .signup-copy h1{font-size:30px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body.app-navigating:after{animation:none;width:100%}
}