/* Playovia Advanced Admin Dashboard — visual layer only.
   Existing admin actions, IDs, auth checks and data loading remain untouched. */
.admin-console{
  display:grid!important;
  grid-template-columns:232px minmax(0,1fr);
  align-items:start;
  column-gap:22px;
  row-gap:14px;
  max-width:1600px!important;
  padding:20px 22px 48px!important;
}
.admin-console .admin-topline,
.admin-console .admin-commandbar{grid-column:1/-1}
.admin-console .admin-topline{padding:8px 0 10px;align-items:center}
.admin-console .admin-kicker{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #3c3561;border-radius:999px;background:#17162b}
.admin-console .admin-heading{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;margin:12px 0 6px}
.admin-console .admin-subtitle{font-size:13px;color:#9ba8c2}
.admin-console .admin-refresh{padding:11px 16px;border-radius:12px;background:#171d30;border-color:#343f5d;transition:.18s}
.admin-console .admin-refresh:hover{transform:translateY(-1px);border-color:#9a70f0;box-shadow:0 8px 24px #0004}
.admin-console .admin-commandbar{padding:13px 17px;border-radius:15px;background:linear-gradient(110deg,#171d31,#111827 65%,#17152b);border-color:#2c3650;margin:0}
.admin-console .admin-command-copy strong{font-size:13px;letter-spacing:.2px}
.admin-console .admin-command-copy span{font-size:10px}
.admin-console .admin-tabs-wrap{
  grid-column:1;grid-row:3 / span 2;align-self:stretch;
  position:sticky;top:14px;
  padding:13px 10px;border-radius:17px;
  background:linear-gradient(180deg,#111827,#0d1422);
  border:1px solid #29344d;box-shadow:0 14px 38px #0002;
}
.admin-console .admin-tabs-label{padding:4px 9px 10px;font-size:9px;letter-spacing:1.6px}
.admin-console .admin-tabs{display:flex;flex-direction:column;gap:5px;overflow:visible;padding:0}
.admin-console .admin-tabs .settings-tab{
  display:flex;align-items:center;justify-content:flex-start;
  width:100%;min-height:42px;padding:10px 12px;
  border:1px solid transparent;border-radius:11px;
  background:transparent;color:#9ca9c1;text-align:left;
  font-size:11px;font-weight:750;transition:background .18s,border-color .18s,color .18s,transform .18s;
}
.admin-console .admin-tabs .settings-tab:hover{background:#1a2337;color:#eef1ff;transform:translateX(2px)}
.admin-console .admin-tabs .settings-tab.active{
  color:#fff;border-color:#59458a;
  background:linear-gradient(105deg,#35264f,#202b47);
  box-shadow:inset 3px 0 #b18aff,0 7px 18px #0002;
}
.admin-console .admin-status{grid-column:2;grid-row:3;margin:0 0 2px!important;padding:11px 14px;border:1px solid #2a3b4d;background:#111e2b}
.admin-console .admin-tab-content{grid-column:2;grid-row:4;min-width:0;animation:adminIn .22s ease both}
.admin-console .admin-section-heading{margin:4px 0 16px;align-items:center}
.admin-console .admin-section-heading h2{font-size:22px;letter-spacing:-.65px;margin:6px 0}
.admin-console .admin-section-heading p{font-size:11px;color:#8f9db7}
.admin-console .admin-section-kicker{font-size:9px;letter-spacing:1.7px}
.admin-console .admin-data-chip{padding:8px 11px;border-radius:9px;font-size:9px}
.admin-console .admin-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.admin-console .admin-metric-grid .panel{
  min-height:116px;padding:17px 16px;border-radius:16px;
  background:linear-gradient(145deg,#171f32,#111827);
  border:1px solid #2b3852;box-shadow:0 10px 28px #0002;
  transition:transform .18s,border-color .18s,box-shadow .18s;
}
.admin-console .admin-metric-grid .panel:hover{transform:translateY(-2px);border-color:#65528e;box-shadow:0 15px 30px #0003}
.admin-console .admin-metric-grid .panel>span{font-size:10px;color:#9aa8c1;letter-spacing:.2px}
.admin-console .admin-metric-grid .panel h2{font-size:29px;letter-spacing:-1px;margin:14px 0 0;color:#f5f4ff}
.admin-console .admin-metric-grid .panel:after{width:105px;height:105px;right:-34px;top:-38px;background:radial-gradient(circle,#a45cff20,transparent 68%)}
.admin-console .admin-content-panel,
.admin-console .ai-admin-panel,
.admin-console .ai-admin-content{
  border-radius:16px;background:linear-gradient(145deg,#151e30,#101725);
  border:1px solid #2b3852;box-shadow:0 12px 32px #0002;
}
.admin-console .admin-content-panel{padding:18px;margin:13px 0}
.admin-console .admin-content-panel h2{font-size:15px;letter-spacing:-.2px}
.admin-console .row{padding:13px 7px;border-color:#28334a}
.admin-console .field{border-radius:11px;background:#0b1220;border-color:#34415c}
.admin-console .login,.admin-console .logout{border-radius:10px}
.admin-console .ai-admin-panel{padding:19px}
.admin-console .ai-admin-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.admin-console .ai-control-picker{padding:12px;border:1px solid #2c3852;border-radius:13px;background:#0d1524}
.admin-console .ai-control-picker select{max-width:100%;background:#101a2b;color:#eef1ff;border:1px solid #3a4663;border-radius:9px;padding:10px}
.admin-console .ai-admin-key-detail,
.admin-console .ai-admin-visual,
.admin-console .ai-admin-key-details-wrap,
.admin-console .ai-admin-quota{border-radius:14px;border-color:#2c3954;background:#111a2b}
.admin-console .ai-admin-metric{border-radius:12px;border:1px solid #2d3953;background:#111a2b;padding:13px}
.admin-console .ai-admin-metric strong{font-size:20px}
.admin-console .empty{border-radius:13px;border-color:#35415c;background:#111a2a}
@media(max-width:900px){
 .admin-console{grid-template-columns:190px minmax(0,1fr);column-gap:14px;padding:14px 12px 36px!important}
 .admin-console .admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-console .admin-tabs-wrap{padding:10px 7px}
 .admin-console .admin-tabs .settings-tab{font-size:10px;padding:9px 9px}
}
@media(max-width:640px){
 .admin-console{display:flex!important;flex-direction:column;gap:12px;padding:10px 8px 30px!important}
 .admin-console .admin-topline{width:100%;align-items:flex-start;flex-direction:row;gap:10px;padding:4px 0}
 .admin-console .admin-heading{font-size:31px;margin:10px 0 4px}
 .admin-console .admin-subtitle{font-size:11px;max-width:290px}
 .admin-console .admin-refresh{align-self:flex-start;padding:9px 10px;font-size:10px}
 .admin-console .admin-refresh span{display:none}
 .admin-console .admin-commandbar{width:100%;padding:12px}
 .admin-console .admin-command-meta{gap:5px}
 .admin-console .admin-secure-pill,.admin-console .admin-free-pill{font-size:8px;padding:6px 8px}
 .admin-console .admin-tabs-wrap{position:relative;top:auto;width:100%;padding:10px;border-radius:14px}
 .admin-console .admin-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:6px}
 .admin-console .admin-tabs::-webkit-scrollbar{display:none}
 .admin-console .admin-tabs .settings-tab{width:auto;flex:0 0 auto;min-height:36px;padding:8px 10px;font-size:10px}
 .admin-console .admin-tabs .settings-tab:hover{transform:none}
 .admin-console .admin-status{width:100%;margin:0!important}
 .admin-console .admin-tab-content{width:100%}
 .admin-console .admin-section-heading{align-items:flex-start;flex-direction:column;margin:4px 0 12px}
 .admin-console .admin-section-heading h2{font-size:19px}
 .admin-console .admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .admin-console .admin-metric-grid .panel{min-height:94px;padding:13px;border-radius:13px}
 .admin-console .admin-metric-grid .panel h2{font-size:24px;margin-top:10px}
 .admin-console .admin-content-panel,.admin-console .ai-admin-panel{padding:13px}
}
@media(max-width:360px){
 .admin-console .admin-heading{font-size:27px}
 .admin-console .admin-metric-grid .panel h2{font-size:21px}
 .admin-console .admin-tabs .settings-tab{font-size:9px;padding:7px 8px}
}
@media(prefers-reduced-motion:reduce){
 .admin-console *, .admin-console *:before,.admin-console *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}