/*
 * Pharmzora theme — visual layer only.
 * Loaded after the original CSS bundles. Changes colour, type, spacing, radius and elevation;
 * never layout order, labels, controls or behaviour. Remove the <link> in index.html to revert.
 */

:root {
  --aus-primary: #0e7c66;
  --aus-primary-600: #0b6956;
  --aus-primary-700: #09574a;
  --aus-primary-50: #e8f5f1;
  --aus-primary-100: #cdebe2;
  --aus-nav: #0f3b36;
  --aus-nav-hover: #164b45;
  --aus-nav-ink: #e3f1ed;
  --aus-nav-accent: #7fd6c2;

  --aus-ink: #1c2733;
  --aus-ink-2: #3a4855;
  --aus-muted: #5e6c79;
  --aus-border: #e2e8ee;
  --aus-border-strong: #cfd8e0;
  --aus-canvas: #f4f6f8;
  --aus-surface: #ffffff;
  --aus-subtle: #f7f9fb;

  --aus-success: #1f8a5b;
  --aus-success-bg: #e7f5ee;
  --aus-warning: #a35f00;
  --aus-warning-bg: #fff3dc;
  --aus-danger: #c2372b;
  --aus-danger-bg: #fdecea;
  --aus-info: #2457a6;
  --aus-info-bg: #e8f0fb;

  --aus-radius: 8px;
  --aus-radius-sm: 6px;
  --aus-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.04);
  --aus-shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.16);
  --aus-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --aus-mono: "SFMono-Regular", Menlo, Consolas, monospace;
}

/* ------------------------------------------------------------------ base */
html, body {
  background: var(--aus-canvas);
}
body {
  font-family: var(--aus-font);
  color: var(--aus-ink);
  font-size: 14px;
  letter-spacing: -0.003em;
}
a { color: var(--aus-primary); }
a:hover { color: var(--aus-primary-700); }
h1, h2, h3, h4, h5, h6 { color: var(--aus-ink); font-weight: 600; letter-spacing: -0.01em; }
h3, h4 { font-size: 20px; }
h3 small, h4 small, h5 small { color: var(--aus-muted); font-weight: 400; font-size: 70%; }
hr { border-color: var(--aus-border); }
::selection { background: var(--aus-primary-100); }

/* ------------------------------------------------------------------ top bar */
nav.navbar.bg-light {
  background: var(--aus-surface) !important;
  border: 1px solid var(--aus-border);
  border-radius: var(--aus-radius);
  margin-top: 12px;
  padding: 10px 16px 10px 184px;
  min-height: 60px;
  box-shadow: var(--aus-shadow);
  position: relative;
}
/* brand lock-up, drawn in the empty space left of the first menu item */
nav.navbar.bg-light::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 152px;
  height: 30px;
  margin-top: -15px;
  background: url("pharmzora-logo.svg") left center / contain no-repeat;
}
nav.navbar.bg-light .nav-link { color: var(--aus-ink-2) !important; font-weight: 500; }
nav.navbar.bg-light .nav-link:hover { color: var(--aus-primary) !important; }
nav.navbar.bg-light .nav-link.selected { color: var(--aus-primary) !important; }

/* pharmacy name in the centre */
.account-name-header-block {
  color: var(--aus-ink);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.01em;
}
.account-expiration-alert-header-block {
  background: var(--aus-danger) !important;
  border-radius: 999px;
  font-weight: 500;
}

/* date + clock, formerly a black block */
.nav-clock .system-calendar-clock-block {
  background: var(--aus-primary-50) !important;
  border: 1px solid var(--aus-primary-100);
  border-radius: var(--aus-radius);
  width: 150px;
  margin-top: -4px !important;
  margin-right: 0;
  padding: 2px 10px 3px !important;
  right: 8px !important;
  line-height: 1.15;
}
.nav-clock time { color: var(--aus-primary-700) !important; padding-left: 0 !important; font-size: 12px; font-weight: 500; }
.nav-clock span { color: var(--aus-primary-700) !important; font-size: 17px !important; font-weight: 600 !important; font-variant-numeric: tabular-nums; }

/* user menu */
nav.bg-light #nav-dropdown { color: var(--aus-ink-2) !important; font-weight: 500; }

/* ------------------------------------------------------------------ main menu bar */
.sub-nav-bar {
  background: var(--aus-nav) !important;
  border-radius: var(--aus-radius);
  margin-top: 12px !important;
  margin-bottom: 24px !important;
  padding: 0 12px !important;
  box-shadow: var(--aus-shadow);
}
.sub-nav-bar a { color: var(--aus-nav-ink) !important; font-size: 14px !important; font-weight: 500; }
.sub-nav-bar .navbar-nav .nav-link {
  margin: 0 !important;            /* original sheet stretches links 25px past their label */
  padding: 17px 14px 15px !important;
  border-bottom: none;
  position: relative;
}
.sub-nav-bar li.nav-item { margin-right: 4px !important; }
/* Setting is absolutely positioned by the app (200px in from the right); keep that, and open its menu
   right-aligned so it never runs past the window edge */
.sub-nav-bar li.nav-item[style*="position: absolute"] { margin-right: 200px !important; }
.sub-nav-bar li.nav-item[style*="position: absolute"] .dropdown-menu { left: auto !important; right: 0 !important; }
.sub-nav-bar .navbar-nav .nav-link:hover { background: var(--aus-nav-hover); color: #fff !important; }
/* active marker: a short pill under the label only */
.sub-nav-bar .navbar-nav > .nav-item > .nav-link.selected:not(.dropdown-toggle)::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 6px;
  height: 3px;
  border-radius: 3px;
  background: var(--aus-nav-accent);
}
.sub-nav-bar .navbar-nav .show > .nav-link.dropdown-toggle { background: var(--aus-nav-hover); border-radius: 6px 6px 0 0; }
.sub-nav-bar .navbar-nav .nav-link.selected,
.sub-nav-bar .navbar-nav .show > .nav-link { color: #fff !important; }
/* no browser focus box on mouse click; keep a visible ring for keyboard users */
.sub-nav-bar .nav-link:focus, nav.navbar .nav-link:focus { outline: none; box-shadow: none; }
.sub-nav-bar .nav-link:focus-visible { outline: 2px solid var(--aus-nav-accent); outline-offset: -4px; border-radius: 6px; }
.sub-nav-bar .dropdown-menu {
  border: 1px solid var(--aus-border);
  border-radius: var(--aus-radius);
  box-shadow: var(--aus-shadow-lg);
  padding: 6px;
  margin-top: 4px !important;
}
.sub-nav-bar .dropdown-item { border-radius: var(--aus-radius-sm); padding: 0; }
.sub-nav-bar .dropdown-item a { color: var(--aus-ink) !important; padding: 8px 12px; display: block; }
.sub-nav-bar .dropdown-item:hover, .sub-nav-bar .dropdown-item a:hover { background: var(--aus-primary-50) !important; color: var(--aus-primary-700) !important; }
.sub-nav-bar .dropdown-item.active, .sub-nav-bar .dropdown-item:active { background: var(--aus-primary-50); }
.dropdown-menu { border-color: var(--aus-border); border-radius: var(--aus-radius); box-shadow: var(--aus-shadow-lg); }
.dropdown-item:hover { background: var(--aus-primary-50); }

/* ------------------------------------------------------------------ surfaces */
.form-container,
.main-container,
.plane-border-container,
.tab-container {
  background: var(--aus-surface) !important;
  border: 1px solid var(--aus-border) !important;
  border-radius: var(--aus-radius);
  box-shadow: var(--aus-shadow);
  padding: 20px;
}
.tab-container { border-top: none !important; border-top-left-radius: 0; border-top-right-radius: 0; }
.card { border-color: var(--aus-border); border-radius: var(--aus-radius); box-shadow: var(--aus-shadow); }

/* inline-coloured panels from the original components */
[style*="background: rgb(243, 243, 243)"],
[style*="background-color: rgb(243, 243, 243)"],
[style*="background: rgb(240, 240, 247)"],
[style*="background: rgb(236, 236, 236)"],
[style*="background: rgb(241, 243, 245)"] {
  background: var(--aus-surface) !important;
}

/* ------------------------------------------------------------------ tabs */
.nav-tabs { border-bottom: 1px solid var(--aus-border); }
.nav-tabs .nav-link {
  color: var(--aus-muted);
  border: none;
  border-bottom: 2px solid transparent;
  font-weight: 500;
  padding: 10px 16px;
}
.nav-tabs .nav-link:hover { color: var(--aus-primary); border-bottom-color: var(--aus-primary-100); }
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.selected {
  color: var(--aus-primary-700);
  background: transparent;
  border-bottom-color: var(--aus-primary);
}

/* ------------------------------------------------------------------ tables */
.table { color: var(--aus-ink); }
.table thead th,
.table th {
  color: var(--aus-muted);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 1px solid var(--aus-border-strong) !important;
  border-top: none;
  vertical-align: bottom;
  background: var(--aus-surface);
}
.table td { border-top: 1px solid var(--aus-border); vertical-align: middle; }
.table-hover tbody tr:hover, .table tbody tr:hover { background: var(--aus-subtle); }
.table-bordered, .table-bordered td, .table-bordered th { border-color: var(--aus-border); }
.table-striped tbody tr:nth-of-type(odd) { background: var(--aus-subtle); }

/* filter row (inline #E3EAF2) and other blue-grey bands */
[style*="background: rgb(227, 234, 242)"],
[style*="background-color: rgb(227, 234, 242)"] {
  background: var(--aus-subtle) !important;
}
[style*="background: rgb(227, 234, 242)"] td,
[style*="background: rgb(227, 234, 242)"] th { border-color: var(--aus-border) !important; }

/* expanded batch rows (inline #EDF9D3) */
[style*="background: rgb(237, 249, 211)"] {
  background: var(--aus-primary-50) !important;
}

/* pagination */
.pagination .page-link {
  color: var(--aus-ink-2);
  border-color: var(--aus-border);
  min-width: 34px;
  text-align: center;
}
.pagination .page-item:first-child .page-link { border-radius: var(--aus-radius-sm) 0 0 var(--aus-radius-sm); }
.pagination .page-item:last-child .page-link { border-radius: 0 var(--aus-radius-sm) var(--aus-radius-sm) 0; }
.pagination .page-item.active .page-link { background: var(--aus-primary); border-color: var(--aus-primary); color: #fff; }
.pagination .page-link:hover { background: var(--aus-primary-50); color: var(--aus-primary-700); }

/* ------------------------------------------------------------------ forms */
.form-control,
.react-datepicker__input-container input,
input[type="text"], input[type="number"], input[type="password"], input[type="email"], select, textarea {
  border-color: var(--aus-border-strong);
  border-radius: var(--aus-radius-sm);
  color: var(--aus-ink);
}
.form-control:focus,
input:focus, select:focus, textarea:focus {
  border-color: var(--aus-primary) !important;
  box-shadow: 0 0 0 3px rgba(14, 124, 102, 0.16) !important;
  outline: none;
}
.form-control::placeholder, input::placeholder { color: #98a4af; }
.form-control:disabled, .form-control[readonly] { background: var(--aus-subtle); }
.input-group-text {
  background: var(--aus-subtle);
  border-color: var(--aus-border-strong);
  color: var(--aus-muted);
}
label, .col-form-label { color: var(--aus-ink-2); font-weight: 500; }

/* react-select v2 (hashed class names end in -control / -menu / -option) */
div[class*="-control"] {
  border-color: var(--aus-border-strong) !important;
  border-radius: var(--aus-radius-sm) !important;
  min-height: 38px;
}
div[class*="-control"]:hover { border-color: var(--aus-primary) !important; }
div[class*="-control"][class*="is-focused"],
div[class*="-control"]:focus-within {
  border-color: var(--aus-primary) !important;
  box-shadow: 0 0 0 3px rgba(14, 124, 102, 0.16) !important;
}
div[class*="-menu"] {
  border-radius: var(--aus-radius) !important;
  box-shadow: var(--aus-shadow-lg) !important;
  border: 1px solid var(--aus-border);
  overflow: hidden;
  z-index: 20 !important;
}
div[class*="-option"]:hover { background: var(--aus-primary-50) !important; }

/* react-datepicker */
.react-datepicker { border-color: var(--aus-border); border-radius: var(--aus-radius); box-shadow: var(--aus-shadow-lg); font-family: var(--aus-font); }
.react-datepicker__header { background: var(--aus-subtle); border-bottom-color: var(--aus-border); }
.react-datepicker__day--selected,
.react-datepicker__day--keyboard-selected { background: var(--aus-primary) !important; border-radius: 6px; }

/* ------------------------------------------------------------------ buttons */
.btn {
  border-radius: var(--aus-radius-sm);
  font-weight: 500;
  padding: 7px 14px;
  transition: background-color .12s, border-color .12s, color .12s;
}
.btn:focus { box-shadow: 0 0 0 3px rgba(14, 124, 102, 0.2) !important; }
.btn-success,
.btn-primary {
  background: var(--aus-primary) !important;
  border-color: var(--aus-primary) !important;
  color: #fff !important;
}
.btn-success:hover, .btn-primary:hover { background: var(--aus-primary-600) !important; border-color: var(--aus-primary-600) !important; }
.btn-outline-success, .link-outline-success {
  border-color: var(--aus-primary) !important;
  color: var(--aus-primary) !important;
  background: var(--aus-surface);
}
.btn-outline-success:hover, .link-outline-success:hover {
  background: var(--aus-primary-50) !important;
  color: var(--aus-primary-700) !important;
  border-color: var(--aus-primary) !important;
}
.btn-outline-orange, .link-outline-orange {
  border-color: var(--aus-border-strong) !important;
  color: var(--aus-ink-2) !important;
  background: var(--aus-surface);
}
.btn-outline-orange:hover, .link-outline-orange:hover {
  background: var(--aus-subtle) !important;
  color: var(--aus-ink) !important;
  border-color: var(--aus-muted) !important;
}
.btn-outline-orange.fill { background: var(--aus-ink-2) !important; color: #fff !important; }
.link-outline-success, .link-outline-orange { border-radius: var(--aus-radius-sm); padding: 3px 10px; font-weight: 500; }
.btn-info { background: var(--aus-info); border-color: var(--aus-info); }
.btn-info:hover { background: #1d4789; border-color: #1d4789; }
.btn-outline-info { border-color: var(--aus-info); color: var(--aus-info); }
.btn-outline-info:hover { background: var(--aus-info-bg) !important; color: var(--aus-info) !important; border-color: var(--aus-info) !important; }
.btn-danger { background: var(--aus-danger); border-color: var(--aus-danger); }
.btn-danger:hover { background: #a82e24; border-color: #a82e24; }
.btn-outline-danger, .btn-outline-red { border-color: #e8b4ae !important; color: var(--aus-danger) !important; background: var(--aus-surface); }
.btn-outline-danger:hover, .btn-outline-red:hover { background: var(--aus-danger-bg) !important; color: var(--aus-danger) !important; }
.btn-outline-default { border-color: var(--aus-border-strong); color: var(--aus-ink-2); }
.btn-outline-default:hover { background: var(--aus-subtle) !important; color: var(--aus-ink) !important; border-color: var(--aus-muted); }
.btn-secondary { background: var(--aus-surface); border-color: var(--aus-border-strong); color: var(--aus-ink-2); }
.btn-secondary:hover { background: var(--aus-subtle); color: var(--aus-ink); border-color: var(--aus-muted); }
.btn-link { color: var(--aus-primary); }

/* fixed submit bar (role privileges) */
.fixed-button-row {
  background: rgba(255, 255, 255, 0.94) !important;
  border-top: 1px solid var(--aus-border);
  backdrop-filter: blur(6px);
  box-shadow: 0 -4px 16px rgba(16, 24, 40, 0.06);
}

/* ------------------------------------------------------------------ status badges */
.expiry_label_active,
.expiry_label_expiring,
.expiry_label_expired,
.stock_on_alert,
.has-stock-alert,
.orange-expiry-alert {
  display: inline-block !important;
  width: auto !important;
  min-width: 72px;
  padding: 2px 10px !important;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-align: center;
}
.expiry_label_active { background: var(--aus-success-bg) !important; color: var(--aus-success) !important; }
.expiry_label_expiring, .orange-expiry-alert { background: var(--aus-warning-bg) !important; color: var(--aus-warning) !important; }
.expiry_label_expired, .stock_on_alert, .has-stock-alert { background: var(--aus-danger-bg) !important; color: var(--aus-danger) !important; }
.stock_on_alert { min-width: 44px; }

.badge { border-radius: 999px; font-weight: 600; padding: 3px 8px; }
.badge.bg-orange { background: var(--aus-warning) !important; }
.badge.bg-red { background: var(--aus-danger) !important; }
.badge.bg-default { background: var(--aus-muted) !important; }
.bg-orange { background-color: var(--aus-warning) !important; }
.bg-red { background-color: var(--aus-danger) !important; }
.bg-green { background-color: var(--aus-success) !important; }
.color-red { color: var(--aus-danger) !important; }
.color-green { color: var(--aus-success) !important; }

/* ------------------------------------------------------------------ bill totals and preview */
/* big grand-total box (inline #ddefdd / #335f33) */
[style*="background-color: rgb(221, 239, 221)"] {
  background: var(--aus-primary-50) !important;
  border: 1px solid var(--aus-primary-100) !important;
  border-radius: var(--aus-radius) !important;
}
[style*="color: rgb(51, 95, 51)"] { color: var(--aus-primary-700) !important; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }

/* Quick Bill invoice preview */
.preview-bill-block {
  background: var(--aus-surface) !important;
  color: var(--aus-ink) !important;
  border: 1px dashed var(--aus-border-strong);
  border-radius: var(--aus-radius);
  box-shadow: var(--aus-shadow);
}
.preview-bill-block td, .preview-bill-block th { border-color: var(--aus-border) !important; color: var(--aus-ink) !important; }
.preview-bill-block h1, .preview-bill-block h2, .preview-bill-block h3 { color: var(--aus-primary-700); letter-spacing: 0.12em; font-size: 18px; text-transform: uppercase; }

/* ------------------------------------------------------------------ dashboard tiles */
.chart-panel {
  background: var(--aus-surface) !important;
  border: 1px solid var(--aus-border);
  border-radius: var(--aus-radius);
  box-shadow: var(--aus-shadow);
  overflow: hidden;
}
.chart-panel .left {
  font-size: 22px !important;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.chart-panel .top { color: var(--aus-ink) !important; font-size: 12px; font-weight: 600; letter-spacing: 0.05em; padding: 10px 14px 4px; }
.chart-panel .top a, .chart-panel a { color: inherit !important; text-decoration: none; }
.chart-panel .bot { color: var(--aus-muted) !important; font-size: 12.5px; padding: 6px 14px 10px; }
.chart-panel .sp { border-bottom: 1px solid var(--aus-border) !important; margin: 0 14px; }
.chart-panel.orange .left { background: var(--aus-warning-bg) !important; color: var(--aus-warning) !important; }
.chart-panel.green .left { background: var(--aus-danger-bg) !important; color: var(--aus-danger) !important; }
.chart-panel.red .left { background: var(--aus-primary-50) !important; color: var(--aus-primary-700) !important; }
.chart-panel.blue .left { background: var(--aus-info-bg) !important; color: var(--aus-info) !important; }
[id^="canvasjs-react-chart-container"] { border: 1px solid var(--aus-border); border-radius: var(--aus-radius); overflow: hidden; box-shadow: var(--aus-shadow); margin-top: 8px; }

/* ------------------------------------------------------------------ privacy / roles */
.manage-privacy-block li { border-bottom-color: var(--aus-border); border-radius: var(--aus-radius-sm); }
.manage-privacy-block li a { color: var(--aus-ink-2); }
.manage-privacy-block li:hover { background: var(--aus-subtle); }
.renewal-key-block { background: var(--aus-subtle); border-color: var(--aus-border); border-radius: var(--aus-radius); }
.error-message { background: var(--aus-danger-bg); color: var(--aus-danger); border: 1px solid #f2c4bf; border-radius: var(--aus-radius); }

/* ------------------------------------------------------------------ modal */
.modal-content { border: none; border-radius: 12px; box-shadow: var(--aus-shadow-lg); }
.modal-header { border-bottom-color: var(--aus-border); padding: 16px 24px; }
.modal-header .modal-title { font-weight: 600; font-size: 18px; }
.modal-body { padding: 20px 24px; }
.modal-footer { border-top-color: var(--aus-border); background: var(--aus-subtle); border-radius: 0 0 12px 12px; }
.modal-backdrop.show { opacity: 0.4; background: #0b1a18; }

/* ------------------------------------------------------------------ toasts */
.Toastify__toast { border-radius: var(--aus-radius) !important; box-shadow: var(--aus-shadow-lg) !important; font-family: var(--aus-font) !important; font-size: 14px; min-height: 52px; }
.Toastify__toast--success { background: var(--aus-primary) !important; }
.Toastify__toast--error { background: var(--aus-danger) !important; }
.Toastify__toast--warning { background: var(--aus-warning) !important; }
.Toastify__toast--info { background: var(--aus-info) !important; }

/* ------------------------------------------------------------------ login */
.login-container {
  background: var(--aus-surface) !important;
  border: 1px solid var(--aus-border) !important;
  border-radius: 14px;
  box-shadow: 0 20px 48px rgba(16, 24, 40, 0.10);
  width: 420px !important;
  margin-top: 120px !important;
  position: relative;
  padding-top: 64px;
}
.login-container::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 50%;
  width: 184px;
  height: 36px;
  margin-left: -92px;
  background: url("pharmzora-logo.svg") center / contain no-repeat;
}
.aus-login-title { display: block; color: var(--aus-muted); font-size: 15px; font-weight: 500; letter-spacing: 0; }
.login-container input.form-control { height: 44px; }
.login-container #login_submit { width: 100%; height: 44px; margin-top: 4px; }

/* ------------------------------------------------------------------ profile and pharmacy picker */
.list-group-item { border-color: var(--aus-border); }
img[src*="user"] { border-radius: 50%; }

/* filter rows and total rows inside table heads keep normal case */
.table thead tr + tr th,
.table thead tr + tr td {
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  color: var(--aus-ink);
  font-weight: 600;
  border-bottom: 1px solid var(--aus-border) !important;
}
.table tbody tr:not(:first-child) th,
.table tfoot th {
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  color: var(--aus-ink);
  font-weight: 600;
}

/* checkboxes and radios */
input[type="checkbox"], input[type="radio"] { accent-color: var(--aus-primary); width: 15px; height: 15px; vertical-align: -2px; margin-right: 6px; }

/* panels that were inline-tinted now read as cards */
[style*="background: rgb(240, 240, 247)"],
[style*="background: rgb(241, 243, 245)"],
[style*="background: rgb(243, 243, 243)"] {
  border: 1px solid var(--aus-border);
  border-radius: var(--aus-radius);
  box-shadow: var(--aus-shadow);
}

/* ------------------------------------------------------------------ dashboard: daily sales chart (pharmzora-chart.js) */
.aus-chart {
  background: var(--aus-surface);
  border: 1px solid var(--aus-border);
  border-radius: var(--aus-radius);
  box-shadow: var(--aus-shadow);
  padding: 16px 20px 8px;
  margin-top: 16px;
}
.aus-chart-head { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 16px; margin-bottom: 4px; }
.aus-chart-title { font-size: 16px; font-weight: 600; color: var(--aus-ink); }
.aus-chart-sub { font-size: 12.5px; color: var(--aus-muted); margin-top: 2px; }
.aus-chart-stats { display: flex; gap: 28px; flex-wrap: wrap; }
.aus-chart-stats div { display: flex; flex-direction: column; align-items: flex-end; }
.aus-chart-stats span { font-size: 11.5px; color: var(--aus-muted); text-transform: uppercase; letter-spacing: .05em; font-weight: 600; }
.aus-chart-stats b { font-size: 15px; color: var(--aus-ink); font-weight: 600; font-variant-numeric: tabular-nums; margin-top: 2px; }
.aus-chart-svg { width: 100%; height: auto; display: block; overflow: visible; }
.aus-chart-grid { stroke: #eef2f5; stroke-width: 1; }
.aus-chart-base { stroke: var(--aus-border-strong); stroke-width: 1; }
.aus-chart-axis { fill: var(--aus-muted); font-size: 9.5px; font-family: var(--aus-font); font-variant-numeric: tabular-nums; }
.aus-chart-empty { fill: var(--aus-muted); font-size: 14px; font-family: var(--aus-font); }
.aus-chart-hit { fill: transparent; }
.aus-chart-bar { fill: var(--aus-primary-100); transition: fill .12s; }
.aus-chart-col.is-best .aus-chart-bar { fill: var(--aus-primary); }
.aus-chart-col:hover .aus-chart-bar { fill: var(--aus-primary-600); }
.aus-chart-col:hover .aus-chart-hit { fill: rgba(14, 124, 102, 0.05); }

/* links inside dropdown menus: compact rows, no top-level padding, hover, or active marker */
.sub-nav-bar .dropdown-menu .nav-link { padding: 8px 12px !important; border-radius: var(--aus-radius-sm); color: var(--aus-ink) !important; }
.sub-nav-bar .dropdown-menu .nav-link:hover { background: var(--aus-primary-50) !important; color: var(--aus-primary-700) !important; }
.sub-nav-bar .dropdown-menu .nav-link.selected { background: var(--aus-primary-50); color: var(--aus-primary-700) !important; font-weight: 600; }
.sub-nav-bar .dropdown-menu .nav-link::after { display: none; }
.sub-nav-bar .dropdown-item { margin: 1px 0; }