/* ═══════════════════════════════════════════════════════════════════════════
   Arkifi Admin — professional page patterns (tables, headers, cards, CTAs)
   Loaded after admin-theme.css. Scopes to authenticated main workspace.
   ═══════════════════════════════════════════════════════════════════════════ */

body.arkifi-admin .admin-layout main.content .page-container {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* ── Page title row (all header variants) ── */
body.arkifi-admin .admin-layout main.content .page-header,
body.arkifi-admin .admin-layout main.content .welcome-section {
  border-radius: 16px;
}

body.arkifi-admin .admin-layout main.content .header-content h1,
body.arkifi-admin .admin-layout main.content .page-header-content h1,
body.arkifi-admin .admin-layout main.content .page-header .header-content h1 {
  font-family: "Syne", system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(1.35rem, 2.5vw, 1.65rem) !important;
  letter-spacing: -0.03em !important;
  line-height: 1.2 !important;
  color: #5e2590 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  background-clip: unset !important;
}

body.arkifi-admin .admin-layout main.content .page-header-content h1 i,
body.arkifi-admin .admin-layout main.content .header-content h1 i {
  color: #5e2590 !important;
  -webkit-text-fill-color: unset !important;
}

body.arkifi-admin .admin-layout main.content .header-content p,
body.arkifi-admin .admin-layout main.content .page-header-content p,
body.arkifi-admin .admin-layout main.content .page-subtitle,
body.arkifi-admin .admin-layout main.content .form-subtitle {
  color: #52525b !important;
  font-size: 0.9375rem;
  line-height: 1.55;
}

/* Eyebrow label (optional in markup) */
body.arkifi-admin .admin-layout main.content .admin-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #5e2590;
  margin-bottom: 0.35rem;
  font-family: "Syne", system-ui, sans-serif;
}

body.arkifi-admin .admin-layout main.content .admin-eyebrow::before {
  content: "";
  width: 18px;
  height: 2px;
  background: #ffde59;
  border-radius: 2px;
}

/* Primary / yellow CTA in toolbars */
body.arkifi-admin .admin-layout main.content .header-actions .btn-primary,
body.arkifi-admin .admin-layout main.content .page-header .btn-primary {
  border-radius: 10px;
  font-family: "Syne", system-ui, sans-serif;
  font-weight: 700;
  padding: 0.55rem 1.15rem;
  box-shadow: 0 4px 14px rgba(255, 222, 89, 0.35);
}

body.arkifi-admin .admin-layout main.content .header-actions .btn-outline-primary,
body.arkifi-admin .admin-layout main.content .btn-outline-primary {
  border-color: rgba(94, 37, 144, 0.35);
  color: #5e2590;
  border-radius: 10px;
  font-weight: 600;
}

body.arkifi-admin .admin-layout main.content .header-actions .btn-outline-primary:hover,
body.arkifi-admin .admin-layout main.content .btn-outline-primary:hover {
  background: #f3eaf9;
  border-color: #5e2590;
  color: #3d1760;
}

/* ── Data tables — editorial grid (no row “zoom”) ── */
body.arkifi-admin .admin-layout main.content .custom-table {
  border-collapse: separate;
  border-spacing: 0;
}

body.arkifi-admin .admin-layout main.content .custom-table thead th {
  font-family: "Syne", system-ui, sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #52525b !important;
  background: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%) !important;
  border-bottom: 2px solid rgba(94, 37, 144, 0.14) !important;
  padding: 0.85rem 1.25rem !important;
  vertical-align: middle;
}

body.arkifi-admin .admin-layout main.content .custom-table tbody td {
  padding: 0.95rem 1.25rem !important;
  font-size: 0.9rem !important;
  color: #3f3f46 !important;
  border-bottom: 1px solid rgba(94, 37, 144, 0.06) !important;
  vertical-align: middle;
}

body.arkifi-admin .admin-layout main.content .custom-table tbody tr {
  transition: background-color 0.15s ease;
}

body.arkifi-admin .admin-layout main.content .custom-table tbody tr:hover {
  background: rgba(94, 37, 144, 0.045) !important;
  transform: none !important;
}

body.arkifi-admin .admin-layout main.content .custom-table tbody tr:last-child td {
  border-bottom: none !important;
}

/* Sortable headers */
body.arkifi-admin .admin-layout main.content .custom-table thead th.sortable {
  cursor: pointer;
  user-select: none;
}

body.arkifi-admin .admin-layout main.content .custom-table thead th.sortable:hover {
  color: #5e2590 !important;
  background: #fafafa !important;
}

/* ── Bootstrap table inside admin ── */
body.arkifi-admin .admin-layout main.content .table {
  --bs-table-bg: transparent;
  color: #3f3f46;
}

body.arkifi-admin .admin-layout main.content .table thead th {
  font-family: "Syne", system-ui, sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #52525b;
  border-bottom: 2px solid rgba(94, 37, 144, 0.14);
  background: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%);
}

body.arkifi-admin .admin-layout main.content .table tbody tr:hover {
  background-color: rgba(94, 37, 144, 0.045);
}

/* ── Stat / KPI cards ── */
body.arkifi-admin .admin-layout main.content .stat-card {
  border-radius: 16px !important;
  overflow: hidden;
}

body.arkifi-admin .admin-layout main.content .stat-card .stat-title,
body.arkifi-admin .admin-layout main.content .stat-label {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #71717a !important;
}

body.arkifi-admin .admin-layout main.content .stat-value {
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #0a0a0a !important;
}

/* ── Role / content cards ── */
body.arkifi-admin .admin-layout main.content .role-card,
body.arkifi-admin .admin-layout main.content .roles-grid .role-card {
  border-radius: 16px !important;
  border: 1px solid rgba(94, 37, 144, 0.1) !important;
  box-shadow: 0 4px 24px rgba(94, 37, 144, 0.08) !important;
  background: #ffffff !important;
  backdrop-filter: none !important;
}

body.arkifi-admin .admin-layout main.content .role-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(94, 37, 144, 0.12) !important;
  border-color: rgba(94, 37, 144, 0.2) !important;
}

body.arkifi-admin .admin-layout main.content .role-card-header {
  background: linear-gradient(180deg, #fafafa 0%, #ffffff 100%) !important;
}

/* ── Badges ── */
body.arkifi-admin .admin-layout main.content .status-badge,
body.arkifi-admin .admin-layout main.content .roles-badge {
  border-radius: 100px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
}

body.arkifi-admin .admin-layout main.content .roles-badge {
  background: linear-gradient(135deg, #5e2590 0%, #3d1760 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(94, 37, 144, 0.35);
}

/* ── Provider / settings panels ── */
body.arkifi-admin .admin-layout main.content .provider-card,
body.arkifi-admin .admin-layout main.content .settings-section,
body.arkifi-admin .admin-layout main.content .config-card {
  background: #ffffff !important;
  border: 1px solid rgba(94, 37, 144, 0.1) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 24px rgba(94, 37, 144, 0.08) !important;
}

/* ── Pagination ── */
body.arkifi-admin .admin-layout main.content .pagination .page-link {
  color: #5e2590;
  border-color: rgba(94, 37, 144, 0.15);
  border-radius: 8px;
  margin: 0 2px;
}

body.arkifi-admin .admin-layout main.content .pagination .page-item.active .page-link {
  background: linear-gradient(135deg, #5e2590 0%, #3d1760 100%);
  border-color: transparent;
  color: #fff;
}

/* ── Empty / loading states ── */
body.arkifi-admin .admin-layout main.content .empty-state,
body.arkifi-admin .admin-layout main.content .no-data {
  text-align: center;
  padding: 2.5rem 1.5rem;
  color: #71717a;
  font-size: 0.95rem;
}

body.arkifi-admin .admin-layout main.content .empty-state i {
  font-size: 2.5rem;
  color: rgba(94, 37, 144, 0.25);
  margin-bottom: 0.75rem;
}

/* ── app.css table-professional bridge ── */
body.arkifi-admin .admin-layout main.content .table-professional {
  border: 1px solid rgba(94, 37, 144, 0.1);
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(94, 37, 144, 0.08);
  overflow: hidden;
}

body.arkifi-admin .admin-layout main.content .table-professional .table th {
  font-family: "Syne", system-ui, sans-serif;
  background: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%) !important;
  border-bottom: 2px solid rgba(94, 37, 144, 0.14) !important;
  color: #52525b !important;
}

body.arkifi-admin .admin-layout main.content .table-professional .table tbody tr:hover {
  background: rgba(94, 37, 144, 0.045) !important;
  transform: none !important;
}

/* ── Settings & profile-style cards ── */
body.arkifi-admin .admin-layout main.content .settings-card {
  background: #ffffff !important;
  border: 1px solid rgba(94, 37, 144, 0.1) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 24px rgba(94, 37, 144, 0.08) !important;
  backdrop-filter: none !important;
}

body.arkifi-admin .admin-layout main.content .settings-card .card-header h3,
body.arkifi-admin .admin-layout main.content .settings-card .card-header h4 {
  font-family: "Syne", system-ui, sans-serif;
  font-weight: 800;
  color: #5e2590;
  letter-spacing: -0.02em;
}

/* Primary “create” actions — yellow OS CTA (matches marketing) */
body.arkifi-admin .admin-layout main.content .btn-create {
  background: linear-gradient(180deg, #ffde59 0%, #e8c400 100%) !important;
  color: #0a0a0a !important;
  border: none !important;
  font-family: "Syne", system-ui, sans-serif !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 18px rgba(255, 222, 89, 0.42) !important;
}

body.arkifi-admin .admin-layout main.content .btn-create:hover {
  filter: brightness(1.03);
  transform: translateY(-2px);
  box-shadow: 0 8px 26px rgba(255, 222, 89, 0.48) !important;
}

/* Dashboard welcome title */
body.arkifi-admin .admin-layout main.content .welcome-content h1 {
  font-size: clamp(1.35rem, 2.5vw, 1.75rem) !important;
}

/* Stats grid rhythm */
body.arkifi-admin .admin-layout main.content .dashboard-stats,
body.arkifi-admin .admin-layout main.content .stats-section,
body.arkifi-admin .admin-layout main.content .stats-overview {
  gap: 1.25rem !important;
}

/* Quick action tiles */
body.arkifi-admin .admin-layout main.content .action-card .action-title,
body.arkifi-admin .admin-layout main.content .quick-actions .action-title {
  font-family: "Syne", system-ui, sans-serif;
  font-weight: 700;
  color: #5e2590;
}