/* Azia v1.0.0, Copyright 2018 ThemePixels, ThemeForest License.
 * Selected rules adapted from the user-supplied template/css/azia.css.
 * Classic is retained as the storage key for the first theme slot.
 * Bootstrap 4 reset and jQuery widgets are intentionally excluded: this app uses Bootstrap 5 + React.
 */


html[data-radix-theme="classic"] .primary {
  color: #fff;
  background-color: #6610f2;
  border-color: #5b0cdd; }
  html[data-radix-theme="classic"] .primary:hover {
    color: #fff;
    background-color: #560bd0;
    border-color: #4709ac; }
  html[data-radix-theme="classic"] .primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(91, 12, 221, 0.5); }

html[data-radix-theme="classic"] .page-heading h2 {
  color: #212229;
  font-weight: 700;
  font-size: 24px;
  text-indent: -1px;
  line-height: 1;
  position: relative;
  margin-bottom: 20px; }

html[data-radix-theme="classic"] .panel-head h3 {
  color: #212229;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1; }

/* React workspace adapter using Azia layout and palette tokens. */
html[data-radix-theme="classic"] {
  --radix-blue: #6610f2;
  --radix-deep: #560bd0;
  --radix-ink: #212229;
  --radix-muted: #70737c;
  --radix-line: #cdd4e0;
  --radix-canvas: #f8f9fc;
  --radix-paper: #fff;
  --radix-traffic-in: #6610f2;
  --radix-traffic-out: #007bff;
  --module-sidebar-width: 240px;
  --workspace-bar-height: 64px;
}
html[data-radix-theme="classic"] body, html[data-radix-theme="classic"] button, html[data-radix-theme="classic"] input, html[data-radix-theme="classic"] select, html[data-radix-theme="classic"] textarea { font-family: Roboto, 'Helvetica Neue', Arial, sans-serif; }
html[data-radix-theme="classic"] body { color: #494c57; background: #f8f9fc; font-size: 13px; }
html[data-radix-theme="classic"] .main, html[data-radix-theme="classic"] .shell { background: #f8f9fc; }
html[data-radix-theme="classic"] .sidebar.module-sidebar { background: white; border-right: 1px solid #cdd4e0; box-shadow: none; }
html[data-radix-theme="classic"] .sidebar-brand-row { min-height: 74px; padding: 15px; gap: 9px; border-color: #e3e7ed; }
html[data-radix-theme="classic"] .sidebar-brand-row strong { color: #212229; font-size: 20px; letter-spacing: -.5px; }
html[data-radix-theme="classic"] .sidebar-brand-row small, html[data-radix-theme="classic"] .module-sidebar .nav-caption { color: #70737c; }
html[data-radix-theme="classic"] .module-sidebar .nav-caption { font-size: 10px; font-weight: 500; letter-spacing: 1px; }
html[data-radix-theme="classic"] .module-nav-trigger { min-height: 43px; padding: 9px 10px; border-radius: 0; font-size: 13px; font-weight: 500; letter-spacing: 0; color: #494c57; }
html[data-radix-theme="classic"] .module-nav-group { border-radius: 0; }
html[data-radix-theme="classic"] .module-nav-trigger .material-symbols-outlined { color: #969dab; font-size: 21px; }
html[data-radix-theme="classic"] .module-nav-trigger:hover, html[data-radix-theme="classic"] .module-nav-group.active > .module-nav-trigger { color: #6610f2; background: #f2edff; box-shadow: none; }
html[data-radix-theme="classic"] .module-nav-group.active > .module-nav-trigger .material-symbols-outlined { color: #6610f2; }
html[data-radix-theme="classic"] .module-nav-children button { color: #70737c; font-weight: 400; border-radius: 0; letter-spacing: 0; }
html[data-radix-theme="classic"] .module-nav-children button.active, html[data-radix-theme="classic"] .module-nav-children button:hover { color: #6610f2; background: #f8f6ff; font-weight: 500; }
html[data-radix-theme="classic"] .module-nav-children::before { background: #e2d9f5; }
html[data-radix-theme="classic"] .workspace-bar { min-height: 64px; padding: 10px 24px; border-color: #cdd4e0; box-shadow: none; }
html[data-radix-theme="classic"] .workspace-search input { background: #fff; border-color: #cdd4e0; border-radius: 0; font-size: 13px; }
html[data-radix-theme="classic"] .workspace-quick-link, html[data-radix-theme="classic"] .top-account { color: #494c57; }
html[data-radix-theme="classic"] .workspace-quick-link:hover { color: #6610f2; }
html[data-radix-theme="classic"] .top-account-dropdown { border: 1px solid #cdd4e0; border-radius: 0; box-shadow: 0 8px 24px #21222914; }
html[data-radix-theme="classic"] .page { padding: 26px; }
html[data-radix-theme="classic"] .page-heading h2 { font-size: 26px; line-height: 1.25; margin-bottom: 8px; letter-spacing: -.7px; }
html[data-radix-theme="classic"] .page-heading .muted { color: #70737c; font-size: 13px; line-height: 1.6; }
html[data-radix-theme="classic"] .eyebrow { color: #70737c; font-size: 10px; font-weight: 500; letter-spacing: 1px; }
html[data-radix-theme="classic"] .dashboard-refreshed { color: #70737c; font-weight: 400; }
html[data-radix-theme="classic"] .dashboard-refreshed .material-symbols-outlined { color: #6610f2; }
html[data-radix-theme="classic"] .panel, html[data-radix-theme="classic"] .metric, html[data-radix-theme="classic"] .analytics-card, html[data-radix-theme="classic"] .dashboard-page .analytics-card, html[data-radix-theme="classic"] .dashboard-pulse-section, html[data-radix-theme="classic"] .dashboard-operations-card, html[data-radix-theme="classic"] .dashboard-alert, html[data-radix-theme="classic"] .analytics-filter {
  background: #fff; border: 1px solid #cdd4e0; border-radius: 0; box-shadow: none;
}
html[data-radix-theme="classic"] .dashboard-page .analytics-card:nth-child(n) { background: #fff; color: #494c57; border-color: #cdd4e0; }
html[data-radix-theme="classic"] .dashboard-page .analytics-card:nth-child(n) h3 { color: #212229; }
html[data-radix-theme="classic"] .dashboard-page .analytics-card:nth-child(n) .muted { color: #70737c; }
html[data-radix-theme="classic"] .dashboard-page .dashboard-bar-chart { box-shadow: none !important; }
html[data-radix-theme="classic"] .dashboard-section-heading { padding: 18px 20px; border-color: #e3e7ed; }
html[data-radix-theme="classic"] .dashboard-section-heading h3, html[data-radix-theme="classic"] .dashboard-chart-heading h3, html[data-radix-theme="classic"] .dashboard-card-heading h3 { color: #212229; font-size: 15px; font-weight: 500; }
html[data-radix-theme="classic"] .dashboard-section-heading > span, html[data-radix-theme="classic"] .dashboard-chart-heading > span { font-weight: 400; color: #70737c; }
html[data-radix-theme="classic"] .dashboard-pulse-grid { gap: 0; padding: 0; }
html[data-radix-theme="classic"] .dashboard-pulse-card { min-height: 125px; padding: 20px 16px; border: 0; border-right: 1px solid #e3e7ed; border-bottom: 1px solid #e3e7ed; background: #fff; border-radius: 0; box-shadow: none; }
html[data-radix-theme="classic"] .dashboard-pulse-card:hover { background: #f8f6ff; box-shadow: none; border-color: #e3e7ed; }
html[data-radix-theme="classic"] .dashboard-pulse-copy strong { color: #212229; font-size: 28px; font-weight: 500; letter-spacing: -1px; }
html[data-radix-theme="classic"] .dashboard-pulse-copy small { color: #70737c; font-weight: 400; }
html[data-radix-theme="classic"] .dashboard-pulse-copy em { color: #70737c; font-size: 11px; }
html[data-radix-theme="classic"] .dashboard-pulse-card.blue { --pulse: #6610f2; --pulse-soft: #f2edff; }
html[data-radix-theme="classic"] .dashboard-pulse-icon { border-radius: 0; }
html[data-radix-theme="classic"] .dashboard-alert { border-left: 3px solid #6610f2; }
html[data-radix-theme="classic"] .dashboard-alert.warning { background: #fff; border-left-color: #d99500; }
html[data-radix-theme="classic"] .dashboard-alert.danger { background: #fff; border-left-color: #dc3545; }
html[data-radix-theme="classic"] .dashboard-alert strong { color: #212229; font-weight: 500; }
html[data-radix-theme="classic"] .dashboard-alert > .material-symbols-outlined { border-radius: 0; }
html[data-radix-theme="classic"] .panel-head { background: #fff; border-color: #e3e7ed; }
html[data-radix-theme="classic"] .panel-head h3 { line-height: 1.4; }
html[data-radix-theme="classic"] .primary, html[data-radix-theme="classic"] .secondary, html[data-radix-theme="classic"] .table-action, html[data-radix-theme="classic"] .filter-periods button, html[data-radix-theme="classic"] .icon-action { border-radius: 0; font-size: 13px; font-weight: 500; box-shadow: none; }
html[data-radix-theme="classic"] .primary { background: #6610f2; color: #fff; border-color: #5b0cdd; }
html[data-radix-theme="classic"] .primary:hover { background: #560bd0; border-color: #4709ac; }
html[data-radix-theme="classic"] .secondary { background: #fff; color: #494c57; border: 1px solid #cdd4e0; }
html[data-radix-theme="classic"] .secondary:hover { background: #f2edff; color: #6610f2; border-color: #6610f2; }
html[data-radix-theme="classic"] .link-button, html[data-radix-theme="classic"] .text-button, html[data-radix-theme="classic"] .table-action { color: #6610f2; }
html[data-radix-theme="classic"] input, html[data-radix-theme="classic"] select, html[data-radix-theme="classic"] textarea { border-color: #cdd4e0; border-radius: 0; font-size: 13px; }
html[data-radix-theme="classic"] input:focus, html[data-radix-theme="classic"] select:focus, html[data-radix-theme="classic"] textarea:focus { border-color: #a779f8; outline: 2px solid #6610f226; outline-offset: 1px; box-shadow: none; }
html[data-radix-theme="classic"] button:focus-visible, html[data-radix-theme="classic"] a:focus-visible { outline: 2px solid #6610f2; outline-offset: 3px; }
html[data-radix-theme="classic"] .filter-periods button.active { background: #6610f2; border-color: #6610f2; color: #fff; box-shadow: none; }
html[data-radix-theme="classic"] th { background: #f4f5f8; color: #494c57; border-color: #cdd4e0; font-size: 11px; font-weight: 500; }
html[data-radix-theme="classic"] td { border-color: #e3e7ed; font-size: 13px; }
html[data-radix-theme="classic"] tbody tr:hover { background: #faf8ff; }
html[data-radix-theme="classic"] .modal { border-radius: 0; border-color: #cdd4e0; }
html[data-radix-theme="classic"] .theme-swatch.classic i:first-child { background: #6610f2; }
html[data-radix-theme="classic"] .theme-swatch.classic i:last-child { background: #fff; }
@media (max-width: 1050px) {
  html[data-radix-theme="classic"] .page { padding: 20px; }
}
@media (max-width: 700px) {
  html[data-radix-theme="classic"] .page { padding: 16px 12px; }
  html[data-radix-theme="classic"] .page-heading h2 { font-size: 23px; }
  html[data-radix-theme="classic"] .dashboard-pulse-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-radix-theme="classic"] .dashboard-pulse-card { padding: 14px 10px; min-height: 124px; }
  html[data-radix-theme="classic"] .dashboard-pulse-copy strong { font-size: 25px; }
  html[data-radix-theme="classic"] .dashboard-mini-chart-grid, html[data-radix-theme="classic"] .dashboard-insights-grid { grid-template-columns: 1fr; }
  html[data-radix-theme="classic"] .dashboard-chart-heading { align-items: flex-start; flex-direction: column; gap: 6px; }
  html[data-radix-theme="classic"] .dashboard-section-heading { padding: 15px; flex-wrap: wrap; }
  html[data-radix-theme="classic"] .dashboard-section-heading > span, html[data-radix-theme="classic"] .dashboard-chart-heading > span { white-space: normal; }
}
/* Give financial totals the full card width, including on narrow screens. */
html[data-radix-theme="classic"] .dashboard-pulse-card { position: relative; flex-direction: column; gap: 12px; }
html[data-radix-theme="classic"] .dashboard-pulse-copy { width: 100%; gap: 6px; }
html[data-radix-theme="classic"] .dashboard-pulse-copy strong { overflow: visible; overflow-wrap: anywhere; text-overflow: clip; line-height: 1.2; }
html[data-radix-theme="classic"] .dashboard-pulse-arrow { position: absolute; top: 20px; right: 16px; }
@media (max-width: 1050px) {
  html[data-radix-theme="classic"] .sidebar.module-sidebar { z-index: 75; }
  html[data-radix-theme="classic"] .mobile-nav-scrim { z-index: 74; }
}
