/* Material Dashboard prototype — dashboard presentation only */
:root {
  --md-primary:#1976d2; --md-primary-dark:#125aa0; --md-primary-soft:#e8f1fb;
  --md-bg:#f4f7fb; --md-surface:#fff; --md-text:#263238; --md-muted:#78909c;
  --md-border:#e3eaf2; --md-shadow:0 4px 14px rgba(38,50,56,.08);
}
body { background:var(--md-bg); color:var(--md-text); }
.mt-header { background:#fff !important; color:var(--md-text) !important; border-bottom:1px solid var(--md-border) !important; box-shadow:0 2px 10px rgba(38,50,56,.06) !important; min-height:68px !important; }
.mt-brand { color:var(--md-text) !important; }
.mt-brand > span:first-child { color:var(--md-primary) !important; }
.mt-brand .badge { background:var(--md-primary) !important; }
.mt-header-right .mt-btn { background:#fff !important; color:#455a64 !important; border:1px solid var(--md-border) !important; }
.mt-header-right .mt-btn-danger { color:#c62828 !important; }
.mt-sidebar { background:#fff !important; color:#455a64 !important; border-left:1px solid var(--md-border) !important; box-shadow:0 3px 18px rgba(38,50,56,.08) !important; transition:width .22s ease, transform .22s ease; }
.mt-sidebar-search { padding:14px 12px !important; }
.mt-sidebar-search input { background:#f7f9fc !important; border:1px solid var(--md-border) !important; color:var(--md-text) !important; }
.mt-nav-dept-header { color:#607d8b !important; border-radius:8px; }
.mt-nav-dept-header:hover { background:#f4f8fc !important; }
.mt-nav-item { color:#546e7a !important; border-radius:8px !important; margin:3px 9px !important; min-height:40px !important; }
.mt-nav-item:hover { background:#edf5fd !important; color:var(--md-primary) !important; }
.mt-nav-item.active { background:var(--md-primary-soft) !important; color:var(--md-primary) !important; box-shadow:none !important; font-weight:800; }
.mt-content { background:var(--md-bg) !important; }
.mt-breadcrumb-bar { background:transparent !important; border:0 !important; color:#607d8b !important; padding:15px 20px 5px !important; }
.mt-breadcrumb-bar .tab-name { color:var(--md-text) !important; }
.sam-sidebar-collapse-toggle { display:inline-flex; align-items:center; justify-content:center; width:38px; height:36px; padding:0 !important; color:var(--md-primary) !important; background:var(--md-primary-soft) !important; border:1px solid #c9def5 !important; border-radius:9px !important; font-size:18px !important; }
.sam-sidebar-collapsed .mt-sidebar { width:74px !important; }
.sam-sidebar-collapsed .mt-sidebar .mt-sidebar-search, .sam-sidebar-collapsed .mt-sidebar .mt-nav-dept-header span:not(:first-child), .sam-sidebar-collapsed .mt-sidebar .mt-nav-dept-badge, .sam-sidebar-collapsed .mt-sidebar .mt-nav-dept-arrow, .sam-sidebar-collapsed .mt-sidebar .mt-nav-item span { display:none !important; }
.sam-sidebar-collapsed .mt-sidebar .mt-nav-dept-header, .sam-sidebar-collapsed .mt-sidebar .mt-nav-item { justify-content:center !important; padding-inline:0 !important; margin-inline:10px !important; }
.sam-sidebar-collapsed .mt-sidebar .mt-nav-item i { margin:0 !important; font-size:18px; }

/* Only the dashboard content is restyled in this prototype. */
body.sam-dashboard-prototype #main-view { background:var(--md-bg); }
body.sam-dashboard-prototype .mt-toolbar { margin:8px 18px 12px !important; padding:18px 20px !important; background:#fff !important; border:1px solid var(--md-border) !important; border-radius:14px !important; box-shadow:var(--md-shadow) !important; }
body.sam-dashboard-prototype .mt-toolbar-left span:first-child { color:var(--md-text) !important; font-size:18px !important; }
body.sam-dashboard-prototype .mt-toolbar-left .badge { background:var(--md-primary) !important; }
body.sam-dashboard-prototype .mt-toolbar-right .mt-btn-primary { background:var(--md-primary) !important; border-color:var(--md-primary) !important; }
body.sam-dashboard-prototype .view-scroll-content { padding:8px 18px 90px !important; }
body.sam-dashboard-prototype .kpi-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:16px !important; margin-bottom:18px; }
body.sam-dashboard-prototype .kpi-card { position:relative; display:flex !important; align-items:center; gap:12px; min-height:128px; padding:18px !important; background:#fff !important; border:1px solid var(--md-border) !important; border-radius:14px !important; box-shadow:var(--md-shadow) !important; cursor:pointer; transition:transform .18s ease, box-shadow .18s ease !important; }
body.sam-dashboard-prototype .kpi-card:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(38,50,56,.13) !important; }
body.sam-dashboard-prototype .kpi-icon { flex:0 0 48px; width:48px; height:48px; display:grid; place-items:center; border-radius:12px !important; font-size:24px !important; }
body.sam-dashboard-prototype .kpi-lbl { color:var(--md-muted) !important; font-size:12px !important; font-weight:800 !important; }
body.sam-dashboard-prototype .kpi-val { color:var(--md-text) !important; font-size:20px !important; font-weight:900 !important; line-height:1.4; }
body.sam-dashboard-prototype .kpi-action-arrow { color:#90a4ae !important; font-size:17px !important; }
body.sam-dashboard-prototype .customizer-box { background:#fff !important; border:1px solid var(--md-border) !important; border-radius:14px !important; box-shadow:var(--md-shadow) !important; }
body.sam-dashboard-prototype .quick-action-card { min-height:58px; display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--md-border); border-radius:10px; background:#fafcff; color:#455a64; font-weight:800; cursor:pointer; transition:.18s ease; }
body.sam-dashboard-prototype .quick-action-card:hover { border-color:#90caf9; background:#edf5fd; color:var(--md-primary); transform:translateY(-1px); }
body.sam-dashboard-prototype .view-scroll-content > div:last-child > div { border-radius:14px !important; border-color:var(--md-border) !important; box-shadow:var(--md-shadow) !important; background:#fff !important; }
@media (max-width:1200px) { body.sam-dashboard-prototype .kpi-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } }
@media (max-width:900px) { .sam-sidebar-collapse-toggle { display:none !important; } body.sam-dashboard-prototype .mt-toolbar { margin-inline:12px !important; } body.sam-dashboard-prototype .view-scroll-content { padding-inline:12px !important; } body.sam-dashboard-prototype .kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; } }
@media (max-width:768px) { .mt-header { min-height:48px !important; height:48px !important; padding:0 8px !important; } }
@media (max-width:560px) { body.sam-dashboard-prototype .mt-toolbar { padding:14px !important; } body.sam-dashboard-prototype .mt-toolbar-left, body.sam-dashboard-prototype .mt-toolbar-right { width:100%; } body.sam-dashboard-prototype .mt-toolbar-right { display:grid !important; grid-template-columns:1fr 1fr; } body.sam-dashboard-prototype .kpi-grid { grid-template-columns:1fr !important; } body.sam-dashboard-prototype .kpi-card { min-height:106px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { transition-duration:.01ms !important; animation-duration:.01ms !important; } }