/*
 * V1840 admin/control-center UI polish.
 * Scoped, server-rendered enhancement layer for staff/control-center pages.
 * It does not change permissions, Gateway behavior, provider routing or retention behavior.
 */

.admin-control-polish,
.ai-api-control-room,
.ai-control-center-room,
.platform-ops-page,
.analytics-page,
.delivery-app-shell,
.payments-dashboard-page,
.taxation-shell,
.service-desk-layout,
.staff-orders-control-room {
  --ar-admin-bg: #f5f8fc;
  --ar-admin-surface: var(--ar-ds-color-surface, #ffffff);
  --ar-admin-soft: var(--ar-ds-color-surface-soft, #f7faff);
  --ar-admin-border: var(--ar-ds-color-border, #dbe5f2);
  --ar-admin-border-strong: var(--ar-ds-color-border-strong, #c6d7ec);
  --ar-admin-brand: var(--ar-ds-color-brand, #003986);
  --ar-admin-brand-strong: var(--ar-ds-color-brand-strong, #002056);
  --ar-admin-muted: var(--ar-ds-color-muted, #66778f);
  --ar-admin-ink: var(--ar-ds-color-ink, #102033);
  --ar-admin-shadow: var(--ar-ds-shadow-card, 0 18px 42px rgba(18, 51, 88, 0.08));
  --ar-admin-radius-lg: var(--ar-ds-radius-lg, 18px);
  --ar-admin-radius-md: var(--ar-ds-radius-md, 12px);
  --ar-admin-radius-pill: var(--ar-ds-radius-pill, 999px);
  color: var(--ar-admin-ink);
  font-family: var(--ar-ds-font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.admin-control-polish .dashboard-panel,
.ai-api-control-room .dashboard-panel,
.ai-control-center-room .dashboard-panel,
.platform-ops-page .card,
.analytics-page .analytics-card,
.analytics-page .dashboard-panel,
.delivery-app-shell .delivery-card,
.delivery-app-shell .card,
.payments-dashboard-page .payments-card,
.payments-dashboard-page .card,
.taxation-shell .analytics-card,
.taxation-shell .card,
.service-desk-layout .service-desk-card,
.service-desk-layout .card,
.staff-orders-control-room .dashboard-panel,
.staff-orders-control-room .dashboard-stat-card,
.staff-orders-control-room .staff-orders-card {
  border-color: var(--ar-admin-border);
  border-radius: var(--ar-admin-radius-lg);
  box-shadow: var(--ar-admin-shadow);
}

.ai-api-control-room .ai-api-hero,
.ai-control-center-room .ai-api-hero,
.platform-ops-page .platform-ops-page-header,
.analytics-page .analytics-topbar,
.delivery-app-shell .delivery-sidebar,
.payments-dashboard-page .payments-hero,
.taxation-shell .taxation-hero,
.staff-orders-control-room .staff-orders-hero {
  border-color: var(--ar-admin-border);
  border-radius: var(--ar-admin-radius-lg);
}

.ai-api-control-room .ai-api-kicker,
.ai-control-center-room .ai-api-kicker,
.analytics-page .analytics-kicker,
.delivery-app-shell .delivery-sidebar .small,
.payments-dashboard-page .payments-kicker,
.taxation-shell .analytics-kicker,
.staff-orders-control-room .dashboard-kicker {
  color: var(--ar-admin-brand);
  letter-spacing: .08em;
}

.ai-api-control-room .ai-api-primary-action,
.ai-api-control-room .ai-api-secondary-action,
.ai-api-control-room .ai-api-inline-button,
.ai-control-center-room .ai-api-primary-action,
.ai-control-center-room .ai-api-secondary-action,
.ai-control-center-room .ai-api-inline-button,
.ai-control-center-room .ai-control-center-nav__link,
.platform-ops-page .btn,
.analytics-page .btn,
.delivery-app-shell .btn,
.delivery-app-shell .delivery-nav-link,
.payments-dashboard-page .btn,
.taxation-shell .btn,
.taxation-shell .analytics-nav-link,
.service-desk-layout .btn,
.service-desk-layout .service-desk-sidebar__link,
.staff-orders-control-room .dashboard-quick-action,
.staff-orders-control-room .btn {
  border-radius: var(--ar-admin-radius-pill);
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

.ai-api-control-room .ai-api-primary-action:focus-visible,
.ai-api-control-room .ai-api-secondary-action:focus-visible,
.ai-api-control-room .ai-api-inline-button:focus-visible,
.ai-control-center-room .ai-api-primary-action:focus-visible,
.ai-control-center-room .ai-api-secondary-action:focus-visible,
.ai-control-center-room .ai-api-inline-button:focus-visible,
.ai-control-center-room .ai-control-center-nav__link:focus-visible,
.platform-ops-page .btn:focus-visible,
.platform-ops-page a:focus-visible,
.analytics-page .btn:focus-visible,
.analytics-page a:focus-visible,
.delivery-app-shell .btn:focus-visible,
.delivery-app-shell a:focus-visible,
.payments-dashboard-page .btn:focus-visible,
.payments-dashboard-page a:focus-visible,
.taxation-shell .btn:focus-visible,
.taxation-shell a:focus-visible,
.service-desk-layout .btn:focus-visible,
.service-desk-layout a:focus-visible,
.staff-orders-control-room .btn:focus-visible,
.staff-orders-control-room a:focus-visible {
  box-shadow: var(--ar-ds-focus-ring, 0 0 0 3px rgba(0, 57, 134, 0.14));
  outline: 0;
}

.ai-api-control-room .ai-api-table-wrap,
.ai-control-center-room .ai-api-table-wrap,
.ai-control-center-room .ai-control-center-compact-table-wrap,
.platform-ops-page .table-responsive,
.analytics-page .table-responsive,
.delivery-app-shell .table-responsive,
.payments-dashboard-page .table-responsive,
.taxation-shell .table-responsive,
.service-desk-layout .table-responsive,
.staff-orders-control-room .table-responsive {
  -webkit-overflow-scrolling: touch;
  border-radius: var(--ar-admin-radius-md);
  overflow-x: auto;
}

.ai-api-control-room .ai-api-table,
.ai-control-center-room .ai-api-table,
.platform-ops-page .table,
.analytics-page .table,
.delivery-app-shell .table,
.payments-dashboard-page .table,
.taxation-shell .table,
.service-desk-layout .table,
.staff-orders-control-room .table {
  vertical-align: middle;
}

.ai-api-control-room .ai-api-table th,
.ai-control-center-room .ai-api-table th,
.platform-ops-page .table th,
.analytics-page .table th,
.delivery-app-shell .table th,
.payments-dashboard-page .table th,
.taxation-shell .table th,
.service-desk-layout .table th,
.staff-orders-control-room .table th {
  color: var(--ar-admin-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ai-api-control-room .ai-api-chip,
.ai-control-center-room .ai-api-chip,
.ai-control-center-room .ai-api-pill,
.platform-ops-page .badge,
.analytics-page .badge,
.delivery-app-shell .badge,
.payments-dashboard-page .badge,
.taxation-shell .badge,
.service-desk-layout .badge,
.staff-orders-control-room .badge {
  border-radius: var(--ar-admin-radius-pill);
  font-weight: 750;
}

.ai-api-control-room input:not([type="checkbox"]):not([type="radio"]),
.ai-api-control-room select,
.ai-api-control-room textarea,
.ai-control-center-room input:not([type="checkbox"]):not([type="radio"]),
.ai-control-center-room select,
.ai-control-center-room textarea,
.platform-ops-page input:not([type="checkbox"]):not([type="radio"]),
.platform-ops-page select,
.platform-ops-page textarea,
.analytics-page input:not([type="checkbox"]):not([type="radio"]),
.analytics-page select,
.analytics-page textarea,
.delivery-app-shell input:not([type="checkbox"]):not([type="radio"]),
.delivery-app-shell select,
.delivery-app-shell textarea,
.payments-dashboard-page input:not([type="checkbox"]):not([type="radio"]),
.payments-dashboard-page select,
.payments-dashboard-page textarea,
.taxation-shell input:not([type="checkbox"]):not([type="radio"]),
.taxation-shell select,
.taxation-shell textarea,
.service-desk-layout input:not([type="checkbox"]):not([type="radio"]),
.service-desk-layout select,
.service-desk-layout textarea,
.staff-orders-control-room input:not([type="checkbox"]):not([type="radio"]),
.staff-orders-control-room select,
.staff-orders-control-room textarea {
  border-color: var(--ar-admin-border);
  border-radius: var(--ar-admin-radius-md);
}

.ai-api-control-room input:not([type="checkbox"]):not([type="radio"]):focus,
.ai-api-control-room select:focus,
.ai-api-control-room textarea:focus,
.ai-control-center-room input:not([type="checkbox"]):not([type="radio"]):focus,
.ai-control-center-room select:focus,
.ai-control-center-room textarea:focus,
.platform-ops-page input:not([type="checkbox"]):not([type="radio"]):focus,
.platform-ops-page select:focus,
.platform-ops-page textarea:focus,
.analytics-page input:not([type="checkbox"]):not([type="radio"]):focus,
.analytics-page select:focus,
.analytics-page textarea:focus,
.delivery-app-shell input:not([type="checkbox"]):not([type="radio"]):focus,
.delivery-app-shell select:focus,
.delivery-app-shell textarea:focus,
.payments-dashboard-page input:not([type="checkbox"]):not([type="radio"]):focus,
.payments-dashboard-page select:focus,
.payments-dashboard-page textarea:focus,
.taxation-shell input:not([type="checkbox"]):not([type="radio"]):focus,
.taxation-shell select:focus,
.taxation-shell textarea:focus,
.service-desk-layout input:not([type="checkbox"]):not([type="radio"]):focus,
.service-desk-layout select:focus,
.service-desk-layout textarea:focus,
.staff-orders-control-room input:not([type="checkbox"]):not([type="radio"]):focus,
.staff-orders-control-room select:focus,
.staff-orders-control-room textarea:focus {
  border-color: var(--ar-admin-brand);
  box-shadow: var(--ar-ds-focus-ring, 0 0 0 3px rgba(0, 57, 134, 0.14));
  outline: 0;
}

.platform-ops-page code,
.ai-api-control-room code,
.ai-control-center-room code,
.analytics-page code,
.delivery-app-shell code,
.payments-dashboard-page code,
.taxation-shell code,
.service-desk-layout code,
.staff-orders-control-room code {
  border-radius: var(--ar-ds-radius-xs, 6px);
  word-break: break-word;
}

.platform-ops-page .text-muted,
.ai-api-control-room .ai-api-subtext,
.ai-control-center-room .ai-api-subtext,
.analytics-page .analytics-page-copy,
.delivery-app-shell .text-secondary,
.payments-dashboard-page .payments-intro,
.taxation-shell .analytics-page-copy,
.service-desk-layout .service-desk-sidebar__label,
.staff-orders-control-room .dashboard-hero-card__intro {
  color: var(--ar-admin-muted);
}

@media (max-width: 991.98px) {
  .ai-api-control-room .ai-api-hero,
  .ai-control-center-room .ai-api-hero,
  .platform-ops-page .d-flex,
  .analytics-page .analytics-topbar-inner,
  .delivery-app-shell .delivery-grid,
  .payments-dashboard-page .payments-hero,
  .taxation-shell .analytics-topbar-inner,
  .service-desk-layout,
  .staff-orders-control-room .staff-orders-hero__top {
    gap: var(--ar-ds-space-4, 16px);
  }

  .ai-api-control-room .ai-api-metrics,
  .ai-control-center-room .ai-api-metrics,
  .ai-control-center-room .ai-control-center-metrics,
  .platform-ops-page .row,
  .staff-orders-control-room .staff-orders-metrics-grid {
    row-gap: var(--ar-ds-space-4, 16px);
  }
}

@media (max-width: 640px) {
  .ai-api-control-room,
  .ai-control-center-room,
  .platform-ops-page,
  .analytics-page,
  .delivery-app-shell,
  .payments-dashboard-page,
  .taxation-shell,
  .service-desk-layout,
  .staff-orders-control-room {
    overflow-x: clip;
  }

  .ai-api-control-room .ai-api-hero,
  .ai-control-center-room .ai-api-hero,
  .ai-api-control-room .ai-api-card,
  .ai-control-center-room .ai-api-card,
  .platform-ops-page .card,
  .analytics-page .analytics-card,
  .delivery-app-shell .card,
  .payments-dashboard-page .card,
  .taxation-shell .card,
  .service-desk-layout .card,
  .staff-orders-control-room .dashboard-panel {
    border-radius: var(--ar-admin-radius-md);
  }
}

.runtime-shell-topbar {
  background: #062b67;
  color: #fff;
}

.runtime-shell-link--inverse {
  color: #fff;
}

.runtime-shell-footer {
  background: #f7f9fc;
  border-top: 1px solid #dfe6f1;
}