/*
  NewAppUI Super Admin (TradeBotX-inspired)
  Scoped overrides for:
  - #superadmin-section
  - Super Admin / Support Agent modal surfaces used by staff.js
*/

#superadmin-section.nui-superadmin,
.nui-superadmin-modal{
  --nui-text: #0f172a;
  --nui-muted: #64748b;
  --nui-border: #e2e8f0;
  --nui-glass: rgba(255, 255, 255, 0.84);
  --nui-panel: rgba(255, 255, 255, 0.92);
  --nui-panel-soft: rgba(248, 250, 252, 0.84);
  --nui-accent: #15399A;
  --nui-accent-2: #A93E17;
  --nui-accent-3: #15399A;
  --nui-secondary: #A93E17;
  --nui-info: #0ea5e9;
  --nui-warning: #f59e0b;
  --nui-error: #ef4444;
  --nui-radius: 26px;
  --nui-radius-md: 18px;
  --nui-radius-sm: 14px;
  --nui-shadow: 0 26px 90px rgba(15, 23, 42, 0.12);
  --nui-shadow-soft: 0 14px 45px rgba(15, 23, 42, 0.09);
  --nui-shadow-accent: 0 20px 48px -22px rgba(21, 57, 154, 0.55);
}

html[data-theme="dark"] #superadmin-section.nui-superadmin,
html[data-theme="dark"] .nui-superadmin-modal{
  --nui-text: #f1f5f9;
  --nui-muted: #94a3b8;
  --nui-border: #1e293b;
  --nui-glass: rgba(10, 10, 10, 0.84);
  --nui-panel: rgba(10, 10, 10, 0.90);
  --nui-panel-soft: rgba(10, 10, 10, 0.76);
  --nui-shadow: 0 30px 100px rgba(0, 0, 0, 0.56);
  --nui-shadow-soft: 0 18px 60px rgba(0, 0, 0, 0.44);
  --nui-shadow-accent: 0 26px 60px -24px rgba(21, 57, 154, 0.62);
}

#superadmin-section.nui-superadmin{
  position: relative;
  width: min(1460px, 100%);
  margin: 0 auto;
  overflow: hidden;
  padding: 30px !important;
  background: var(--nui-glass) !important;
  border: 1px solid var(--nui-border) !important;
  border-radius: var(--nui-radius) !important;
  box-shadow: var(--nui-shadow) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

#superadmin-section.nui-superadmin::before{
  content: "";
  position: absolute;
  inset: -42%;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 18%, rgba(21, 57, 154, 0.18) 0, transparent 48%),
    radial-gradient(circle at 84% 12%, rgba(169, 62, 23, 0.14) 0, transparent 44%),
    radial-gradient(circle at 72% 82%, rgba(21, 57, 154, 0.12) 0, transparent 45%),
    radial-gradient(circle at 28% 90%, rgba(14, 165, 233, 0.10) 0, transparent 40%);
}

html[data-theme="dark"] #superadmin-section.nui-superadmin::before{
  opacity: 0.98;
  filter: blur(10px);
}

#superadmin-section.nui-superadmin > *{
  position: relative;
  z-index: 1;
}

#superadmin-section.nui-superadmin .sa-shell{
  display: grid;
  gap: 24px;
}

#superadmin-section.nui-superadmin .kicker,
#superadmin-section.nui-superadmin .sa-page-kicker,
.nui-superadmin-modal .kicker{
  margin: 0 0 8px !important;
  font-size: 12px !important;
  line-height: 1.2;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--nui-muted) !important;
}

#superadmin-section.nui-superadmin .admin-title,
.nui-superadmin-modal .modal-title,
#superadmin-section.nui-superadmin .admin-plan-col-title,
#superadmin-section.nui-superadmin .sa-panel-title,
#superadmin-section.nui-superadmin .sa-detail-title,
#superadmin-section.nui-superadmin .sa-block-title{
  font-family: Rajdhani, Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  letter-spacing: -0.02em;
  color: var(--nui-text) !important;
}

#superadmin-section.nui-superadmin .admin-title{
  margin: 0;
  font-size: 36px !important;
  line-height: 1.02;
  font-weight: 700 !important;
}

#superadmin-section.nui-superadmin .admin-subtitle,
#superadmin-section.nui-superadmin .hint,
#superadmin-section.nui-superadmin .admin-list-item-sub,
.nui-superadmin-modal .hint{
  color: var(--nui-muted) !important;
}

#superadmin-section.nui-superadmin .admin-subtitle{
  margin: 10px 0 0 !important;
  max-width: 72ch;
  font-size: 14px !important;
  line-height: 1.65;
}

#superadmin-section.nui-superadmin .admin-header-row,
#superadmin-section.nui-superadmin .sa-panel-head,
#superadmin-section.nui-superadmin .sa-block-head,
.nui-superadmin-modal .modal-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

#superadmin-section.nui-superadmin .sa-page-tabs,
#superadmin-section.nui-superadmin .sa-mini-tabs{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px;
  border-radius: 16px;
  border: 1px solid var(--nui-border);
  background: rgba(15, 23, 42, 0.03);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  flex-wrap: wrap;
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .sa-page-tabs,
html[data-theme="dark"] #superadmin-section.nui-superadmin .sa-mini-tabs{
  background: rgba(2, 6, 23, 0.44);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#superadmin-section.nui-superadmin .sa-page-tabs{ width: fit-content; }
#superadmin-section.nui-superadmin .sa-mini-tabs{ margin-bottom: 16px; }

#superadmin-section.nui-superadmin .btn,
.nui-superadmin-modal .btn{
  border-radius: 14px !important;
  border-width: 1px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

#superadmin-section.nui-superadmin .btn:hover,
.nui-superadmin-modal .btn:hover{
  transform: translateY(-1px);
}

#superadmin-section.nui-superadmin .btn:focus-visible,
.nui-superadmin-modal .btn:focus-visible,
#superadmin-section.nui-superadmin input:focus,
#superadmin-section.nui-superadmin select:focus,
#superadmin-section.nui-superadmin textarea:focus,
.nui-superadmin-modal input:focus,
.nui-superadmin-modal select:focus,
.nui-superadmin-modal textarea:focus{
  outline: none;
  box-shadow: 0 0 0 4px rgba(21, 57, 154, 0.18) !important;
}

#superadmin-section.nui-superadmin .btn-primary,
.nui-superadmin-modal .btn-primary{
  color: #fff !important;
  border-color: rgba(21, 57, 154, 0.25) !important;
  background: linear-gradient(135deg, var(--nui-accent) 0%, var(--nui-accent-2) 55%, var(--nui-accent-3) 100%) !important;
  box-shadow: var(--nui-shadow-accent) !important;
}

#superadmin-section.nui-superadmin .btn-primary:hover,
.nui-superadmin-modal .btn-primary:hover{
  box-shadow: 0 24px 54px -26px rgba(21, 57, 154, 0.66) !important;
}

#superadmin-section.nui-superadmin .btn-secondary,
.nui-superadmin-modal .btn-secondary,
#superadmin-section.nui-superadmin .btn,
.nui-superadmin-modal .btn{
  color: var(--nui-text) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: var(--nui-border) !important;
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .btn-secondary,
html[data-theme="dark"] .nui-superadmin-modal .btn-secondary,
html[data-theme="dark"] #superadmin-section.nui-superadmin .btn,
html[data-theme="dark"] .nui-superadmin-modal .btn{
  background: rgba(15, 23, 42, 0.58) !important;
}

#superadmin-section.nui-superadmin .btn-secondary:hover,
.nui-superadmin-modal .btn-secondary:hover{
  border-color: rgba(21, 57, 154, 0.35) !important;
  box-shadow: 0 14px 32px -18px rgba(21, 57, 154, 0.35) !important;
}

#superadmin-section.nui-superadmin .btn-danger,
.nui-superadmin-modal .btn-danger{
  color: #fff !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  box-shadow: 0 18px 40px -22px rgba(239, 68, 68, 0.56) !important;
}

#superadmin-section.nui-superadmin .btn[disabled],
.nui-superadmin-modal .btn[disabled]{
  opacity: 0.58;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

#superadmin-section.nui-superadmin input,
#superadmin-section.nui-superadmin select,
#superadmin-section.nui-superadmin textarea,
.nui-superadmin-modal input,
.nui-superadmin-modal select,
.nui-superadmin-modal textarea{
  width: 100%;
  border-radius: 14px !important;
  border: 1px solid var(--nui-border) !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: var(--nui-text) !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  line-height: 1.45;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

html[data-theme="dark"] #superadmin-section.nui-superadmin input,
html[data-theme="dark"] #superadmin-section.nui-superadmin select,
html[data-theme="dark"] #superadmin-section.nui-superadmin textarea,
html[data-theme="dark"] .nui-superadmin-modal input,
html[data-theme="dark"] .nui-superadmin-modal select,
html[data-theme="dark"] .nui-superadmin-modal textarea{
  background: rgba(12, 15, 22, 0.66) !important;
}

#superadmin-section.nui-superadmin input::placeholder,
#superadmin-section.nui-superadmin textarea::placeholder,
.nui-superadmin-modal input::placeholder,
.nui-superadmin-modal textarea::placeholder{
  color: var(--nui-muted);
  opacity: 0.82;
}

#superadmin-section.nui-superadmin textarea,
.nui-superadmin-modal textarea{
  min-height: 120px;
  resize: vertical;
}

#superadmin-section.nui-superadmin label,
.nui-superadmin-modal label{
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--nui-muted);
}

#superadmin-section.nui-superadmin .field-group,
.nui-superadmin-modal .field-group{
  display: grid;
  gap: 8px;
}

#superadmin-section.nui-superadmin .form-grid,
.nui-superadmin-modal .form-grid{
  display: grid;
  gap: 14px;
  margin-bottom: 14px;
}

#superadmin-section.nui-superadmin .sa-hero{
  display: grid;
  gap: 22px;
}

#superadmin-section.nui-superadmin .sa-hero-row{
  align-items: end;
}

#superadmin-section.nui-superadmin .sa-hero-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

#superadmin-section.nui-superadmin .sa-summary-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

#superadmin-section.nui-superadmin .sa-stat-card{
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-height: 126px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid var(--nui-border);
  background: var(--nui-panel) !important;
  box-shadow: var(--nui-shadow-soft);
}

#superadmin-section.nui-superadmin .sa-stat-card::before{
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--nui-accent), var(--nui-accent-2), var(--nui-accent-3));
  opacity: 0.86;
}

#superadmin-section.nui-superadmin .sa-stat-card.is-premium::before{
  background: linear-gradient(90deg, var(--nui-accent-2), var(--nui-accent));
}

#superadmin-section.nui-superadmin .sa-stat-card.is-blocked::before{
  background: linear-gradient(90deg, #f59e0b, #ef4444);
}

#superadmin-section.nui-superadmin .sa-stat-card.is-focus::before{
  background: linear-gradient(90deg, #10b981, #06b6d4);
}

#superadmin-section.nui-superadmin .sa-stat-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, var(--nui-accent), var(--nui-accent-2));
  box-shadow: 0 18px 32px -20px rgba(21, 57, 154, 0.7);
  flex: 0 0 auto;
}

#superadmin-section.nui-superadmin .sa-stat-card.is-premium .sa-stat-icon{
  background: linear-gradient(135deg, var(--nui-accent-2), var(--nui-accent));
}

#superadmin-section.nui-superadmin .sa-stat-card.is-blocked .sa-stat-icon{
  background: linear-gradient(135deg, #f59e0b, #ef4444);
}

#superadmin-section.nui-superadmin .sa-stat-card.is-focus .sa-stat-icon{
  background: linear-gradient(135deg, #10b981, #06b6d4);
}

#superadmin-section.nui-superadmin .sa-stat-icon svg{
  width: 22px;
  height: 22px;
}

#superadmin-section.nui-superadmin .sa-stat-copy{
  min-width: 0;
}

#superadmin-section.nui-superadmin .sa-stat-label{
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--nui-muted);
}

#superadmin-section.nui-superadmin .sa-stat-value{
  margin-top: 6px;
  font-family: Rajdhani, Inter, sans-serif;
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  color: var(--nui-text);
}

#superadmin-section.nui-superadmin .sa-stat-sub{
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--nui-muted);
}

#superadmin-section.nui-superadmin .admin-layout,
#superadmin-section.nui-superadmin .admin-plan-layout{
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
  gap: 22px;
  align-items: start;
}

#superadmin-section.nui-superadmin .admin-plan-layout{
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
}

#superadmin-section.nui-superadmin .sa-surface-card,
#superadmin-section.nui-superadmin .admin-plan-col,
#superadmin-section.nui-superadmin .sa-plans-surface,
#superadmin-section.nui-superadmin .sa-webhooks-surface{
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: 20px;
  border-radius: 24px !important;
  border: 1px solid var(--nui-border) !important;
  background: var(--nui-panel) !important;
  box-shadow: var(--nui-shadow-soft) !important;
}

#superadmin-section.nui-superadmin .sa-surface-card::after,
#superadmin-section.nui-superadmin .admin-plan-col::after,
#superadmin-section.nui-superadmin .sa-plans-surface::after,
#superadmin-section.nui-superadmin .sa-webhooks-surface::after{
  content: "";
  position: absolute;
  inset: auto 18px 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(21, 57, 154, 0.24), transparent);
}

#superadmin-section.nui-superadmin .sa-side-surface{
  display: grid;
  align-content: start;
}

#superadmin-section.nui-superadmin .sa-panel-head,
#superadmin-section.nui-superadmin .admin-plan-col-head{
  margin-bottom: 16px;
}

#superadmin-section.nui-superadmin .sa-panel-kicker{
  margin-bottom: 4px;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--nui-muted);
}

#superadmin-section.nui-superadmin .sa-panel-title,
#superadmin-section.nui-superadmin .admin-plan-col-title{
  font-size: 26px;
  line-height: 1.04;
  font-weight: 700;
}

#superadmin-section.nui-superadmin .sa-panel-pill{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #065f46;
  background: rgba(16, 185, 129, 0.14);
  border: 1px solid rgba(16, 185, 129, 0.28);
  white-space: nowrap;
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .sa-panel-pill{
  color: #6ee7b7;
}

#superadmin-section.nui-superadmin .sa-toolbar,
#superadmin-section.nui-superadmin .admin-search-row{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

#superadmin-section.nui-superadmin .admin-table-wrapper{
  overflow: auto;
  border: 1px solid var(--nui-border);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.45), rgba(248, 250, 252, 0.88));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  padding: 10px;
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .admin-table-wrapper{
  background: linear-gradient(180deg, rgba(12, 15, 22, 0.58), rgba(15, 23, 42, 0.88));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#superadmin-section.nui-superadmin .sa-table{
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0 10px;
}

#superadmin-section.nui-superadmin .sa-table thead th{
  padding: 0 14px 8px !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--nui-muted) !important;
  white-space: nowrap;
}

#superadmin-section.nui-superadmin .sa-table tbody td{
  padding: 15px 14px !important;
  border-top: 1px solid var(--nui-border) !important;
  border-bottom: 1px solid var(--nui-border) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  vertical-align: top;
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .sa-table tbody td{
  background: rgba(15, 23, 42, 0.82) !important;
}

#superadmin-section.nui-superadmin .sa-table tbody td:first-child{
  border-left: 1px solid var(--nui-border) !important;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

#superadmin-section.nui-superadmin .sa-table tbody td:last-child{
  border-right: 1px solid var(--nui-border) !important;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

#superadmin-section.nui-superadmin .sa-table tbody tr{
  transition: transform 180ms ease, box-shadow 180ms ease;
}

#superadmin-section.nui-superadmin .sa-table tbody tr:hover td{
  border-color: rgba(21, 57, 154, 0.28) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 248, 252, 0.92)) !important;
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .sa-table tbody tr:hover td{
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(15, 23, 42, 0.94)) !important;
}

#superadmin-section.nui-superadmin .sa-table tbody tr.is-selected td{
  border-color: rgba(21, 57, 154, 0.42) !important;
  background: linear-gradient(180deg, rgba(241, 244, 255, 0.98), rgba(248, 250, 255, 0.94)) !important;
  box-shadow: inset 0 0 0 1px rgba(21, 57, 154, 0.08);
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .sa-table tbody tr.is-selected td{
  background: linear-gradient(180deg, rgba(26, 29, 49, 0.96), rgba(15, 23, 42, 0.92)) !important;
}

#superadmin-section.nui-superadmin .sa-cell-title,
#superadmin-section.nui-superadmin .admin-list-item-title{
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
  color: var(--nui-text);
}

#superadmin-section.nui-superadmin .sa-cell-sub,
#superadmin-section.nui-superadmin .admin-list-item-sub,
#superadmin-section.nui-superadmin .admin-empty-sub,
#superadmin-section.nui-superadmin .sa-empty-sub,
.nui-superadmin-modal .sa-modal-sub{
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--nui-muted);
}

#superadmin-section.nui-superadmin .sa-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  word-break: break-word;
}

#superadmin-section.nui-superadmin .sa-action-stack{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#superadmin-section.nui-superadmin .sa-action-stack .btn{
  min-height: 36px;
}

#superadmin-section.nui-superadmin .status-pill,
#superadmin-section.nui-superadmin .pill,
.nui-superadmin-modal .status-pill,
.nui-superadmin-modal .pill,
#superadmin-section.nui-superadmin #sa-plan-bt-price,
#superadmin-section.nui-superadmin #sa-plan-bt-billing,
#superadmin-section.nui-superadmin #sa-plan-stored-currency{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  border: 1px solid var(--nui-border);
  background: rgba(255, 255, 255, 0.7);
  color: var(--nui-text);
  padding: 6px 11px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .status-pill,
html[data-theme="dark"] #superadmin-section.nui-superadmin .pill,
html[data-theme="dark"] .nui-superadmin-modal .status-pill,
html[data-theme="dark"] .nui-superadmin-modal .pill,
html[data-theme="dark"] #superadmin-section.nui-superadmin #sa-plan-bt-price,
html[data-theme="dark"] #superadmin-section.nui-superadmin #sa-plan-bt-billing,
html[data-theme="dark"] #superadmin-section.nui-superadmin #sa-plan-stored-currency{
  background: rgba(15, 23, 42, 0.65);
}

#superadmin-section.nui-superadmin .status-pill.premium,
.nui-superadmin-modal .status-pill.premium{
  color: #fff;
  border-color: rgba(169, 62, 23, 0.35);
  background: linear-gradient(135deg, var(--nui-accent-2), var(--nui-accent));
  box-shadow: 0 16px 30px -22px rgba(169, 62, 23, 0.8);
}

#superadmin-section.nui-superadmin .status-pill.free,
.nui-superadmin-modal .status-pill.free{
  color: #4338ca;
  background: rgba(21, 57, 154, 0.12);
  border-color: rgba(21, 57, 154, 0.24);
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .status-pill.free,
html[data-theme="dark"] .nui-superadmin-modal .status-pill.free{
  color: #c7d2fe;
}

#superadmin-section.nui-superadmin .status-pill.active,
.nui-superadmin-modal .status-pill.active{
  color: #065f46;
  background: rgba(16, 185, 129, 0.14);
  border-color: rgba(16, 185, 129, 0.28);
}

#superadmin-section.nui-superadmin .status-pill.blocked,
.nui-superadmin-modal .status-pill.blocked{
  color: #991b1b;
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.24);
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .status-pill.active,
html[data-theme="dark"] .nui-superadmin-modal .status-pill.active{ color: #6ee7b7; }
html[data-theme="dark"] #superadmin-section.nui-superadmin .status-pill.blocked,
html[data-theme="dark"] .nui-superadmin-modal .status-pill.blocked{ color: #fca5a5; }

#superadmin-section.nui-superadmin .admin-empty,
#superadmin-section.nui-superadmin .sa-empty-state{
  display: grid;
  place-items: center;
  gap: 6px;
  padding: 28px 18px;
  text-align: center;
  min-height: 220px;
  border-radius: 20px;
  border: 1px dashed rgba(21, 57, 154, 0.2);
  background: linear-gradient(180deg, rgba(21, 57, 154, 0.04), rgba(16, 185, 129, 0.03));
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .admin-empty,
html[data-theme="dark"] #superadmin-section.nui-superadmin .sa-empty-state{
  background: linear-gradient(180deg, rgba(21, 57, 154, 0.07), rgba(6, 182, 212, 0.03));
}

#superadmin-section.nui-superadmin .admin-empty-title,
#superadmin-section.nui-superadmin .sa-empty-title{
  font-family: Rajdhani, Inter, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.05;
  color: var(--nui-text);
}

#superadmin-section.nui-superadmin .sa-detail-hero{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  margin-bottom: 16px;
  border-radius: 22px;
  border: 1px solid var(--nui-border);
  background: linear-gradient(135deg, rgba(21, 57, 154, 0.08), rgba(169, 62, 23, 0.04) 58%, rgba(16, 185, 129, 0.04));
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .sa-detail-hero{
  background: linear-gradient(135deg, rgba(21, 57, 154, 0.12), rgba(169, 62, 23, 0.05) 58%, rgba(16, 185, 129, 0.05));
}

#superadmin-section.nui-superadmin .sa-detail-main{ min-width: 0; }

#superadmin-section.nui-superadmin .sa-detail-title{
  font-size: 34px;
  line-height: 1.02;
  font-weight: 700;
}

#superadmin-section.nui-superadmin .sa-detail-pill-row{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

#superadmin-section.nui-superadmin .sa-detail-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

#superadmin-section.nui-superadmin .sa-detail-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}

#superadmin-section.nui-superadmin .sa-detail-card{
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--nui-border);
  background: var(--nui-panel-soft);
}

#superadmin-section.nui-superadmin .sa-detail-card-wide{
  grid-column: span 2;
}

#superadmin-section.nui-superadmin .sa-detail-label{
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--nui-muted);
}

#superadmin-section.nui-superadmin .sa-detail-value{
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
  color: var(--nui-text);
}

#superadmin-section.nui-superadmin .sa-detail-block{
  padding: 16px;
  border-radius: 20px;
  border: 1px solid var(--nui-border);
  background: rgba(255, 255, 255, 0.52);
  margin-bottom: 14px;
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .sa-detail-block{
  background: rgba(15, 23, 42, 0.62);
}

#superadmin-section.nui-superadmin .sa-block-title{
  font-size: 24px;
  line-height: 1.05;
  font-weight: 700;
}

#superadmin-section.nui-superadmin .sa-inline-form{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

#superadmin-section.nui-superadmin .sa-inline-form .hint{
  margin-left: 2px;
}

#superadmin-section.nui-superadmin .sa-log-list{
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

#superadmin-section.nui-superadmin .sa-log-list .log-item{
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--nui-border);
  background: var(--nui-panel-soft);
}

#superadmin-section.nui-superadmin .sa-log-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

#superadmin-section.nui-superadmin .sa-log-message{
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--nui-text);
  word-break: break-word;
}

#superadmin-section.nui-superadmin .admin-plan-list{
  display: grid;
  gap: 12px;
  max-height: 650px;
  overflow: auto;
  padding-right: 2px;
}

#superadmin-section.nui-superadmin .admin-list-item,
#superadmin-section.nui-superadmin .sa-plan-card{
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid var(--nui-border);
  background: var(--nui-panel-soft) !important;
  padding: 16px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

#superadmin-section.nui-superadmin .admin-list-item:hover,
#superadmin-section.nui-superadmin .sa-plan-card:hover{
  transform: translateY(-2px);
  border-color: rgba(21, 57, 154, 0.3);
  box-shadow: 0 18px 42px -28px rgba(21, 57, 154, 0.45);
}

#superadmin-section.nui-superadmin .admin-list-item.active,
#superadmin-section.nui-superadmin .sa-plan-card.active{
  border-color: rgba(21, 57, 154, 0.42);
  background: linear-gradient(135deg, rgba(21, 57, 154, 0.08), rgba(169, 62, 23, 0.04) 70%) !important;
  box-shadow: 0 18px 44px -28px rgba(21, 57, 154, 0.5);
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .admin-list-item.active,
html[data-theme="dark"] #superadmin-section.nui-superadmin .sa-plan-card.active{
  background: linear-gradient(135deg, rgba(21, 57, 154, 0.14), rgba(169, 62, 23, 0.05) 70%) !important;
}

#superadmin-section.nui-superadmin .sa-plan-card-top,
#superadmin-section.nui-superadmin .admin-list-item > div:first-child{
  gap: 16px;
}

#superadmin-section.nui-superadmin .sa-plan-card-title{
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
  color: var(--nui-text);
}

#superadmin-section.nui-superadmin .sa-plan-card-sub,
#superadmin-section.nui-superadmin .sa-plan-muted{
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--nui-muted) !important;
}

#superadmin-section.nui-superadmin .sa-plan-card-actions,
#superadmin-section.nui-superadmin .sa-plan-toggles{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#superadmin-section.nui-superadmin .sa-plan-toggles{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--nui-border);
}

#superadmin-section.nui-superadmin .sa-plan-toggle,
#superadmin-section.nui-superadmin .sa-checkbox-inline,
.nui-superadmin-modal .sa-checkbox-inline{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--nui-border);
  background: rgba(255, 255, 255, 0.62);
  color: var(--nui-text);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 700;
}

html[data-theme="dark"] #superadmin-section.nui-superadmin .sa-plan-toggle,
html[data-theme="dark"] #superadmin-section.nui-superadmin .sa-checkbox-inline,
html[data-theme="dark"] .nui-superadmin-modal .sa-checkbox-inline{
  background: rgba(15, 23, 42, 0.58);
}

#superadmin-section.nui-superadmin input[type="checkbox"],
.nui-superadmin-modal input[type="checkbox"]{
  width: 16px;
  height: 16px;
  accent-color: var(--nui-accent);
}

#superadmin-section.nui-superadmin details#sa-plan-advanced{
  border-radius: 18px;
  border: 1px solid var(--nui-border);
  background: rgba(255, 255, 255, 0.52);
  overflow: hidden;
}

html[data-theme="dark"] #superadmin-section.nui-superadmin details#sa-plan-advanced{
  background: rgba(15, 23, 42, 0.58);
}

#superadmin-section.nui-superadmin details#sa-plan-advanced > summary{
  list-style: none;
  width: 100%;
  border-radius: 0 !important;
  justify-content: flex-start;
  padding: 14px 16px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#superadmin-section.nui-superadmin details#sa-plan-advanced > summary::-webkit-details-marker{
  display: none;
}

#superadmin-section.nui-superadmin details#sa-plan-advanced[open] > summary{
  border-bottom: 1px solid var(--nui-border) !important;
}

#superadmin-section.nui-superadmin details#sa-plan-advanced > div{
  padding: 16px;
}

#superadmin-section.nui-superadmin .sa-inline-select{
  min-width: 132px;
}

#superadmin-section.nui-superadmin .sa-ticket-message{
  font-size: 13px;
  line-height: 1.55;
  color: var(--nui-text);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

#superadmin-section.nui-superadmin .text-muted,
.nui-superadmin-modal .text-muted{
  color: var(--nui-muted) !important;
}

#superadmin-section.nui-superadmin .admin-page{
  display: block;
}

#superadmin-section.nui-superadmin .admin-page.hidden{
  display: none !important;
}

#superadmin-section.nui-superadmin .sa-side-hint{
  max-width: 28ch;
  text-align: right;
}

#superadmin-section.nui-superadmin .scroll-box,
#superadmin-section.nui-superadmin .admin-plan-list,
#superadmin-section.nui-superadmin .admin-table-wrapper,
.nui-superadmin-modal .modal-card{
  scrollbar-width: thin;
  scrollbar-color: rgba(21, 57, 154, 0.32) transparent;
}

/* Modal surfaces */
.nui-superadmin-modal{
  background: rgba(15, 23, 42, 0.30) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

html[data-theme="dark"] .nui-superadmin-modal{
  background: rgba(2, 6, 23, 0.72) !important;
}

.nui-superadmin-modal .modal-card{
  width: min(920px, 96vw);
  max-height: 92vh;
  overflow: auto;
  border-radius: 24px !important;
  border: 1px solid var(--nui-border) !important;
  background: var(--nui-panel) !important;
  box-shadow: var(--nui-shadow) !important;
}

.nui-superadmin-modal .modal-head{
  padding: 20px 22px 16px !important;
  border-bottom: 1px solid var(--nui-border) !important;
}

.nui-superadmin-modal .modal-title{
  font-size: 28px !important;
  line-height: 1.04;
  font-weight: 700 !important;
}

.nui-superadmin-modal .modal-body{
  padding: 20px 22px !important;
}

.nui-superadmin-modal .modal-foot,
.nui-superadmin-modal .modal-actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0);
}

.nui-superadmin-modal .modal-head .btn{
  min-width: 82px;
}

.nui-superadmin-modal .modal-body .pill,
.nui-superadmin-modal .modal-body .status-pill{
  margin-right: 6px;
}

.nui-superadmin-modal .sa-modal-error{
  margin-top: 10px;
  color: var(--nui-error);
  font-size: 13px;
  line-height: 1.5;
  white-space: pre-wrap;
}

.nui-superadmin-modal .sa-modal-grid,
.nui-superadmin-modal .grid-2,
.nui-superadmin-modal .grid-3{
  display: grid;
  gap: 14px;
}

.nui-superadmin-modal .sa-modal-grid,
.nui-superadmin-modal .grid-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nui-superadmin-modal .grid-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Responsive */
@media (max-width: 1280px){
  #superadmin-section.nui-superadmin .sa-summary-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #superadmin-section.nui-superadmin .admin-layout,
  #superadmin-section.nui-superadmin .admin-plan-layout{
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 900px){
  #superadmin-section.nui-superadmin{
    padding: 22px !important;
  }

  #superadmin-section.nui-superadmin .admin-title{
    font-size: 32px !important;
  }

  #superadmin-section.nui-superadmin .sa-detail-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #superadmin-section.nui-superadmin .sa-detail-card-wide{
    grid-column: auto;
  }

  #superadmin-section.nui-superadmin .sa-detail-hero,
  #superadmin-section.nui-superadmin .sa-panel-head,
  #superadmin-section.nui-superadmin .admin-plan-col-head,
  .nui-superadmin-modal .modal-head{
    flex-direction: column;
    align-items: stretch;
  }

  #superadmin-section.nui-superadmin .sa-hero-actions,
  #superadmin-section.nui-superadmin .sa-detail-actions{
    justify-content: flex-start;
  }

  #superadmin-section.nui-superadmin .sa-side-hint{
    text-align: left;
    max-width: none;
  }

  .nui-superadmin-modal .sa-modal-grid,
  .nui-superadmin-modal .grid-2,
  .nui-superadmin-modal .grid-3{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px){
  #superadmin-section.nui-superadmin{
    padding: 18px !important;
    border-radius: 22px !important;
  }

  #superadmin-section.nui-superadmin .sa-summary-grid,
  #superadmin-section.nui-superadmin .sa-detail-grid{
    grid-template-columns: 1fr;
  }

  #superadmin-section.nui-superadmin .sa-stat-card{
    min-height: 112px;
  }

  #superadmin-section.nui-superadmin .sa-stat-value{
    font-size: 34px;
  }

  #superadmin-section.nui-superadmin .admin-title,
  #superadmin-section.nui-superadmin .sa-detail-title,
  .nui-superadmin-modal .modal-title{
    font-size: 28px !important;
  }

  #superadmin-section.nui-superadmin .sa-page-tabs,
  #superadmin-section.nui-superadmin .sa-mini-tabs{
    width: 100%;
  }

  #superadmin-section.nui-superadmin .sa-page-tabs .btn,
  #superadmin-section.nui-superadmin .sa-mini-tabs .btn{
    flex: 1 1 auto;
    justify-content: center;
  }

  #superadmin-section.nui-superadmin .sa-toolbar,
  #superadmin-section.nui-superadmin .sa-inline-form{
    align-items: stretch;
  }

  #superadmin-section.nui-superadmin .sa-toolbar > *,
  #superadmin-section.nui-superadmin .sa-inline-form > *{
    width: 100%;
  }

  #superadmin-section.nui-superadmin .sa-action-stack,
  #superadmin-section.nui-superadmin .sa-detail-actions,
  #superadmin-section.nui-superadmin .sa-hero-actions,
  .nui-superadmin-modal .modal-actions,
  .nui-superadmin-modal .modal-foot{
    width: 100%;
  }

  #superadmin-section.nui-superadmin .sa-action-stack .btn,
  #superadmin-section.nui-superadmin .sa-detail-actions .btn,
  #superadmin-section.nui-superadmin .sa-hero-actions .btn,
  .nui-superadmin-modal .modal-actions .btn,
  .nui-superadmin-modal .modal-foot .btn{
    flex: 1 1 calc(50% - 6px);
  }

  .nui-superadmin-modal .modal-card{
    width: 100%;
    max-height: 94vh;
    border-radius: 20px !important;
  }

  .nui-superadmin-modal .modal-head,
  .nui-superadmin-modal .modal-body{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* TradeBotX parity token overrides */
#superadmin-section.nui-superadmin,
.nui-superadmin-modal{
  --nui-text: #0f172a;
  --nui-muted: #64748b;
  --nui-border: #e2e8f0;
  --nui-glass: rgba(255, 255, 255, 0.85);
  --nui-panel: rgba(255, 255, 255, 0.94);
  --nui-panel-soft: rgba(248, 250, 252, 0.88);
  --nui-accent: #15399A;
  --nui-accent-2: #A93E17;
  --nui-accent-3: #A93E17;
  --nui-secondary: #10b981;
  --nui-info: #0ea5e9;
  --nui-warning: #f59e0b;
  --nui-error: #ef4444;
  --nui-shadow: 0 24px 70px rgba(15, 23, 42, 0.12);
  --nui-shadow-soft: 0 14px 38px rgba(15, 23, 42, 0.08);
  --nui-shadow-accent: 0 24px 48px -24px rgba(21, 57, 154, 0.46);
}

html[data-theme="dark"] #superadmin-section.nui-superadmin,
html[data-theme="dark"] .nui-superadmin-modal{
  --nui-text: #f1f5f9;
  --nui-muted: #94a3b8;
  --nui-border: #1e293b;
  --nui-glass: rgba(12, 15, 22, 0.85);
  --nui-panel: rgba(12, 15, 22, 0.92);
  --nui-panel-soft: rgba(15, 23, 42, 0.78);
  --nui-shadow: 0 30px 96px rgba(0, 0, 0, 0.56);
  --nui-shadow-soft: 0 18px 60px rgba(0, 0, 0, 0.42);
}

#superadmin-section.nui-superadmin::before{
  background:
    radial-gradient(circle at 12% 12%, rgba(21, 57, 154, 0.14) 0, transparent 38%),
    radial-gradient(circle at 88% 0%, rgba(169, 62, 23, 0.12) 0, transparent 34%),
    radial-gradient(circle at 78% 100%, rgba(16, 185, 129, 0.10) 0, transparent 36%) !important;
}