:root {
    --bg: #f3f6fb;
    --surface: #ffffff;
    --surface-2: #f7f9fc;
    --primary: #16263f;
    --primary-2: #233a5f;
    --accent: #f2b632;
    --text: #13243c;
    --muted: #6e7b8f;
    --border: #e2e8f0;
    --success: #16a34a;
    --danger: #dc2626;
    --amber: #d97706;
    --blue: #2563eb;
    --purple: #7c3aed;
    --cyan: #0891b2;
    --orange: #ea580c;
    --shadow: 0 20px 48px rgba(15, 35, 62, 0.10);
    --radius-xl: 28px;
    --radius-lg: 20px;
    --radius-md: 14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Cairo',sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font-family:inherit}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.app-shell{min-height:100vh;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:82px}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#d39100);color:#1a1a1a;font-size:1.15rem;box-shadow:var(--shadow)}
.brand-text{display:flex;flex-direction:column;gap:2px}
.brand-text strong{font-size:1.05rem;color:var(--primary)}
.brand-text small{color:var(--muted);font-size:.78rem}
.nav-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nav-links a{padding:10px 14px;border-radius:12px;font-weight:700;color:var(--muted)}
.nav-links a:hover{background:#eef3f9;color:var(--primary)}
.nav-pill{background:var(--primary);color:#fff !important}
.nav-outline{border:1px solid var(--border)}
.lang-btn{border:1px solid var(--border);min-width:48px;text-align:center;color:var(--primary)!important;background:#fff}
.main-area{flex:1;padding:28px 0 48px}
.alert{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;border:1px solid transparent;margin-bottom:16px;font-weight:700}
.alert-success{background:#ecfdf3;border-color:#b7efca;color:#166534}
.alert-error{background:#fff1f2;border-color:#fecdd3;color:#b91c1c}
.hero-split,.auth-shell{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.hero-panel,.auth-card,.content-card,.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow)}
.hero-panel,.auth-card{padding:34px}
.hero-form-panel,.auth-form-side{background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%)}
.hero-brand-panel,.auth-brand-side{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;position:relative;overflow:hidden}
.hero-brand-panel::before,.auth-brand-side::before{content:"";position:absolute;inset:auto -60px -60px auto;width:220px;height:220px;background:rgba(255,255,255,.06);border-radius:50%}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eef4fa;color:var(--primary);font-weight:800;font-size:.85rem;margin-bottom:14px}
.hero-brand-panel .eyebrow,.auth-brand-side .eyebrow,.brand-badge{background:rgba(255,255,255,.1);color:#fff}
.brand-badge{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:999px;font-weight:800;margin-bottom:18px}
h1,h2,h3{margin:0 0 10px;line-height:1.25}
h1{font-size:clamp(1.9rem,4vw,2.9rem);color:var(--primary)}
.hero-brand-panel h2,.auth-brand-side h2{font-size:clamp(1.8rem,4vw,2.7rem);color:#fff}
p{margin:0;color:var(--muted);line-height:1.9}.hero-brand-panel p,.auth-brand-side p{color:#dbe6f7}.lead{font-size:1.04rem;max-width:560px}.small{font-size:.98rem}
.stack-actions{display:flex;flex-direction:column;gap:14px;margin-top:24px}
.action-card{display:flex;align-items:center;gap:14px;padding:18px 18px;border:1px solid var(--border);border-radius:20px;background:#fff;transition:.2s ease}
.action-card:hover{transform:translateY(-2px);border-color:#cfd9e7}
.action-card strong{display:block;color:var(--primary);font-size:1.03rem}.action-card small{color:var(--muted)}
.action-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent}.action-primary strong,.action-primary small{color:#fff}
.action-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#eef3f9;color:var(--primary);font-size:1.2rem;flex:0 0 auto}.action-primary .action-icon{background:rgba(255,255,255,.15);color:#fff}
.inline-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-weight:700}.inline-links a{color:var(--primary)}.auth-links{margin-top:24px}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.metric-card{padding:18px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.metric-card strong{display:block;font-size:1.25rem;color:#fff}.metric-card span{display:block;color:#dbe6f7;font-weight:700;margin-top:4px}
.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.role-chip{padding:16px;border-radius:18px;background:rgba(255,255,255,.08);display:flex;align-items:center;gap:10px;font-weight:800}
.demo-block{margin-top:28px;padding:22px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.demo-item{padding:14px;border-radius:16px;background:rgba(255,255,255,.08)}.demo-item strong{display:block;color:#fff;font-size:.95rem}.demo-item span{color:#dbe6f7;font-weight:700}.demo-password{margin-top:14px;font-weight:700;color:#fff}
.content-card{padding:28px}.narrow-card{max-width:920px;margin:0 auto}.tiny-card{max-width:620px;margin:0 auto}.section-head{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.left-align{justify-content:flex-start;text-align:start}.stretch-head{justify-content:space-between;gap:16px}.form-grid{display:grid;gap:16px}.two-col{grid-template-columns:repeat(2,1fr)}.form-stack{display:grid;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:800;color:var(--primary)}
input,select,textarea{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:#fff;font-size:1rem;color:var(--text);outline:none}
input:focus,select:focus,textarea:focus{border-color:#a9bed8;box-shadow:0 0 0 4px rgba(35,58,95,.08)}
textarea{min-height:120px;resize:vertical}.full-span{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-start}.solid-btn,.outline-btn,.mini-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border-radius:14px;font-weight:800;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--accent),#d79b10);color:#1f1f1f}.solid-btn{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.btn-secondary,.outline-btn{background:#fff;color:var(--primary);border:1px solid var(--border)}.mini-btn{background:#eef3fa;color:var(--primary);min-height:38px;padding:0 14px}.muted-btn{background:#fff;border:1px solid var(--border)}
.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.dashboard-head p{font-weight:700}.dashboard-actions{display:flex;gap:12px;flex-wrap:wrap}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{padding:22px}.stat-card span{display:block;color:var(--muted);font-weight:800}.stat-card strong{display:block;color:var(--primary);font-size:2rem;margin-top:8px}
.content-grid{display:grid;gap:18px}.two-up{grid-template-columns:1.4fr 1fr}.list-stack{display:grid;gap:12px}.ticket-line{display:flex;align-items:start;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.ticket-line:last-child{border-bottom:none}.ticket-line strong{color:var(--primary)}.ticket-line p{font-size:.93rem}.ticket-meta{display:flex;align-items:center;gap:8px}.quick-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-link{padding:18px;border-radius:18px;border:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;gap:12px;font-weight:800;color:var(--primary)}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th,.data-table td{padding:14px 12px;border-bottom:1px solid var(--border);text-align:start}.data-table th{color:var(--muted);font-size:.92rem}.data-table td{font-weight:700;color:var(--text)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:.84rem;font-weight:800}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-amber{background:#fef3c7;color:#b45309}.badge-purple{background:#ede9fe;color:#6d28d9}.badge-cyan{background:#cffafe;color:#0e7490}.badge-orange{background:#ffedd5;color:#c2410c}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fee2e2;color:#b91c1c}
.muted-empty{padding:14px 0;color:var(--muted)}
.site-footer{margin-top:auto;border-top:1px solid var(--border);background:#fff}.footer-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-weight:700}
@media (max-width: 980px){.hero-split,.auth-shell,.two-up,.stats-grid,.two-col{grid-template-columns:1fr}.metric-row,.role-grid,.demo-grid,.quick-links-grid{grid-template-columns:1fr 1fr}.dashboard-head,.stretch-head,.topbar-inner,.footer-inner{flex-direction:column;align-items:flex-start}.nav-links{width:100%}}
@media (max-width: 640px){.container{width:min(100% - 20px,1180px)}.hero-panel,.auth-card,.content-card,.stat-card{padding:20px;border-radius:22px}.metric-row,.role-grid,.demo-grid,.quick-links-grid{grid-template-columns:1fr}.nav-links{justify-content:flex-start}.nav-links a{padding:8px 10px}.brand-text small{display:none}.action-card{padding:15px}.data-table{min-width:640px}}

.form-note{margin-top:10px;color:#6A768A;font-size:14px;}
.ticket-time{display:block;margin-top:6px;color:#7B8796;font-size:12px;}

.supervisor-head{margin-bottom:22px}
.ops-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:20px}
.ops-kpi-card{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:20px}
.ops-kpi-card span{display:block;color:var(--muted);font-weight:800;font-size:.92rem}
.ops-kpi-card strong{display:block;margin-top:10px;color:var(--primary);font-size:2rem}
.ops-kpi-card small{display:block;margin-top:8px;color:var(--muted);font-weight:700}
.danger-soft{background:#fff7f7}.cyan-soft{background:#f2fbfd}.amber-soft{background:#fff9ef}.purple-soft{background:#faf7ff}.green-soft{background:#f2fcf4}
.ops-actions-card{margin-bottom:18px}
.ops-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ops-action{display:flex;align-items:center;gap:12px;padding:18px;border-radius:18px;border:1px solid var(--border);background:var(--surface-2);font-weight:800;color:var(--primary)}
.ops-action i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#fff;border:1px solid var(--border)}
.ops-two-column{grid-template-columns:1.2fr .8fr}
.ops-list-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}
.ops-list-row:last-child{border-bottom:none}
.decision-stack{display:grid;gap:12px}
.decision-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;border:1px solid var(--border);background:var(--surface-2)}
.decision-card i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#fff;color:var(--primary);border:1px solid var(--border)}
.decision-card strong{display:block;color:var(--primary)}
.decision-card small{display:block;color:var(--muted);font-weight:700}
.decision-count{margin-inline-start:auto;display:inline-flex;min-width:38px;height:38px;padding:0 10px;border-radius:999px;background:var(--primary);color:#fff;align-items:center;justify-content:center;font-weight:800}
.mini-pill{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;background:#eef3fa;color:var(--primary);font-weight:800;font-size:.82rem}
.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.filter-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--border);font-weight:800;color:var(--primary)}
.active-chip{background:var(--primary);color:#fff;border-color:transparent}
.inline-form{display:inline}
.ops-table small{color:var(--muted)}
@media (max-width: 1100px){.ops-kpi-grid{grid-template-columns:repeat(3,1fr)}.ops-actions-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 760px){.ops-kpi-grid,.ops-actions-grid,.ops-two-column{grid-template-columns:1fr}.decision-card{align-items:flex-start}.decision-count{margin-inline-start:0}}

/* Dashboard sidebar layout */
.dashboard-shell{background:var(--bg)}
.dashboard-layout{display:flex;min-height:100vh;flex-direction:row}
.sidebar-panel{width:290px;background:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh;flex-shrink:0}
html[dir="rtl"] .sidebar-panel{border-right:1px solid var(--border);border-left:none}
html[dir="ltr"] .sidebar-panel{border-left:1px solid var(--border);border-right:none}
.sidebar-brand{display:flex;align-items:center;gap:12px;padding:6px 6px 14px}
html[dir="rtl"] .sidebar-brand{flex-direction:row-reverse}
.sidebar-nav,.sidebar-footer-actions{display:flex;flex-direction:column;gap:10px}
.sidebar-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#f7f9fc;border:1px solid var(--border);color:var(--primary);font-weight:800;transition:.2s ease}
html[dir="rtl"] .sidebar-link{flex-direction:row-reverse;justify-content:space-between;text-align:right}
html[dir="ltr"] .sidebar-link{justify-content:space-between;text-align:left}
.sidebar-link i{width:18px;text-align:center}
.sidebar-link:hover{background:#eef3fa;transform:none}
.sidebar-link.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border-color:transparent;box-shadow:var(--shadow)}
.sidebar-link.subtle{background:#fff}
.dashboard-main{flex:1;min-width:0;padding:24px 28px 32px}
.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.page-kicker{color:var(--muted);font-weight:700;font-size:.92rem}
.page-user{display:block;color:var(--primary);font-size:1.4rem;margin-top:2px}
.mobile-home-link{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:#fff;align-items:center;justify-content:center;color:var(--primary)}
.content-wrap{max-width:1180px;margin:0 auto}
.dashboard-shell .main-area{padding:0}
.dashboard-shell .site-footer{display:none}
.dashboard-shell .container{width:100%;margin:0}
.dashboard-shell .dashboard-head{align-items:center}
.dashboard-shell .dashboard-actions{justify-content:flex-start}
@media (max-width: 980px){
  .dashboard-layout{display:block}
  .sidebar-panel{position:relative;height:auto;width:auto;border-left:none;border-right:none;border-bottom:1px solid var(--border);padding:16px}
  .dashboard-main{padding:18px 14px 24px}
  .dashboard-topbar{margin-bottom:14px}
  .mobile-home-link{display:inline-flex}
}

/* ===== Stable RTL base fixes ===== */
html[dir="rtl"] body{direction:rtl;}
html[dir="rtl"] .topbar-inner{flex-direction:row-reverse;}
html[dir="rtl"] .brand{flex-direction:row-reverse;}
html[dir="rtl"] .nav-links{direction:rtl;}
html[dir="rtl"] .content-card,
html[dir="rtl"] .narrow-card,
html[dir="rtl"] .tiny-card,
html[dir="rtl"] .form-group,
html[dir="rtl"] .section-head,
html[dir="rtl"] .left-align,
html[dir="rtl"] .stretch-head,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] p,
html[dir="rtl"] label{ text-align:right; }
html[dir="rtl"] .inline-links,
html[dir="rtl"] .auth-links,
html[dir="rtl"] .form-actions{ justify-content:flex-start; }
html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="password"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input:not([type]),
html[dir="rtl"] textarea,
html[dir="rtl"] select{ direction:rtl; text-align:right; }
html[dir="rtl"] input[type="email"]{ direction:ltr; text-align:right; }

/* ===== FINAL RTL TEXT ALIGNMENT FIX ===== */
html[dir="rtl"] body,
html[dir="rtl"] .content-wrap,
html[dir="rtl"] .dashboard-main,
html[dir="rtl"] .content-card,
html[dir="rtl"] .ops-kpi-card,
html[dir="rtl"] .stat-card,
html[dir="rtl"] .section-head,
html[dir="rtl"] .dashboard-head,
html[dir="rtl"] .supervisor-head,
html[dir="rtl"] .ticket-line,
html[dir="rtl"] .ops-list-row,
html[dir="rtl"] .decision-card,
html[dir="rtl"] .quick-link,
html[dir="rtl"] .ops-action,
html[dir="rtl"] .mini-pill,
html[dir="rtl"] .muted-empty,
html[dir="rtl"] .ticket-time,
html[dir="rtl"] .form-note,
html[dir="rtl"] .data-table,
html[dir="rtl"] .ops-table {
    text-align: right !important;
}

html[dir="rtl"] .section-head,
html[dir="rtl"] .dashboard-head,
html[dir="rtl"] .stretch-head,
html[dir="rtl"] .left-align {
    text-align: right !important;
}

html[dir="rtl"] .section-head.left-align,
html[dir="rtl"] .stretch-head {
    justify-content: space-between !important;
}

html[dir="rtl"] .ticket-line,
html[dir="rtl"] .ops-list-row,
html[dir="rtl"] .decision-card,
html[dir="rtl"] .quick-link,
html[dir="rtl"] .ops-action,
html[dir="rtl"] .row-actions,
html[dir="rtl"] .ticket-meta {
    direction: rtl !important;
}

html[dir="rtl"] .ticket-line > div:first-child,
html[dir="rtl"] .ops-list-row > div:first-child,
html[dir="rtl"] .decision-card > div,
html[dir="rtl"] .quick-link span,
html[dir="rtl"] .ops-action span {
    text-align: right !important;
}

html[dir="rtl"] .ops-kpi-card span,
html[dir="rtl"] .ops-kpi-card strong,
html[dir="rtl"] .ops-kpi-card small,
html[dir="rtl"] .stat-card span,
html[dir="rtl"] .stat-card strong,
html[dir="rtl"] .ticket-line strong,
html[dir="rtl"] .ticket-line p,
html[dir="rtl"] .ops-list-row strong,
html[dir="rtl"] .ops-list-row p,
html[dir="rtl"] .decision-card strong,
html[dir="rtl"] .decision-card small,
html[dir="rtl"] .content-card h1,
html[dir="rtl"] .content-card h2,
html[dir="rtl"] .content-card h3,
html[dir="rtl"] .content-card p {
    text-align: right !important;
}

html[dir="rtl"] .data-table th,
html[dir="rtl"] .data-table td,
html[dir="rtl"] .ops-table th,
html[dir="rtl"] .ops-table td {
    text-align: right !important;
}

html[dir="rtl"] .mini-btn,
html[dir="rtl"] .solid-btn,
html[dir="rtl"] .outline-btn {
    direction: rtl !important;
}

/* =========================================================
   Supervisor Dashboard V2 - Strong visible polish
   Added for pages/dashboard.php only
   ========================================================= */

.supervisor-dashboard-page{
    grid-template-columns: 250px minmax(0, 1fr) !important;
    gap: 22px !important;
    align-items: start !important;
}

.supervisor-dashboard-page .ops-sidebar{
    width: 250px !important;
    padding: 18px !important;
    border-radius: 22px !important;
}

.supervisor-dashboard-page .ops-sidebar-brand{
    gap: 10px !important;
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
}

.supervisor-dashboard-page .ops-sidebar-brand .brand-mark{
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    font-size: 1rem !important;
}

.supervisor-dashboard-page .ops-sidebar-brand-text strong{
    font-size: .95rem !important;
    line-height: 1.55 !important;
}

.supervisor-dashboard-page .ops-sidebar-brand-text small{
    font-size: .75rem !important;
}

.supervisor-dashboard-page .ops-menu{
    gap: 8px !important;
}

.supervisor-dashboard-page .ops-menu-link{
    min-height: 50px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    font-size: .92rem !important;
}

.supervisor-dashboard-page .ops-menu-link i{
    width: 16px !important;
    font-size: .92rem !important;
}

.supervisor-dashboard-page .ops-content{
    max-width: 980px !important;
    margin-inline: auto !important;
    width: 100% !important;
}

.supervisor-dashboard-page .supervisor-head{
    margin-bottom: 16px !important;
    align-items: center !important;
}

.supervisor-dashboard-page .supervisor-head .eyebrow{
    font-size: .78rem !important;
    padding: 6px 10px !important;
    margin-bottom: 10px !important;
}

.supervisor-dashboard-page .supervisor-head h1{
    font-size: clamp(2rem, 3vw, 3.1rem) !important;
    line-height: 1.15 !important;
    margin-bottom: 6px !important;
}

.supervisor-dashboard-page .supervisor-head p{
    font-size: .95rem !important;
    line-height: 1.7 !important;
}

.supervisor-quick-actions{
    gap: 9px !important;
    align-items: center !important;
}

.supervisor-quick-actions .solid-btn,
.supervisor-quick-actions .outline-btn{
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 13px !important;
    font-size: .9rem !important;
}

.supervisor-kpi-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 14px !important;
    margin-bottom: 16px !important;
}

.supervisor-kpi-grid .ops-kpi-simple-card{
    min-height: 118px !important;
    padding: 16px 12px !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 24px rgba(15,35,62,.055) !important;
}

.supervisor-kpi-grid .ops-kpi-simple-card strong{
    font-size: 1.75rem !important;
    margin-bottom: 6px !important;
    line-height: 1.1 !important;
}

.supervisor-kpi-grid .ops-kpi-simple-card span{
    display: block !important;
    font-size: .86rem !important;
    line-height: 1.65 !important;
    max-width: 115px !important;
    margin-inline: auto !important;
}

.supervisor-dashboard-page .report-shortcut-card{
    margin-top: 14px !important;
    padding: 24px 26px !important;
    border-radius: 22px !important;
    box-shadow: 0 12px 28px rgba(15,35,62,.06) !important;
}

.supervisor-dashboard-page .report-shortcut-card .section-head{
    margin-bottom: 0 !important;
    align-items: center !important;
}

.supervisor-dashboard-page .report-shortcut-card h2{
    font-size: 1.65rem !important;
    line-height: 1.25 !important;
    margin-bottom: 5px !important;
}

.supervisor-dashboard-page .report-shortcut-card p{
    font-size: .92rem !important;
    line-height: 1.75 !important;
}

.supervisor-dashboard-page .report-shortcut-card .solid-btn{
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 13px !important;
    font-size: .9rem !important;
}

@media (max-width: 1100px){
    .supervisor-dashboard-page{
        grid-template-columns: 1fr !important;
    }

    .supervisor-dashboard-page .ops-sidebar{
        width: 100% !important;
        position: relative !important;
        top: 0 !important;
    }

    .supervisor-kpi-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px){
    .supervisor-kpi-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .supervisor-dashboard-page .supervisor-head{
        align-items: flex-start !important;
    }

    .supervisor-quick-actions{
        width: 100% !important;
    }

    .supervisor-quick-actions .solid-btn,
    .supervisor-quick-actions .outline-btn{
        width: 100% !important;
    }

    .supervisor-dashboard-page .report-shortcut-card .section-head{
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }
}