/* ==========================================================================
   MNHS ICT Asset Hub — school edition theme
   Navy + gold palette taken from the Manaybanay National High School seal.
   Loaded after dc-theme.css and leyte-organic.css, so it overrides both.
   ========================================================================== */

:root {
  --mn-navy-950: #081a30;
  --mn-navy-900: #0b2340;
  --mn-navy-800: #0f2a4a;
  --mn-navy-700: #123b6b;
  --mn-navy-600: #1d4f86;
  --mn-navy-100: #e4ecf7;
  --mn-navy-50:  #f0f5fb;
  --mn-sky:      #2f8fd8;
  --mn-sky-50:   #e8f3fc;
  --mn-gold:     #e0a526;
  --mn-gold-600: #b9831a;
  --mn-gold-50:  #fdf4de;
  --mn-red:      #c62a2f;
  --mn-red-50:   #fcebec;
  --mn-green:    #1f8a5b;
  --mn-green-50: #e5f5ee;
  --mn-bg:       #f3f6fa;
  --mn-surface:  #ffffff;
  --mn-line:     #dde4ee;
  --mn-line-soft:#edf1f6;
  --mn-text:     #0f2238;
  --mn-muted:    #5d6f86;
  --mn-dim:      #93a1b4;
  --mn-radius:   .75rem;
  --mn-radius-lg:1rem;
  --mn-shadow:   0 1px 2px rgba(15,34,56,.05), 0 6px 20px rgba(15,34,56,.06);
  --mn-shadow-lg:0 14px 34px rgba(15,34,56,.12);

  /* Re-map the shared design tokens the older stylesheets read. */
  --dc-bg: var(--mn-bg);
  --dc-bg-elevated: #e9eef5;
  --dc-surface: var(--mn-surface);
  --dc-surface-hover: #f7f9fc;
  --dc-glass: var(--mn-navy-50);
  --dc-glass-hover: var(--mn-navy-100);
  --dc-border: var(--mn-line);
  --dc-border-strong: #c9d4e2;
  --dc-text: var(--mn-text);
  --dc-text-muted: var(--mn-muted);
  --dc-text-dim: var(--mn-dim);
  --dc-accent: var(--mn-navy-700);
  --dc-accent-2: var(--mn-gold);
  --dc-teal: var(--mn-sky);
  --dc-blue: var(--mn-sky);
  --dc-gradient: linear-gradient(135deg, var(--mn-navy-700), var(--mn-navy-900));
  --dc-gradient-subtle: linear-gradient(135deg, rgba(18,59,107,.08), rgba(224,165,38,.10));
  --dc-shadow: var(--mn-shadow);
  --dc-radius: var(--mn-radius);
  --dc-radius-lg: var(--mn-radius-lg);
  --dc-sidebar-w: 16.5rem;
}

/* ── Typography ─────────────────────────────────────────────────────────── */
.dc-app,
.dc-app *:not(.material-symbols-outlined):not(code):not(pre):not(kbd):not(.font-mono) {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
.dc-app .font-mono, .dc-app code { font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace !important; }
.dc-app { background: var(--mn-bg) !important; color: var(--mn-text); }
.dc-app h1, .dc-app h2, .dc-app h3 { letter-spacing: -.02em !important; }

/* ── Background ─────────────────────────────────────────────────────────── */
.dc-ambient {
  background:
    radial-gradient(ellipse 50% 40% at 100% 0%, rgba(47,143,216,.07), transparent 70%),
    linear-gradient(180deg, #f5f8fc 0%, var(--mn-bg) 40%) !important;
}
.dc-ambient::before, .dc-ambient::after { display: none !important; }

/* ── Sidebar ────────────────────────────────────────────────────────────── */
.dc-sidebar {
  background: linear-gradient(180deg, var(--mn-navy-800) 0%, var(--mn-navy-950) 100%) !important;
  border-right: 0 !important;
  box-shadow: 6px 0 24px rgba(8,26,48,.18) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.dc-sidebar::before {
  /* thin gold rule along the top edge, echoing the seal's ring */
  content: ""; position: absolute; inset: 0 0 auto 0; height: 3px;
  background: linear-gradient(90deg, var(--mn-gold), #f3c75c, var(--mn-gold));
}
.dc-sidebar .dc-sidebar-divider { border-color: rgba(255,255,255,.08) !important; }
.dc-sidebar .text-white { color: #fff !important; }
.dc-sidebar .text-slate-500 { color: #9fb2cb !important; }
.dc-sidebar .dc-brand-icon {
  background: #fff !important; padding: .12rem !important;
  border: 2px solid var(--mn-gold) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.25) !important;
}
.mn-brand-title { color: #fff; font-size: .9rem; font-weight: 800; line-height: 1.15; letter-spacing: -.01em; }
.mn-brand-sub { color: var(--mn-gold); font-size: .58rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

.dc-sidebar .dc-nav-heading {
  color: #7f95b2 !important; font-size: .56rem !important; letter-spacing: .16em !important;
}
.dc-sidebar .dc-nav-block + .dc-nav-block { border-top-color: rgba(255,255,255,.07) !important; }
.dc-sidebar .dc-nav-link {
  position: relative;
  color: #c6d3e4 !important;
  border: 0 !important;
  border-radius: .55rem !important;
  font-weight: 600 !important;
}
.dc-sidebar .dc-nav-link .material-symbols-outlined { color: #8ea6c4; }
.dc-sidebar .dc-nav-link:hover {
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.dc-sidebar .dc-nav-link:hover .material-symbols-outlined { color: #fff; }
.dc-sidebar .dc-nav-link.active {
  background: rgba(224,165,38,.14) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: inset 3px 0 0 var(--mn-gold) !important;
}
.dc-sidebar .dc-nav-link.active .material-symbols-outlined { color: var(--mn-gold); }
.dc-sidebar nav { scrollbar-color: rgba(255,255,255,.18) transparent !important; }
.dc-sidebar .hover\:bg-white\/\[0\.04\]:hover { background: rgba(255,255,255,.06) !important; }
.mn-user-avatar {
  background: var(--mn-gold) !important; color: var(--mn-navy-900) !important;
  font-weight: 800; font-size: .72rem;
}

/* ── Top bars ───────────────────────────────────────────────────────────── */
.dc-page-bar,
.dc-app main > header.sticky,
.dc-app main > header[class*="sticky"],
.dc-crm-dashboard .dc-dashboard-topbar {
  background: rgba(255,255,255,.92) !important;
  border-bottom: 1px solid var(--mn-line) !important;
  box-shadow: 0 1px 0 rgba(15,34,56,.02) !important;
}
.dc-page-bar h1, .dc-page-bar h2, .dc-dashboard-topbar h1, .dc-dashboard-topbar h2,
.dc-app main > header h1 {
  color: var(--mn-navy-900) !important; font-weight: 800 !important;
}

/* ── Buttons & accents ──────────────────────────────────────────────────── */
.dc-btn-primary,
.dc-app .bg-\[\#0050cb\],
.dc-app .bg-\[\#17633a\],
.dc-app .bg-gradient-to-br.from-\[\#0050cb\].to-\[\#0066ff\],
.dc-app .from-\[\#0050cb\].to-\[\#0066ff\],
.dc-crm-dashboard .dc-action-primary {
  background: var(--mn-navy-700) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(18,59,107,.22) !important;
}
.dc-btn-primary:hover,
.dc-app .bg-\[\#0050cb\]:hover,
.dc-app .hover\:bg-blue-700:hover,
.dc-crm-dashboard .dc-action-primary:hover { background: var(--mn-navy-600) !important; }
.dc-crm-dashboard .dc-fab {
  background: var(--mn-gold) !important; color: var(--mn-navy-900) !important;
  box-shadow: 0 10px 24px rgba(224,165,38,.35) !important;
}
.dc-app .text-\[\#0050cb\], .dc-app .text-blue-700, .dc-app .text-blue-600,
.dc-app .text-\[\#17633a\] {
  color: var(--mn-navy-700) !important; -webkit-text-fill-color: currentColor !important; background: none;
}
.dc-app .text-\[\#006c49\], .dc-app .text-emerald-700 { color: var(--mn-green) !important; }
.dc-app .bg-blue-50, .dc-app .bg-\[\#0050cb\]\/10, .dc-app .bg-blue-100 { background: var(--mn-navy-50) !important; }
.dc-app .focus\:ring-\[\#0050cb\]\/20:focus { --tw-ring-color: rgba(47,143,216,.25) !important; }

.dc-app input:focus, .dc-app select:focus, .dc-app textarea:focus {
  border-color: var(--mn-sky) !important;
  box-shadow: 0 0 0 3px rgba(47,143,216,.18) !important;
  outline: none !important;
}

/* Cards get crisper corners and a quieter shadow than the division theme. */
.dc-app .rounded-2xl { border-radius: var(--mn-radius-lg) !important; }
.dc-app .rounded-3xl { border-radius: 1.15rem !important; }
.dc-card, .dc-app main .bg-white.shadow-sm { box-shadow: var(--mn-shadow) !important; }

/* ── Module banner ──────────────────────────────────────────────────────── */
.dc-module-hero,
.dc-leadership-hero {
  border-radius: var(--mn-radius-lg) !important;
  background: linear-gradient(120deg, var(--mn-navy-700) 0%, var(--mn-navy-900) 70%) !important;
  box-shadow: var(--mn-shadow-lg) !important;
  border-bottom: 4px solid var(--mn-gold);
}
.dc-module-hero::after, .dc-leadership-hero::after {
  /* faint seal watermark */
  content: "" !important; display: block !important;
  position: absolute !important; right: -3rem !important; top: 50% !important; bottom: auto !important;
  width: 15rem !important; height: 15rem !important;
  transform: translateY(-50%) !important;
  border: 0 !important; border-radius: 0 !important;
  background: url('../img/school/mnhs-seal.png') center / contain no-repeat !important;
  opacity: .07; filter: grayscale(1) brightness(2.2);
  pointer-events: none;
}
.dc-module-hero-eyebrow, .dc-leadership-hero .dc-eyebrow { color: var(--mn-gold) !important; }
.dc-module-hero h2, .dc-leadership-hero h2 {
  font-weight: 800 !important; letter-spacing: -.03em !important;
  font-size: clamp(1.6rem, 2.6vw, 2.25rem) !important; line-height: 1.1 !important;
}
.dc-module-hero p, .dc-leadership-hero p { color: rgba(226,236,248,.82) !important; }
.dc-module-hero-metric { padding-right: 1rem; }
.dc-module-hero-metric strong, .dc-value-block strong { font-weight: 800 !important; color: #fff !important; }
.dc-value-block { padding-right: 1rem; }
@media (max-width: 760px) {
  .dc-module-hero::after, .dc-leadership-hero::after { width: 9rem !important; height: 9rem !important; right: -2rem !important; }
  .dc-module-hero-metric, .dc-value-block { padding-right: 0; }
}

.dc-eyebrow { color: var(--mn-gold-600) !important; letter-spacing: .14em !important; }

/* ── KPI tiles, tables and lists ────────────────────────────────────────── */
.dc-leadership-kpi {
  border-radius: var(--mn-radius-lg) !important; background: #fff !important;
  border: 1px solid var(--mn-line) !important; box-shadow: var(--mn-shadow) !important;
  border-top: 3px solid var(--mn-navy-700) !important;
}
.dc-leadership-kpi > .material-symbols-outlined { background: var(--mn-navy-50) !important; color: var(--mn-navy-700) !important; border-radius: .55rem !important; }
.dc-leadership-kpi strong { font-weight: 800 !important; color: var(--mn-navy-900) !important; }
.dc-leadership-kpi h3 { color: var(--mn-text) !important; }
.dc-leadership-kpi p { color: var(--mn-dim) !important; }
.dc-leadership-kpi.green { border-top-color: var(--mn-green) !important; }
.dc-leadership-kpi.green > .material-symbols-outlined { background: var(--mn-green-50) !important; color: var(--mn-green) !important; }
.dc-leadership-kpi.forest { border-top-color: var(--mn-sky) !important; }
.dc-leadership-kpi.forest > .material-symbols-outlined { background: var(--mn-sky-50) !important; color: var(--mn-sky) !important; }
.dc-leadership-kpi.gold, .dc-leadership-kpi.amber, .dc-leadership-kpi.olive { border-top-color: var(--mn-gold) !important; }
.dc-leadership-kpi.gold > .material-symbols-outlined,
.dc-leadership-kpi.amber > .material-symbols-outlined,
.dc-leadership-kpi.olive > .material-symbols-outlined { background: var(--mn-gold-50) !important; color: var(--mn-gold-600) !important; }
.dc-leadership-kpi.rose { border-top-color: var(--mn-red) !important; }
.dc-leadership-kpi.rose > .material-symbols-outlined { background: var(--mn-red-50) !important; color: var(--mn-red) !important; }

.dc-leadership-table th, .dc-report-table th { background: var(--mn-navy-50) !important; color: var(--mn-navy-700) !important; }
.dc-leadership-table td { border-top-color: var(--mn-line-soft) !important; color: var(--mn-muted) !important; }
.dc-leadership-table td strong, .dc-leadership-table td span { color: var(--mn-text) !important; }
.dc-spending-cell small, .dc-mini-event small, .dc-mini-event time { color: var(--mn-dim) !important; }

.dc-watch-row { background: #fff !important; border-color: var(--mn-line) !important; border-radius: .65rem !important; }
.dc-watch-row strong { color: var(--mn-text) !important; }
.dc-watch-row > span { background: var(--mn-gold-50) !important; color: var(--mn-gold-600) !important; }
.dc-mini-event { border-bottom-color: var(--mn-line-soft) !important; }
.dc-mini-event > .material-symbols-outlined { background: var(--mn-navy-50) !important; color: var(--mn-navy-700) !important; }
.dc-mini-event strong { color: var(--mn-text) !important; }
.dc-leadership-link { background: var(--mn-navy-700) !important; color: #fff !important; border-radius: .6rem !important; }
.dc-empty-state { color: var(--mn-dim) !important; }

.dc-alert-row:hover { background: var(--mn-navy-50) !important; }
.dc-alert-icon { background: var(--mn-navy-50) !important; color: var(--mn-navy-700) !important; }
.dc-alert-row.critical .dc-alert-icon { background: var(--mn-red-50) !important; color: var(--mn-red) !important; }
.dc-alert-row.attention .dc-alert-icon { background: var(--mn-gold-50) !important; color: var(--mn-gold-600) !important; }
.dc-alert-row strong { color: var(--mn-text) !important; }

/* ── Inventory dashboard ────────────────────────────────────────────────── */
.dc-crm-dashboard {
  --crm-bg: var(--mn-bg); --crm-surface: #fff; --crm-surface-soft: #f7f9fc;
  --crm-line: var(--mn-line); --crm-line-soft: var(--mn-line-soft); --crm-text: var(--mn-text);
  --crm-muted: var(--mn-muted); --crm-dim: var(--mn-dim); --crm-primary: var(--mn-navy-700);
  --crm-primary-dark: var(--mn-navy-900); --crm-teal: var(--mn-sky); --crm-amber: var(--mn-gold-600);
  --crm-rose: var(--mn-red); --crm-shadow: var(--mn-shadow-lg); --crm-shadow-soft: var(--mn-shadow);
}
.dc-crm-dashboard .dc-filter-control.is-active { border-color: var(--mn-sky) !important; background: var(--mn-sky-50) !important; }
.dc-crm-dashboard .dc-inventory-table thead tr, .dc-crm-dashboard .dc-table-footer { background: var(--mn-navy-50) !important; }
.dc-crm-dashboard .dc-inventory-table thead th { color: var(--mn-navy-700) !important; }
.dc-crm-dashboard .dc-inventory-table tbody tr:nth-child(even) { background: #fafcfe !important; }
.dc-crm-dashboard .dc-inventory-table tbody tr:hover { background: var(--mn-sky-50) !important; }
.dc-crm-dashboard .dc-category-card { border-radius: var(--mn-radius-lg) !important; }
.dc-crm-dashboard .dc-category-card:hover { border-color: var(--mn-gold) !important; }
.dc-crm-dashboard .dc-category-card .bg-white\/70,
.dc-crm-dashboard .bg-\[\#0050cb\]\/10, .dc-crm-dashboard .bg-blue-100 {
  background: var(--mn-navy-50) !important; color: var(--mn-navy-700) !important; border-color: var(--mn-navy-100) !important;
}

/* ── Planning & control workspaces ──────────────────────────────────────── */
.dc-intelligence-tabs { border-color: var(--mn-line) !important; background: #fff !important; border-radius: var(--mn-radius-lg) !important; box-shadow: var(--mn-shadow) !important; }
.dc-intelligence-tabs a { color: var(--mn-muted) !important; border-radius: .6rem !important; }
.dc-intelligence-tabs a:hover { background: var(--mn-navy-50) !important; color: var(--mn-text) !important; }
.dc-intelligence-tabs a.active { background: var(--mn-navy-700) !important; color: #fff !important; box-shadow: inset 0 -3px 0 var(--mn-gold) !important; }
.dc-operation-guide { border-color: var(--mn-line) !important; background: #fff !important; border-radius: var(--mn-radius-lg) !important; }
.dc-operation-guide > div + div { border-color: var(--mn-line-soft) !important; }
.dc-operation-guide b { background: var(--mn-gold) !important; color: var(--mn-navy-900) !important; }
.dc-operation-guide strong { color: var(--mn-text) !important; }
.dc-operation-guide small { color: var(--mn-dim) !important; }
.dc-intelligence-workspace > .grid > section,
.dc-intelligence-workspace > section { border-color: var(--mn-line) !important; border-radius: var(--mn-radius-lg) !important; box-shadow: var(--mn-shadow) !important; }
.dc-intelligence-workspace h2 { color: var(--mn-navy-900) !important; }
.dc-intelligence-workspace .bg-slate-50 { background: #f7f9fc !important; }

/* ── Certifications ─────────────────────────────────────────────────────── */
.dc-certification-card, .dc-template-settings { border-color: var(--mn-line) !important; background: #fff !important; border-radius: var(--mn-radius-lg) !important; box-shadow: var(--mn-shadow) !important; }
.dc-certification-card-head { border-bottom-color: var(--mn-line-soft) !important; }
.dc-certification-card-head h2 { color: var(--mn-navy-900) !important; font-weight: 800 !important; }
.dc-certification-card-head > .material-symbols-outlined,
.dc-template-settings > summary > .material-symbols-outlined:first-child,
.dc-item-number,
.dc-certificate-list > a > .material-symbols-outlined:first-child { background: var(--mn-navy-50) !important; color: var(--mn-navy-700) !important; }
.dc-certification-form input, .dc-certification-form select, .dc-certification-form textarea { border-color: var(--mn-line) !important; background: #f9fbfd !important; color: var(--mn-text) !important; border-radius: .6rem !important; }
.dc-certification-form label > span, .dc-form-wide > span { color: var(--mn-muted) !important; }
.dc-requirements-head button { background: var(--mn-navy-50) !important; color: var(--mn-navy-700) !important; }
.dc-requirement-row { border-color: var(--mn-line) !important; background: #fafcfe !important; border-radius: .65rem !important; }
.dc-certificate-submit { background: var(--mn-navy-700) !important; box-shadow: 0 8px 20px rgba(18,59,107,.22) !important; border-radius: .65rem !important; }
.dc-certificate-list > a { border-bottom-color: var(--mn-line-soft) !important; }
.dc-certificate-list > a:hover { background: var(--mn-navy-50) !important; }
.dc-certificate-list strong { color: var(--mn-text) !important; }
.dc-certification-flash.success { background: var(--mn-green-50) !important; color: var(--mn-green) !important; }
.dc-certification-flash.error { background: var(--mn-red-50) !important; color: var(--mn-red) !important; }
.dc-template-section { background: var(--mn-navy-50) !important; border-radius: .65rem !important; }
.dc-template-section h3, .dc-template-settings summary strong { color: var(--mn-text) !important; }

/* ── Personnel ──────────────────────────────────────────────────────────── */
.dc-personnel-action { border-color: var(--mn-line) !important; background: #fff !important; color: var(--mn-text) !important; border-radius: .6rem !important; }
.dc-personnel-action:hover { background: var(--mn-navy-50) !important; border-color: #c9d4e2 !important; }
.dc-personnel-action.primary { background: var(--mn-navy-700) !important; color: #fff !important; border-color: var(--mn-navy-700) !important; box-shadow: 0 6px 16px rgba(18,59,107,.2) !important; }
.dc-personnel-action.status { background: var(--mn-navy-900) !important; color: #fff !important; border-color: var(--mn-navy-900) !important; }
.dc-personnel-action.danger { background: var(--mn-red-50) !important; color: var(--mn-red) !important; border-color: #f2c9cb !important; }
.dc-personnel-profile-stats > div { background: var(--mn-navy-50) !important; border-color: var(--mn-line) !important; color: var(--mn-text) !important; }
.dc-personnel-profile-stats > div:nth-child(3) { background: var(--mn-sky-50) !important; }
.dc-personnel-profile-stats > div:nth-child(4) { background: var(--mn-gold-50) !important; }
.dc-personnel-profile-stats > div > div:first-child { color: var(--mn-navy-900) !important; -webkit-text-fill-color: var(--mn-navy-900) !important; }
.dc-personnel-profile-stats > div > div:last-child { color: var(--mn-muted) !important; -webkit-text-fill-color: var(--mn-muted) !important; }

/* ── Audit trail ────────────────────────────────────────────────────────── */
.dc-audit-summary > div, .dc-audit-filters, .dc-audit-ledger { border-color: var(--mn-line) !important; background: #fff !important; border-radius: var(--mn-radius-lg) !important; box-shadow: var(--mn-shadow) !important; }
.dc-audit-ledger { background: var(--mn-bg) !important; }
.dc-audit-ledger-head { background: #fff !important; border-bottom-color: var(--mn-line-soft) !important; }
.dc-audit-ledger-head h2, .dc-audit-summary strong, .dc-audit-event-time strong { color: var(--mn-navy-900) !important; }
.dc-audit-ledger-head > span, .dc-audit-summary .material-symbols-outlined, .dc-audit-filter-title > .material-symbols-outlined { background: var(--mn-navy-50) !important; color: var(--mn-navy-700) !important; }
.dc-audit-feed:before { background: linear-gradient(var(--mn-navy-100), var(--mn-line-soft)) !important; }
.dc-audit-event { border-color: var(--mn-line) !important; background: #fff !important; border-radius: .7rem !important; }
.dc-audit-event:hover { border-color: #c2d3e8 !important; }
.dc-audit-event-copy > p { color: var(--mn-text) !important; }
.dc-audit-event[data-action="update"] { border-left-color: var(--mn-sky) !important; }
.dc-audit-event[data-action="transfer"], .dc-audit-event[data-action="schedule"] { border-left-color: var(--mn-gold) !important; }
.dc-audit-event[data-action="delete"] { border-left-color: var(--mn-red) !important; }
.dc-audit-event[data-action="return"], .dc-audit-event[data-action="issue"], .dc-audit-event[data-action="complete"] { border-left-color: var(--mn-green) !important; }
.dc-audit-filter-actions { border-top-color: var(--mn-line-soft) !important; }

/* Sidebar text must stay light. dc-theme.css forces every .text-white in the
   app to dark text with a high-specificity selector, so outrank it here. */
.dc-app .dc-sidebar .text-white.text-white.text-white { color: #fff !important; }
.dc-app .dc-sidebar .text-slate-500.text-slate-500.text-slate-500 { color: #9fb2cb !important; }

/* ── Inventory page: header, status strip, toolbar ──────────────────────── */
.mn-eyebrow { display: block; color: var(--mn-gold-600); font-size: .62rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.mn-page-head {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem;
  margin-bottom: 1.1rem;
}
.mn-page-head h1 { margin: .2rem 0 .15rem; color: var(--mn-navy-900); font-size: 1.65rem; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; }
.mn-page-head p { margin: 0; color: var(--mn-muted); font-size: .84rem; }
.mn-page-head-value { text-align: right; flex-shrink: 0; }
.mn-page-head-value span { display: block; color: var(--mn-muted); font-size: .68rem; font-weight: 600; }
.mn-page-head-value strong { display: block; color: var(--mn-navy-900); font-size: 1.3rem; font-weight: 800; letter-spacing: -.02em; }

.mn-stat-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1.1rem; }
.mn-stat {
  position: relative; display: flex; align-items: center; gap: .75rem; min-width: 0;
  padding: .85rem 1rem; border: 1px solid var(--mn-line); border-radius: var(--mn-radius);
  background: #fff; box-shadow: var(--mn-shadow); color: var(--mn-text) !important;
  text-decoration: none !important; transition: border-color .15s, box-shadow .15s, transform .15s;
}
.mn-stat:hover { border-color: #c2d3e8; transform: translateY(-1px); }
.mn-stat > .material-symbols-outlined {
  display: flex; align-items: center; justify-content: center; flex: 0 0 2.25rem;
  width: 2.25rem; height: 2.25rem; border-radius: .6rem; font-size: 1.2rem;
}
.mn-stat-copy { min-width: 0; }
.mn-stat strong { display: block; font-size: 1.3rem; font-weight: 800; line-height: 1.1; color: var(--mn-navy-900); }
.mn-stat small { display: block; color: var(--mn-muted); font-size: .7rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mn-stat.is-active { border-color: var(--mn-navy-700); box-shadow: 0 0 0 1px var(--mn-navy-700), var(--mn-shadow); }
.mn-stat.is-active::after { content: ""; position: absolute; left: 1rem; right: 1rem; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0; background: var(--mn-gold); }
.mn-stat--navy  > .material-symbols-outlined { background: var(--mn-navy-50);  color: var(--mn-navy-700); }
.mn-stat--sky   > .material-symbols-outlined { background: var(--mn-sky-50);   color: var(--mn-sky); }
.mn-stat--green > .material-symbols-outlined { background: var(--mn-green-50); color: var(--mn-green); }
.mn-stat--gold  > .material-symbols-outlined { background: var(--mn-gold-50);  color: var(--mn-gold-600); }
.mn-stat--gray  > .material-symbols-outlined { background: #eef1f5;            color: #6b7a8f; }

.mn-toolbar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1rem;
  margin-bottom: 1rem; padding: .65rem .75rem; border: 1px solid var(--mn-line);
  border-radius: var(--mn-radius); background: #fff; box-shadow: var(--mn-shadow);
}
.mn-toolbar-filters { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; min-width: 0; }
.mn-toolbar-label { display: inline-flex; align-items: center; gap: .3rem; padding-right: .35rem; color: var(--mn-muted); font-size: .72rem; font-weight: 700; }
.mn-toolbar-label .material-symbols-outlined { font-size: 1.05rem; }
.dc-app .mn-select { min-width: 8.25rem; max-width: 12rem; border: 1px solid var(--mn-line) !important; background-color: #f9fbfd !important; box-shadow: none !important; }
.dc-app .mn-select.is-active { border-color: var(--mn-sky) !important; background-color: var(--mn-sky-50) !important; color: var(--mn-navy-700) !important; }
.mn-clear-link { display: inline-flex; align-items: center; gap: .2rem; padding: .4rem .55rem; border-radius: .5rem; color: var(--mn-red) !important; font-size: .72rem; font-weight: 700; }
.mn-clear-link:hover { background: var(--mn-red-50); }
.mn-clear-link .material-symbols-outlined { font-size: 1rem; }
.mn-toolbar-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-left: auto; }
.mn-tool-btn {
  display: inline-flex; align-items: center; gap: .4rem; padding: .5rem .75rem;
  border: 1px solid var(--mn-line); border-radius: .55rem; background: #fff;
  color: var(--mn-navy-700) !important; font-size: .74rem; font-weight: 700; white-space: nowrap; cursor: pointer;
  transition: background .15s, border-color .15s;
}
.mn-tool-btn:hover { background: var(--mn-navy-50); border-color: #c2d3e8; }
.mn-tool-btn .material-symbols-outlined { font-size: 1.05rem; }
.mn-tool-btn.is-muted { color: var(--mn-dim) !important; }

/* ── Inventory table ─────────────────────────────────────────────────────── */
.dc-crm-dashboard .dc-inventory-table { min-width: 920px !important; }
.dc-crm-dashboard .dc-inventory-table .mn-col-asset   { width: 34%; }
.dc-crm-dashboard .dc-inventory-table .mn-col-status  { width: 11%; }
.dc-crm-dashboard .dc-inventory-table .mn-col-health  { width: 10%; }
.dc-crm-dashboard .dc-inventory-table .mn-col-value   { width: 13%; }
.dc-crm-dashboard .dc-inventory-table .mn-col-holder  { width: 12%; }
.dc-crm-dashboard .dc-inventory-table .mn-col-updated { width: 10%; }
.dc-crm-dashboard .dc-inventory-table .mn-col-actions { width: 10%; }
.dc-crm-dashboard .dc-inventory-table th {
  color: var(--mn-navy-700) !important; font-size: .64rem !important; font-weight: 800 !important;
  letter-spacing: .1em !important; text-transform: uppercase;
}
.dc-crm-dashboard .dc-inventory-row { height: auto !important; }
.dc-crm-dashboard .dc-inventory-table td { padding-top: .85rem !important; padding-bottom: .85rem !important; }

.mn-asset { display: flex; align-items: flex-start; gap: .75rem; min-width: 0; }
.mn-asset-icon {
  display: flex !important; align-items: center; justify-content: center; flex: 0 0 2.4rem;
  width: 2.4rem; height: 2.4rem; border-radius: .6rem; background: var(--mn-navy-50); color: var(--mn-navy-700); font-size: 1.25rem !important;
}
.mn-asset-copy { display: flex; flex-direction: column; gap: .12rem; min-width: 0; }
.mn-asset-name { color: var(--mn-navy-900) !important; font-size: .86rem; font-weight: 800; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mn-asset-name:hover { color: var(--mn-sky) !important; text-decoration: underline; }
.mn-asset-model { color: var(--mn-muted); font-size: .72rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mn-asset-tags { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .3rem; }
.mn-tag {
  display: inline-flex; align-items: center; max-width: 100%; padding: .12rem .45rem; border-radius: .35rem;
  border: 1px solid var(--mn-line); background: #f7f9fc; color: #4a5c74;
  font-size: .64rem; font-weight: 700; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mn-tag--code { border-color: #c8d7ea; background: var(--mn-navy-50); color: var(--mn-navy-700); font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace !important; letter-spacing: .01em; }
.mn-tag--soft { border-color: transparent; background: #eef1f5; color: #5d6f86; }

.mn-health { display: inline-flex; align-items: baseline; gap: .3rem; padding: .25rem .55rem; border-radius: 999px; font-size: .66rem; font-weight: 700; white-space: nowrap; }
.mn-health strong { font-size: .8rem; font-weight: 800; }
.mn-value { display: flex; flex-direction: column; align-items: flex-start; gap: .1rem; }
.mn-value strong { color: var(--mn-navy-900); font-size: .82rem; font-weight: 800; }
.mn-value small { color: var(--mn-muted); font-size: .66rem; }
.mn-value .mn-tag { margin-top: .2rem; border: 0; font-size: .58rem; letter-spacing: .04em; text-transform: uppercase; }
.mn-holder { display: block; color: var(--mn-text); font-size: .78rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mn-updated { display: block; color: var(--mn-text); font-size: .76rem; font-weight: 600; white-space: nowrap; }
.mn-muted { display: block; color: var(--mn-dim); font-size: .7rem; font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dc-crm-dashboard .dc-row-actions { gap: .15rem !important; flex-wrap: nowrap; }
.dc-crm-dashboard .dc-row-actions > a,
.dc-crm-dashboard .dc-row-actions > button {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2rem; height: 2rem; padding: 0 !important; border-radius: .5rem !important;
  color: #6b7a8f !important; background: transparent !important;
}
.dc-crm-dashboard .dc-row-actions > a:hover,
.dc-crm-dashboard .dc-row-actions > button:hover { background: var(--mn-navy-50) !important; color: var(--mn-navy-700) !important; }
.dc-crm-dashboard .dc-row-actions > button:last-child:hover { background: var(--mn-red-50) !important; color: var(--mn-red) !important; }
.dc-crm-dashboard .dc-row-actions .material-symbols-outlined { font-size: 1.15rem !important; }

/* Bottom analytics cards */
.dc-crm-dashboard .dc-analytics-card { border: 1px solid var(--mn-line) !important; border-radius: var(--mn-radius-lg) !important; background: #fff !important; box-shadow: var(--mn-shadow) !important; }
.dc-crm-dashboard .dc-category-card { background: #fff !important; border: 1px solid var(--mn-line) !important; box-shadow: var(--mn-shadow) !important; }

@media (max-width: 1100px) {
  .mn-stat-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .mn-page-head { flex-direction: column; align-items: flex-start; }
  .mn-page-head-value { text-align: left; }
  .mn-stat-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mn-toolbar-actions { width: 100%; }
  .dc-app .mn-select { min-width: 0; flex: 1 1 8rem; }
}

/* ── Forgot / reset password pages ──────────────────────────────────────── */
.dc-auth-page { background: var(--mn-bg) !important; }
.dc-auth-hero {
  border-radius: var(--mn-radius-lg) !important;
  background: linear-gradient(135deg, var(--mn-navy-700), var(--mn-navy-900)) !important;
  border-bottom: 4px solid var(--mn-gold);
  box-shadow: var(--mn-shadow-lg) !important;
}
.dc-auth-hero::before { display: none !important; }
.dc-auth-hero .material-symbols-outlined { color: var(--mn-gold); }
.dc-auth-card {
  background: #fff !important; border: 1px solid var(--mn-line) !important;
  border-radius: var(--mn-radius-lg) !important; box-shadow: var(--mn-shadow) !important;
  backdrop-filter: none !important; color: var(--mn-text) !important;
}
.dc-auth-card input { border: 1px solid var(--mn-line) !important; background: #fff !important; color: var(--mn-text) !important; border-radius: .65rem !important; }
.dc-auth-card .dc-btn-primary { border-radius: .65rem !important; font-weight: 800; }

/* ── Toasts & SweetAlert ────────────────────────────────────────────────── */
.swal2-styled.swal2-confirm { background: var(--mn-navy-700) !important; }
.swal2-popup { border-radius: var(--mn-radius-lg) !important; font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important; }

@media (prefers-reduced-motion: reduce) {
  .dc-nav-link, .dc-category-card, .dc-btn { transition: none !important; }
}