/* panel.css */

/* ============================================================
   PANEL — структура
   ============================================================ */
.panel-col{
  grid-area:panel;
  display:flex;flex-direction:column;
  background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 24px rgba(0,0,0,.25);
  overflow:hidden;min-height:0;
}
.panel-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.25);flex-shrink:0}
.panel-tab{
  flex:1;padding:11px 6px;background:transparent;border:none;
  color:var(--text-muted);font-family:inherit;font-size:10.5px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;cursor:pointer;
  transition:.15s;position:relative;
  display:flex;align-items:center;justify-content:center;gap:4px;
  border-bottom:2px solid transparent;white-space:nowrap;
}
.panel-tab:hover{color:var(--text-main);background:rgba(255,255,255,.03)}
.panel-tab.active{color:var(--neon);border-bottom-color:var(--neon);background:rgba(var(--neon-rgb),.06)}
.tab-count{background:rgba(var(--neon-rgb),.15);color:var(--neon);font-size:9px;padding:0 5px;border-radius:var(--radius-pill);min-width:16px;text-align:center;font-family:var(--font-mono)}
.tab-dot{width:6px;height:6px;border-radius:50%;background:var(--neon);box-shadow:0 0 6px var(--neon)}

.panel-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.tab-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}

/* MOBILE HEAD + MOBILE TABS (скрыты на десктопе) */
.panel-mobile-head{display:none}
.mobile-panel-tabs{display:none}