/* Administrative console visual polish. Presentation only; no data or API behavior is changed. */
body[data-account-page="console"]{
  --console-gap:16px;
  --console-radius:17px;
  --console-shadow:0 12px 30px rgba(24,42,70,.075);
  --console-shadow-soft:0 7px 20px rgba(24,42,70,.055);
  --console-accent:#ef5c78;
  --console-accent-soft:color-mix(in srgb,var(--console-accent) 8%,var(--account-surface));
  --console-green:#2da44e;
  background:
    radial-gradient(circle at 8% 12%,color-mix(in srgb,#4fb3ff 6%,transparent),transparent 30%),
    radial-gradient(circle at 92% 24%,color-mix(in srgb,var(--console-accent) 5%,transparent),transparent 28%),
    var(--account-bg,#f4f8fb);
}
body[data-account-page="console"] .account-page{
  row-gap:12px;
}
body[data-account-page="console"] .account-topbar{
  margin-bottom:0;
  border-color:color-mix(in srgb,#5d7898 34%,transparent);
  box-shadow:0 14px 34px rgba(15,35,60,.12);
}
body[data-account-page="console"] .staff-control-strip{
  width:100%;
  min-height:48px;
  margin:0;
  padding:7px 11px;
  justify-content:flex-end;
  gap:9px;
  border:1px solid var(--account-border);
  border-radius:14px;
  background:color-mix(in srgb,var(--account-surface) 88%,transparent);
  box-shadow:var(--console-shadow-soft);
  backdrop-filter:blur(12px);
}
body[data-account-page="console"] :is(#panel-admin,#panel-developer){
  display:grid;
  align-content:start;
  gap:var(--console-gap);
  min-width:0;
}
body[data-account-page="console"] :is(#panel-admin,#panel-developer)[hidden]{display:none!important}

/* Main console heading */
body[data-account-page="console"] :is(.admin-panel-heading,.developer-panel-heading){
  min-height:112px;
  margin:0!important;
  padding:21px 23px!important;
  border:1px solid color-mix(in srgb,var(--console-accent) 27%,var(--account-border));
  border-radius:19px;
  background:
    radial-gradient(circle at 96% 85%,color-mix(in srgb,var(--console-accent) 10%,transparent) 0 76px,transparent 77px),
    linear-gradient(135deg,color-mix(in srgb,var(--console-accent) 5%,var(--account-surface)),var(--account-surface));
  box-shadow:var(--console-shadow-soft);
}
body[data-account-page="console"] :is(.admin-panel-heading,.developer-panel-heading) h1{
  margin:4px 0 3px;
  font-size:clamp(25px,2vw,34px);
  letter-spacing:-.025em;
}
body[data-account-page="console"] :is(.admin-panel-heading,.developer-panel-heading) p:last-child{
  margin:0;
  color:var(--account-muted);
  line-height:1.5;
}

/* Administrative rail */
body[data-account-page="console"] .admin-hub-nav{
  border:1px solid color-mix(in srgb,var(--account-accent,#2da44e) 18%,var(--account-border));
  background:linear-gradient(180deg,color-mix(in srgb,var(--account-surface) 96%,#dff5e7 4%),var(--account-surface));
  box-shadow:var(--console-shadow-soft);
}
body[data-account-page="console"] .admin-hub-nav button{
  border:1px solid transparent;
  border-radius:12px;
  color:var(--account-muted);
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
body[data-account-page="console"] .admin-hub-nav button:hover{
  border-color:color-mix(in srgb,var(--console-accent) 18%,var(--account-border));
  background:color-mix(in srgb,var(--console-accent) 4%,var(--account-surface));
  color:var(--account-text);
  transform:translateX(2px);
}
body[data-account-page="console"] .admin-hub-nav button.is-active{
  border-color:color-mix(in srgb,var(--console-accent) 60%,var(--account-border));
  background:linear-gradient(135deg,color-mix(in srgb,var(--console-accent) 12%,var(--account-surface)),var(--account-surface));
  color:color-mix(in srgb,var(--console-accent) 82%,#9f1837);
  box-shadow:0 7px 18px color-mix(in srgb,var(--console-accent) 12%,transparent),inset 3px 0 0 var(--console-accent);
}
body[data-account-page="console"] .admin-hub-nav button span{
  background:color-mix(in srgb,var(--account-muted) 8%,var(--account-surface-soft));
  color:var(--account-muted);
}
body[data-account-page="console"] .admin-hub-nav button.is-active span{
  background:color-mix(in srgb,var(--console-accent) 13%,var(--account-surface));
  color:var(--console-accent);
}

/* Views and headings */
body[data-account-page="console"] .admin-hub-view{
  display:grid;
  align-content:start;
  gap:var(--console-gap);
  min-width:0;
}
body[data-account-page="console"] .admin-hub-view[hidden]{display:none!important}
body[data-account-page="console"] .admin-view-heading{
  min-height:76px;
  margin:0!important;
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--account-accent,#2da44e) 18%,var(--account-border));
  border-radius:var(--console-radius);
  background:linear-gradient(135deg,color-mix(in srgb,var(--account-accent,#2da44e) 5%,var(--account-surface)),var(--account-surface));
  box-shadow:var(--console-shadow-soft);
}
body[data-account-page="console"] .admin-view-heading h2{
  margin:0 0 3px;
  font-size:23px;
  letter-spacing:-.018em;
}
body[data-account-page="console"] .admin-view-heading p{
  margin:0;
  color:var(--account-muted);
  line-height:1.45;
}
body[data-account-page="console"] .admin-view-heading>button{
  min-height:40px;
  border-radius:11px;
  box-shadow:0 4px 12px rgba(24,42,70,.05);
}

/* Cards, controls and empty states */
body[data-account-page="console"] .admin-hub-view .github-card,
body[data-account-page="console"] .developer-console-panel .github-card{
  border-color:color-mix(in srgb,#6f8eaa 22%,var(--account-border));
  border-radius:var(--console-radius);
  box-shadow:var(--console-shadow-soft);
}
body[data-account-page="console"] .admin-hub-view .github-card:hover{
  border-color:color-mix(in srgb,var(--account-accent,#2da44e) 23%,var(--account-border));
}
body[data-account-page="console"] .admin-hub-view .card-title{
  gap:14px;
}
body[data-account-page="console"] .admin-hub-view .card-title h3,
body[data-account-page="console"] .admin-hub-view .card-title h4{
  letter-spacing:-.012em;
}
body[data-account-page="console"] :is(.admin-filter-card,.admin-add-tester-card){
  padding:15px!important;
}
body[data-account-page="console"] :is(.admin-filter-row,.admin-inline-form) .field{
  margin:0!important;
}
body[data-account-page="console"] .admin-hub-view :is(input,select,textarea){
  border-color:color-mix(in srgb,#7890a6 28%,var(--account-border));
  background:color-mix(in srgb,var(--account-surface-soft) 78%,var(--account-surface));
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
body[data-account-page="console"] .admin-hub-view :is(input,select,textarea):focus{
  border-color:color-mix(in srgb,var(--account-accent,#2da44e) 62%,var(--account-border));
  background:var(--account-surface);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--account-accent,#2da44e) 13%,transparent);
  outline:0;
}
body[data-account-page="console"] .admin-hub-view :is(button,.primary,.primary-button,.secondary-button,.text-button){
  border-radius:11px;
}
body[data-account-page="console"] .admin-hub-view :is(.primary,.primary-button){
  box-shadow:0 7px 16px color-mix(in srgb,#2498db 17%,transparent);
}
body[data-account-page="console"] div.admin-table-empty,
body[data-account-page="console"] .admin-detail-empty{
  display:grid;
  place-content:center;
  gap:6px;
  min-height:110px;
  padding:24px;
  border:1px dashed color-mix(in srgb,var(--account-muted) 28%,var(--account-border));
  border-radius:13px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--account-surface-soft) 86%,transparent),var(--account-surface));
  color:var(--account-muted);
  text-align:center;
}
body[data-account-page="console"] td.admin-table-empty{
  height:92px;
  padding:24px!important;
  color:var(--account-muted);
  text-align:center;
  background:linear-gradient(135deg,color-mix(in srgb,var(--account-surface-soft) 82%,transparent),var(--account-surface));
}
body[data-account-page="console"] .admin-table-wrap{
  border:1px solid var(--account-border);
  border-radius:13px!important;
  background:var(--account-surface);
}
body[data-account-page="console"] .admin-table-wrap th{
  background:color-mix(in srgb,var(--account-surface-soft) 90%,var(--account-surface));
  color:var(--account-muted);
  font-size:11px;
  letter-spacing:.015em;
}
body[data-account-page="console"] .admin-table-wrap tbody tr:hover td{
  background:color-mix(in srgb,var(--account-accent,#2da44e) 4%,var(--account-surface));
}

/* KPI cards */
body[data-account-page="console"] :is(.admin-overview-kpis,.admin-billing-kpis,.admin-queue-kpis,.admin-security-kpis,.admin-issue-kpis,.admin-subscription-kpis-b474bb34a){
  gap:12px;
}
body[data-account-page="console"] :is(.admin-overview-kpis,.admin-billing-kpis,.admin-queue-kpis,.admin-security-kpis,.admin-issue-kpis,.admin-subscription-kpis-b474bb34a)>article{
  min-height:108px;
  padding:15px 16px;
  border-color:color-mix(in srgb,#7890a6 22%,var(--account-border));
  border-radius:15px;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--account-accent,#2da44e) 7%,transparent),transparent 46%),
    var(--account-surface);
  box-shadow:var(--console-shadow-soft);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
body[data-account-page="console"] :is(.admin-overview-kpis,.admin-billing-kpis,.admin-queue-kpis,.admin-security-kpis,.admin-issue-kpis,.admin-subscription-kpis-b474bb34a)>article:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--account-accent,#2da44e) 30%,var(--account-border));
  box-shadow:var(--console-shadow);
}

/* Dense, balanced grids */
body[data-account-page="console"] :is(.admin-overview-grid,.admin-billing-grid,.admin-system-layout,.admin-queue-grid,.admin-security-grid,.admin-manager-maintenance-grid-b1a9416e1){
  gap:var(--console-gap)!important;
  grid-auto-flow:row dense;
}
body[data-account-page="console"] :is(.admin-system-layout,.admin-queue-grid,.admin-security-grid)>:last-child:nth-child(odd){
  grid-column:1/-1;
}
body[data-account-page="console"] .admin-billing-grid>.admin-payment-help-b474bb34a{
  grid-column:1/-1;
}
body[data-account-page="console"] .admin-payment-help-b474bb34a{
  background:linear-gradient(135deg,color-mix(in srgb,#2498db 5%,var(--account-surface)),var(--account-surface));
}
body[data-account-page="console"] .admin-master-detail{
  gap:var(--console-gap)!important;
}
body[data-account-page="console"] .admin-detail-panel{
  border-top:3px solid color-mix(in srgb,var(--account-accent,#2da44e) 62%,var(--account-border));
  box-shadow:var(--console-shadow);
}

/* Promocodes: the list reads as a complete workspace instead of a small card floating in empty space. */
body[data-account-page="console"] .admin-promocode-layout-b3c7a81a8{
  gap:var(--console-gap)!important;
  align-items:stretch;
}
body[data-account-page="console"] .admin-promocode-list-b3c7a81a8{
  min-height:min(720px,calc(100dvh - 210px));
  align-self:stretch;
}
body[data-account-page="console"] .admin-promocode-list-b3c7a81a8 .admin-table-wrap{
  min-height:190px;
}

/* Announcements: preview and delivery history share the right column, eliminating the large unused area. */
@media(min-width:1241px){
  body[data-account-page="console"] [data-admin-hub-view="announcements"]{
    grid-template-columns:minmax(0,1.3fr) minmax(390px,.7fr);
  }
  body[data-account-page="console"] [data-admin-hub-view="announcements"]>.admin-view-heading{
    grid-column:1/-1;
  }
  body[data-account-page="console"] [data-admin-hub-view="announcements"]>.admin-announcement-composer-b394850fe{
    display:contents;
  }
  body[data-account-page="console"] .admin-announcement-editor-card-b394850fe{
    grid-column:1;
    grid-row:2 / span 2;
  }
  body[data-account-page="console"] .admin-announcement-preview-card-b394850fe{
    grid-column:2;
    grid-row:2;
    top:18px;
  }
  body[data-account-page="console"] [data-admin-hub-view="announcements"]>.admin-announcement-queue-card-b394850fe{
    grid-column:2;
    grid-row:3;
    margin-top:0;
    align-self:start;
  }
}
body[data-account-page="console"] .admin-announcement-preview-stage-b394850fe{
  min-height:360px;
  border-color:color-mix(in srgb,#5865f2 22%,var(--account-border));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 18%,transparent);
}
body[data-account-page="console"] .admin-announcement-section-b394850fe{
  padding:14px;
  border-radius:14px;
}

/* Developer console */
body[data-account-page="console"] .developer-security-notice{
  border-color:color-mix(in srgb,#2498db 28%,var(--account-border));
  background:linear-gradient(135deg,color-mix(in srgb,#2498db 7%,var(--account-surface)),var(--account-surface));
}
body[data-account-page="console"] .developer-status-grid{
  gap:12px;
}
body[data-account-page="console"] .developer-stat-card{
  min-height:112px;
  border-radius:15px;
  box-shadow:var(--console-shadow-soft);
}
body[data-account-page="console"] .developer-console-layout{
  gap:var(--console-gap)!important;
  align-items:stretch;
}
body[data-account-page="console"] .developer-terminal{
  border-radius:14px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 14px 28px rgba(8,19,33,.16);
}

/* Footer sits closer to the actual workspace, without a broad empty band. */
body[data-account-page="console"] .site-footer--compact,
body[data-account-page="console"] .site-footer{
  margin-top:6px;
  box-shadow:0 14px 30px rgba(15,35,60,.11);
}

html[data-theme="dark"] body[data-account-page="console"]{
  --console-shadow:0 14px 34px rgba(0,0,0,.28);
  --console-shadow-soft:0 8px 22px rgba(0,0,0,.20);
  background:
    radial-gradient(circle at 8% 12%,rgba(45,130,190,.08),transparent 30%),
    radial-gradient(circle at 92% 24%,rgba(239,92,120,.055),transparent 28%),
    var(--account-bg,#07121e);
}
html[data-theme="dark"] body[data-account-page="console"] .staff-control-strip{
  background:color-mix(in srgb,var(--account-surface) 92%,transparent);
}

@media(max-width:1240px){
  body[data-account-page="console"] [data-admin-hub-view="announcements"]{
    grid-template-columns:1fr;
  }
  body[data-account-page="console"] .admin-announcement-composer-b394850fe{
    display:grid;
    grid-template-columns:1fr;
  }
  body[data-account-page="console"] .admin-announcement-preview-card-b394850fe{position:static}
  body[data-account-page="console"] .admin-promocode-list-b3c7a81a8{min-height:420px}
}
@media(max-width:980px){
  body[data-account-page="console"] .staff-control-strip{
    justify-content:flex-start;
  }
  body[data-account-page="console"] :is(.admin-panel-heading,.developer-panel-heading){
    min-height:auto;
    padding:18px!important;
  }
  body[data-account-page="console"] .admin-view-heading{
    align-items:flex-start;
    padding:13px 14px;
  }
}
@media(max-width:680px){
  body[data-account-page="console"]{
    --console-gap:12px;
    --console-radius:14px;
  }
  body[data-account-page="console"] .staff-control-strip{
    display:grid;
    grid-template-columns:1fr;
  }
  body[data-account-page="console"] .admin-view-heading{
    display:grid;
    gap:10px;
  }
  body[data-account-page="console"] .admin-view-heading>button{width:100%}
  body[data-account-page="console"] .admin-hub-view .github-card{border-radius:14px}
  body[data-account-page="console"] :is(.admin-overview-kpis,.admin-billing-kpis,.admin-queue-kpis,.admin-security-kpis,.admin-issue-kpis,.admin-subscription-kpis-b474bb34a)>article{
    min-height:94px;
  }
}

/* Console list tools — compact local filtering and sorting for information-dense lists. */
body[data-account-page="console"] .console-list-tools{
  display:grid;
  grid-template-columns:minmax(170px,1.35fr) repeat(auto-fit,minmax(125px,.72fr));
  gap:8px;
  align-items:end;
  margin:0 0 9px;
  padding:9px;
  border:1px solid color-mix(in srgb,var(--account-border,#d0d7de) 82%,var(--account-accent,#2da44e) 18%);
  border-radius:11px;
  background:color-mix(in srgb,var(--account-surface-soft,#f6f8fa) 92%,var(--account-accent,#2da44e) 2%);
}
body[data-account-page="console"] .console-list-tool-field{
  display:grid;
  gap:4px;
  min-width:0;
  margin:0!important;
}
body[data-account-page="console"] .console-list-tool-field>span{
  color:var(--account-muted,#656d76);
  font-size:10px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:.02em;
}
body[data-account-page="console"] :is(.console-list-tool-search,.console-list-tool-select){
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:5px 9px!important;
  border:1px solid var(--account-border,#d0d7de)!important;
  border-radius:8px!important;
  background:var(--account-surface,#fff)!important;
  color:var(--account-text,#24292f)!important;
  font:800 11px/1.2 Nunito,Arial,sans-serif!important;
  box-shadow:none!important;
}
body[data-account-page="console"] .console-list-tool-search:focus,
body[data-account-page="console"] .console-list-tool-select:focus{
  border-color:var(--account-accent,#2da44e)!important;
  outline:3px solid color-mix(in srgb,var(--account-accent,#2da44e) 16%,transparent)!important;
  outline-offset:0!important;
}
body[data-account-page="console"] .console-list-tool-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  align-self:end;
  gap:8px;
  min-height:34px;
  white-space:nowrap;
}
body[data-account-page="console"] .console-list-tool-reset{
  min-height:30px!important;
  padding:4px 8px!important;
  font-size:10px!important;
}
body[data-account-page="console"] .console-list-tool-count{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 7px;
  border:1px solid var(--account-border,#d0d7de);
  border-radius:999px;
  background:var(--account-surface,#fff);
  color:var(--account-muted,#656d76);
  font-size:10px;
  font-weight:900;
}
body[data-account-page="console"] .console-list-tool-count.is-empty{
  border-color:color-mix(in srgb,#d29922 55%,var(--account-border,#d0d7de));
  color:#9a6700;
  background:color-mix(in srgb,#fff8c5 42%,var(--account-surface,#fff));
}
body[data-account-page="console"] tr.is-console-list-filtered-out,
body[data-account-page="console"] .is-console-list-filtered-out{display:none!important}
html[data-theme="dark"] body[data-account-page="console"] .console-list-tools{
  background:color-mix(in srgb,var(--account-surface-soft,#121d30) 94%,var(--account-accent,#3fb950) 3%);
}
html[data-theme="dark"] body[data-account-page="console"] .console-list-tool-count.is-empty{color:#e3b341;background:rgba(210,153,34,.08)}
@media(max-width:1100px){
  body[data-account-page="console"] .console-list-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-account-page="console"] .console-list-tool-actions{justify-content:flex-start}
}
@media(max-width:720px){
  body[data-account-page="console"] .console-list-tools{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}
  body[data-account-page="console"] .console-list-tool-actions{grid-column:1/-1;justify-content:space-between}
}
@media(max-width:470px){
  body[data-account-page="console"] .console-list-tools{grid-template-columns:1fr}
  body[data-account-page="console"] .console-list-tool-actions{grid-column:auto}
}

/* Console reliability pass: full-list pager, denser tables and clearer hierarchy. */
body[data-account-page="console"] .console-list-pager{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin:8px 0 16px;
  min-height:34px;
}
body[data-account-page="console"] .console-list-pager[hidden]{display:none!important}
body[data-account-page="console"] .console-list-pager strong{
  min-width:112px;
  color:var(--account-muted,#656d76);
  font-size:11px;
  font-weight:900;
  text-align:center;
}
body[data-account-page="console"] .console-list-pager .secondary-button{
  min-height:32px!important;
  padding:5px 10px!important;
  font-size:11px!important;
}
body[data-account-page="console"] .admin-table-wrap{
  position:relative;
  scrollbar-gutter:stable;
}
body[data-account-page="console"] .admin-table-wrap thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:var(--account-surface,#fff);
  box-shadow:0 1px 0 var(--account-border,#d0d7de);
}
body[data-account-page="console"] .admin-table-wrap tbody tr:nth-child(even):not(.is-selected) td{
  background:color-mix(in srgb,var(--account-surface-soft,#f6f8fa) 52%,transparent);
}
body[data-account-page="console"] .admin-table-wrap tbody tr:hover td{
  background:color-mix(in srgb,var(--account-accent,#2da44e) 7%,var(--account-surface,#fff));
}
body[data-account-page="console"] .api-form-message.is-warning{
  color:#9a6700;
  border-color:color-mix(in srgb,#d29922 45%,var(--account-border,#d0d7de));
  background:color-mix(in srgb,#fff8c5 38%,transparent);
}
html[data-theme="dark"] body[data-account-page="console"] .admin-table-wrap thead th{
  background:var(--account-surface,#0d1626);
}
html[data-theme="dark"] body[data-account-page="console"] .api-form-message.is-warning{
  color:#e3b341;
  background:rgba(210,153,34,.08);
}
@media(min-width:1181px) and (max-width:1679px){
  body[data-account-page="console"] .admin-hub-nav{
    grid-template-columns:repeat(auto-fit,minmax(138px,1fr))!important;
  }
}
@media(max-width:680px){
  body[data-account-page="console"] .console-list-pager{
    justify-content:space-between;
    gap:6px;
  }
  body[data-account-page="console"] .console-list-pager strong{min-width:0;font-size:10px}
}
