/* JoyJoy admin console: unified spreadsheet-like data tables with user-controlled density. */
html{--console-table-scale:1}
/* The scale controls live INSIDE each view heading. They are never a grid sibling of the left rail. */
body[data-account-page="console"] #panel-admin>.console-table-scale-bar-bc73f2a91{
  display:none!important
}
body[data-account-page="console"] .console-table-scale-inline-bc73f2a91{
  display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;
  margin-left:auto;padding:4px;border:1px solid var(--account-border);
  border-radius:11px;background:var(--account-surface);box-shadow:0 4px 12px rgba(24,42,70,.04)
}
body[data-account-page="console"] .console-table-scale-label-bc73f2a91{
  padding:0 5px;color:var(--account-muted);font-size:10px;font-weight:800;line-height:1;white-space:nowrap
}
body[data-account-page="console"] .console-table-scale-inline-bc73f2a91 button{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:30px;height:28px;padding:0 7px;border:1px solid var(--account-border);
  border-radius:8px;background:var(--account-surface-soft);color:var(--account-text);
  font:800 11px/1 inherit;cursor:pointer
}
body[data-account-page="console"] .console-table-scale-inline-bc73f2a91 button:hover:not(:disabled){
  border-color:color-mix(in srgb,var(--account-accent,#2da44e) 42%,var(--account-border));
  background:color-mix(in srgb,var(--account-accent,#2da44e) 5%,var(--account-surface))
}
body[data-account-page="console"] .console-table-scale-inline-bc73f2a91 button[data-console-table-scale-reset]{min-width:50px}
body[data-account-page="console"] .console-table-scale-inline-bc73f2a91 button:disabled{opacity:.4;cursor:default}

/* Promocodes: editor above, full-width data table below. */
body[data-account-page="console"] .admin-promocode-layout-b3c7a81a8{grid-template-columns:minmax(0,1fr)!important}
body[data-account-page="console"] .admin-promocode-editor-b3c7a81a8,
body[data-account-page="console"] .admin-promocode-list-b3c7a81a8{grid-column:1/-1!important;max-width:none!important;width:100%}
body[data-account-page="console"] .admin-promocode-list-b3c7a81a8{min-height:0!important}

/* Billing data tables are full width. Forms remain regular cards. */
body[data-account-page="console"] [data-admin-hub-view="billing"] .admin-billing-grid>.github-card:has(.admin-table-wrap){grid-column:1/-1!important}

/* Spreadsheet-like table presentation throughout the administrative console. */
body[data-account-page="console"] .admin-table-wrap{
  position:relative;overflow:auto;overscroll-behavior:contain;
  border:1px solid color-mix(in srgb,var(--account-border) 88%,#8293a6 12%)!important;
  border-radius:10px!important;background:var(--account-surface);
  scrollbar-gutter:stable both-edges
}
body[data-account-page="console"] .admin-table-wrap table{
  width:100%;border-collapse:separate!important;border-spacing:0!important;
  font-size:calc(12px * var(--console-table-scale));line-height:1.3
}
body[data-account-page="console"] .admin-table-wrap thead{position:sticky;top:0;z-index:4}
body[data-account-page="console"] .admin-table-wrap th{
  position:sticky;top:0;z-index:4;
  padding:calc(8px * var(--console-table-scale)) calc(10px * var(--console-table-scale))!important;
  border-right:1px solid var(--account-border);border-bottom:1px solid var(--account-border)!important;
  background:color-mix(in srgb,var(--account-surface-soft) 94%,var(--account-surface))!important;
  color:var(--account-muted);font-size:calc(10.5px * var(--console-table-scale))!important;
  font-weight:850;letter-spacing:.025em;text-transform:none;white-space:nowrap
}
body[data-account-page="console"] .admin-table-wrap td{
  padding:calc(8px * var(--console-table-scale)) calc(10px * var(--console-table-scale))!important;
  border-right:1px solid color-mix(in srgb,var(--account-border) 70%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--account-border) 78%,transparent)!important;
  vertical-align:middle;background:var(--account-surface);font-size:inherit
}
body[data-account-page="console"] .admin-table-wrap :is(th,td):last-child{border-right:0}
body[data-account-page="console"] .admin-table-wrap tbody tr:last-child td{border-bottom:0!important}
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) 47%,var(--account-surface))}
body[data-account-page="console"] .admin-table-wrap tbody tr:hover td{background:color-mix(in srgb,var(--account-accent,#2da44e) 5%,var(--account-surface))!important}
body[data-account-page="console"] .admin-table-wrap :is(strong,b,code){font-size:1em}
body[data-account-page="console"] .admin-table-wrap small{display:block;margin-top:2px;font-size:calc(10px * var(--console-table-scale))!important;line-height:1.3}
body[data-account-page="console"] .admin-table-wrap .admin-state-pill{font-size:calc(9.5px * var(--console-table-scale));padding:calc(3px * var(--console-table-scale)) calc(7px * var(--console-table-scale));white-space:nowrap}
body[data-account-page="console"] .admin-table-wrap :is(.secondary-button,.primary-button,.text-button,.danger-button,.admin-premium-open-v239){
  min-height:calc(30px * var(--console-table-scale));padding:calc(5px * var(--console-table-scale)) calc(9px * var(--console-table-scale));font-size:calc(10px * var(--console-table-scale))
}
body[data-account-page="console"] .admin-table-wrap td.admin-table-empty{height:calc(76px * var(--console-table-scale));font-size:calc(11px * var(--console-table-scale))}

/* Keep wide management tables readable instead of wrapping every value into cards. */
body[data-account-page="console"] .admin-promocode-list-b3c7a81a8 .admin-table-wrap table{min-width:calc(1120px * var(--console-table-scale))!important}
body[data-account-page="console"] .admin-table-wrap:has(#admin-orders-body) table{min-width:calc(980px * var(--console-table-scale))!important}
body[data-account-page="console"] .admin-table-wrap:has(#admin-payment-notifications-body) table{min-width:calc(1080px * var(--console-table-scale))!important}
body[data-account-page="console"] .admin-table-wrap:has(#admin-payment-reconcile-body) table,
body[data-account-page="console"] .admin-table-wrap:has(#admin-possible-payments-body) table{min-width:calc(980px * var(--console-table-scale))!important}

html[data-theme="dark"] 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) 33%,var(--account-surface))}

@media(max-width:760px){
  body[data-account-page="console"] .console-table-scale-inline-bc73f2a91{margin-left:0}
}

/* V3: promocode editor/list are stacked. Disable the old sticky editor so the list can never slide underneath it. */
body[data-account-page="console"] [data-admin-hub-view="promocodes"] .admin-promocode-layout-b3c7a81a8{
  align-items:start!important;
  row-gap:18px!important;
}
body[data-account-page="console"] [data-admin-hub-view="promocodes"] .admin-promocode-editor-b3c7a81a8{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
  max-height:none!important;
  height:auto!important;
  align-self:auto!important;
}
body[data-account-page="console"] [data-admin-hub-view="promocodes"] .admin-promocode-form-b3c7a81a8{
  flex:none!important;
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  padding-bottom:0!important;
}
body[data-account-page="console"] [data-admin-hub-view="promocodes"] .admin-promocode-actions-b3c7a81a8{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  margin:4px -20px 0!important;
}
body[data-account-page="console"] [data-admin-hub-view="promocodes"] .admin-promocode-list-b3c7a81a8{
  position:relative!important;
  z-index:0!important;
  margin-top:0!important;
  align-self:start!important;
}

/* V4: independent 10/20/30-row pagination for every admin console table. */
body[data-account-page="console"] .console-table-pagination-bc73f2a91{
  display:flex;align-items:center;gap:12px;min-height:44px;margin:8px 0 0;
  padding:7px 9px;border:1px solid color-mix(in srgb,var(--account-border) 88%,#8293a6 12%);
  border-radius:10px;background:var(--account-surface);color:var(--account-muted);
  font-size:11px;font-weight:750
}
body[data-account-page="console"] .console-table-page-size-bc73f2a91{
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap
}
body[data-account-page="console"] .console-table-page-size-bc73f2a91 select{
  width:auto;min-width:62px;height:30px;padding:0 26px 0 9px;
  border:1px solid var(--account-border);border-radius:8px;
  background:var(--account-surface-soft);color:var(--account-text);
  font:800 11px/1 inherit;cursor:pointer
}
body[data-account-page="console"] .console-table-page-range-bc73f2a91{
  white-space:nowrap;color:var(--account-muted);font-variant-numeric:tabular-nums
}
body[data-account-page="console"] .console-table-page-nav-bc73f2a91{
  display:flex;align-items:center;gap:7px;margin-left:auto;white-space:nowrap
}
body[data-account-page="console"] .console-table-page-nav-bc73f2a91 b{
  min-width:96px;text-align:center;color:var(--account-text);font-size:11px
}
body[data-account-page="console"] .console-table-page-nav-bc73f2a91 .secondary-button{
  min-height:30px!important;height:30px;padding:0 10px!important;font-size:10.5px!important;border-radius:8px
}
body[data-account-page="console"] .console-table-pagination-bc73f2a91.is-empty .console-table-page-nav-bc73f2a91{opacity:.62}
@media(max-width:760px){
  body[data-account-page="console"] .console-table-pagination-bc73f2a91{flex-wrap:wrap;gap:8px}
  body[data-account-page="console"] .console-table-page-nav-bc73f2a91{width:100%;margin-left:0;justify-content:space-between}
}