/* Consolidated page-specific layer. */

/* ---- migrated from msar-extracted-page-styles.css ---- */
/* Extracted static page-level CSS from admin/employee templates during 2026 clean-up. */

/* ---- admin/admins.php ---- */
.scope-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:10px}
.scope-row .btn{padding:10px 14px}
.module-permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.module-permissions-grid label{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#fff}
.tab-permissions-wrap{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}.tab-permission-card{border:1px solid var(--border);border-radius:18px;padding:14px;background:#fff}.tab-permission-card.is-disabled{opacity:.55;background:#f8fafc}.tab-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.tab-permission-grid label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px dashed var(--border);border-radius:12px;background:#f8fbff}.tab-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}.tab-action-grid label{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.summary-cell{max-width:320px;white-space:normal;line-height:1.9}
@media (max-width:960px){.scope-row,.module-permissions-grid,.tab-permission-grid,.tab-action-grid{grid-template-columns:1fr}}

/* ---- admin/audit_logs.php ---- */
.table-wrap.wide{overflow:auto}.table-wrap.wide table{min-width:1180px}
.payload-box{max-width:360px;white-space:pre-wrap;word-break:break-word;font-size:.82rem;line-height:1.8;color:#475569;background:#f8fbff;border:1px dashed #c7d4fd;border-radius:14px;padding:10px}

/* ---- admin/dashboard.php ---- */
.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.analytics-card{padding:18px;border-radius:22px;border:1px solid #dbe5ff;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.analytics-label{color:#64748b;font-size:.92rem;margin-bottom:8px}
.analytics-value{font-size:1.9rem;font-weight:800;color:#0f172a}
.analytics-sub{margin-top:6px;color:#64748b;font-size:.9rem}
.chart-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.chart-card{padding:20px;border-radius:24px;background:#fff;border:1px solid #dbe5ff;box-shadow:0 12px 26px rgba(15,23,42,.05)}
.chart-list{display:flex;flex-direction:column;gap:12px}
.chart-row{display:grid;grid-template-columns:minmax(140px,220px) 1fr 90px;gap:12px;align-items:center}
.chart-label{font-weight:600;color:#0f172a}
.chart-bar{height:12px;border-radius:999px;background:#e7eefc;overflow:hidden}
.chart-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent))}
.chart-value{font-weight:700;color:#0f172a;text-align:left}
.summary-note{line-height:1.9;color:#475569;background:#f8fbff;border:1px dashed #c7d4fd;border-radius:18px;padding:16px}
.badge-soft{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#2547C8;font-weight:700;font-size:.84rem}
.table-tight th,.table-tight td{white-space:nowrap}.table-wrap.wide{overflow:auto}.table-wrap.wide table{min-width:1200px}
@media (max-width:1100px){.analytics-grid,.chart-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.analytics-grid,.chart-stack{grid-template-columns:1fr}.chart-row{grid-template-columns:1fr}.chart-value{text-align:right}}

/* ---- admin/hr_advances.php ---- */
.ops-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ops-card{background:#fff;border:1px solid #dbe5ff;border-radius:20px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.04)}.ops-card .label{color:#64748b;font-size:.88rem;margin-bottom:7px}.ops-card .value{font-size:1.75rem;font-weight:800;color:#0f172a}.sla-ok{color:#047857;font-weight:700}.sla-bad{color:#be123c;font-weight:800}@media(max-width:1000px){.ops-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_alert_rules.php ---- */
.rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.rule-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.rule-kpi strong{display:block;font-size:1.5rem}.rule-card{border:1px solid #e2e8f0;border-radius:18px;padding:14px;margin-bottom:12px;background:#fff}.rule-form{display:grid;grid-template-columns:1.2fr .8fr .7fr .7fr;gap:10px;align-items:end}.rule-form textarea{min-height:84px;direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mobile-rule-cards{display:none}@media(max-width:820px){.rule-grid,.rule-form{grid-template-columns:1fr}.desktop-rules{display:none}.mobile-rule-cards{display:grid;gap:12px}.actions .btn,.actions button{width:100%}}

/* ---- admin/hr_assistant.php ---- */
.assistant-shell{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px}.assistant-sidebar,.assistant-chat{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:16px}.conversation-list{display:grid;gap:8px;max-height:620px;overflow:auto}.conversation-link{display:block;border:1px solid #e2e8f0;border-radius:14px;padding:10px;text-decoration:none;color:#0f172a;background:#f8fafc}.conversation-link.is-active{background:#e0f2fe;border-color:#38bdf8}.message-list{display:grid;gap:12px;margin:12px 0}.assistant-message{border-radius:18px;padding:12px 14px;white-space:pre-wrap;line-height:1.85}.assistant-message.user{background:#eff6ff;border:1px solid #bfdbfe;margin-right:12%}.assistant-message.assistant{background:#f8fafc;border:1px solid #e2e8f0;margin-left:12%}.assistant-role{font-weight:800;margin-bottom:4px}.assistant-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:8px;border-top:1px dashed #cbd5e1;white-space:normal}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.suggestions button{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}.assistant-textarea{min-height:110px}.privacy-note{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;border-radius:16px;padding:12px;margin-bottom:12px}@media(max-width:860px){.assistant-shell{grid-template-columns:1fr}.assistant-message.user,.assistant-message.assistant{margin:0}.conversation-list{max-height:none}.actions .btn,.actions button{width:100%}}

/* ---- admin/hr_assistant_settings.php ---- */
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.security-box{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:18px;padding:14px}.warning-box{border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:18px;padding:14px}@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.actions .btn,.actions button{width:100%}}

/* ---- admin/hr_attendance.php ---- */
.ops-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.ops-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.ops-card strong{display:block;font-size:1.55rem;color:#0f172a}.compact-table td,.compact-table th{white-space:nowrap}.status-warn{color:#b45309;font-weight:800}.status-bad{color:#b91c1c;font-weight:800}.status-good{color:#047857;font-weight:800}@media(max-width:1000px){.ops-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_attendance_conflicts.php ---- */
.ops-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.ops-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.ops-card strong{font-size:1.75rem;color:#0f172a;display:block}.badge-high{color:#be123c;font-weight:800}.badge-medium{color:#b45309;font-weight:800}.badge-info{color:#0369a1;font-weight:800}@media(max-width:800px){.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_attendance_deduction_policies.php ---- */
.ops-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.ops-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.ops-card strong{display:block;font-size:1.45rem;color:#0f172a}.policy-badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef2ff;color:#1e3a8a;font-weight:800;font-size:.82rem}@media(max-width:900px){.ops-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_attendance_discipline_report.php ---- */
.ops-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.ops-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.ops-card strong{display:block;font-size:1.45rem;color:#0f172a}.status-warn{color:#b45309;font-weight:800}.status-bad{color:#b91c1c;font-weight:800}.status-good{color:#047857;font-weight:800}@media(max-width:1000px){.ops-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_attendance_geofences.php ---- */
.geo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mobile-cards{display:none}@media(max-width:820px){.geo-grid{grid-template-columns:1fr}.desktop-table{display:none}.mobile-cards{display:grid;gap:12px}}

/* ---- admin/hr_attendance_import.php ---- */
.ops-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.ops-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.ops-card strong{display:block;font-size:1.45rem;color:#0f172a}@media(max-width:900px){.ops-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_attendance_import_review.php ---- */
.ops-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.ops-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.ops-card strong{display:block;font-size:1.35rem;color:#0f172a}.status-invalid{color:#b91c1c}.status-duplicate{color:#b45309}.status-valid{color:#047857}.status-applied{color:#075985}@media(max-width:1000px){.ops-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_attendance_integrations.php ---- */
.provider-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.status-ready{color:#047857;font-weight:800}.status-pending{color:#b45309;font-weight:800}.status-error{color:#b91c1c;font-weight:800}

/* ---- admin/hr_attendance_monthly_report.php ---- */
.ops-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.ops-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.ops-card strong{display:block;font-size:1.35rem;color:#0f172a}@media(max-width:1000px){.ops-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_attendance_month_approval.php ---- */
.approval-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.approval-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.approval-card strong{display:block;font-size:1.55rem;color:#0f172a}.status-pill{display:inline-flex;border-radius:999px;padding:7px 12px;background:#eef4ff;font-weight:800}.locked{background:#fee2e2;color:#991b1b}.approved{background:#dcfce7;color:#166534}.draft{background:#f8fafc;color:#334155}@media(max-width:1000px){.approval-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.approval-grid{grid-template-columns:1fr}}

/* ---- admin/hr_attendance_penalties.php ---- */
.ops-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.ops-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.ops-card strong{display:block;font-size:1.45rem;color:#0f172a}.status-approved{color:#047857;font-weight:800}.status-draft{color:#b45309;font-weight:800}.status-locked{color:#1e3a8a;font-weight:800}@media(max-width:1100px){.ops-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_attendance_policies.php ---- */
.policy-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.check-row{display:flex;gap:12px;flex-wrap:wrap}.check-pill{background:#f8fafc;border:1px solid #dbe5ff;border-radius:999px;padding:8px 12px}

/* ---- admin/hr_candidate_portal.php ---- */
.portal-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.portal-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:16px}.portal-card strong{font-size:1.55rem;display:block;color:#0f172a}.portal-card span{color:#64748b}.portal-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#1e3a8a;font-size:.82rem;font-weight:700}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.doc-actions{min-width:260px}.mini-list{display:grid;gap:10px}.mini-item{border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#fbfdff}@media(max-width:900px){.portal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-grid{grid-template-columns:1fr}}@media(max-width:560px){.portal-kpis{grid-template-columns:1fr}}

/* ---- admin/hr_compliance_alerts.php ---- */
.alert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.alert-kpi{border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#fff}.alert-kpi strong{display:block;font-size:1.55rem}.severity-critical{background:#fee2e2;color:#991b1b}.severity-warning{background:#fef3c7;color:#92400e}.severity-info{background:#dbeafe;color:#1d4ed8}.status-open{background:#fff7ed;color:#9a3412}.status-snoozed{background:#fef3c7;color:#92400e}.status-resolved{background:#dcfce7;color:#166534}.status-dismissed{background:#f1f5f9;color:#475569}.badge-lite{display:inline-flex;padding:4px 10px;border-radius:999px;font-weight:700;font-size:.82rem}.mobile-alert-card{display:none}@media(max-width:760px){.alert-grid{grid-template-columns:1fr}.desktop-table{display:none}.mobile-alert-card{display:grid;gap:12px}.grid-4{grid-template-columns:1fr!important}.actions .btn,.actions button{width:100%}}

/* ---- admin/hr_contracts.php ---- */
.contract-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.contract-preview{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;line-height:1.9}.contract-template-body{min-height:280px;font-family:ui-monospace,monospace;direction:ltr;text-align:left}.contract-mobile-list{display:none}@media(max-width:700px){.contract-desktop-table{display:none}.contract-mobile-list{display:grid;gap:12px}}

/* ---- admin/hr_dashboard.php ---- */
.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.analytics-card{padding:18px;border-radius:22px;border:1px solid #dbe5ff;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05)}.analytics-label{color:#64748b;font-size:.92rem;margin-bottom:8px}.analytics-value{font-size:1.9rem;font-weight:800;color:#0f172a}.analytics-sub{margin-top:6px;color:#64748b;font-size:.9rem}.ops-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ops-card{background:#fbfdff;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.ops-card strong{font-size:1.45rem;color:#0f172a;display:block;margin-bottom:4px}.ops-card span{color:#64748b;font-size:.86rem}@media (max-width:1000px){.analytics-grid,.ops-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.analytics-grid,.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_employee_actions.php ---- */
.action-box{background:#f8fafc;border:1px solid #dbe5ff;border-radius:16px;padding:12px;line-height:1.8}

/* ---- admin/hr_employee_action_center.php ---- */
.action-center-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:600}.status-ok{background:#dcfce7;color:#166534}.status-bad{background:#fee2e2;color:#991b1b}.status-warn{background:#fef3c7;color:#92400e}.status-info{background:#dbeafe;color:#1d4ed8}.status-neutral{background:#f1f5f9;color:#475569}.field-help{font-size:.82rem;color:#64748b;line-height:1.7}.json-box{background:#0f172a;color:#e2e8f0;border-radius:16px;padding:14px;direction:ltr;text-align:left;white-space:pre-wrap;overflow:auto;max-height:340px}.action-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px;line-height:1.8}.linked-type{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:12px;line-height:1.9}.mobile-action-card{display:none}.timeline-lite{display:grid;gap:10px}.timeline-lite-item{border:1px solid #e2e8f0;border-radius:14px;padding:10px;background:#fff}.timeline-lite-item strong{display:block;margin-bottom:4px}@media(max-width:760px){.action-center-grid{grid-template-columns:1fr}.desktop-table{display:none}.mobile-action-card{display:grid;gap:12px}.mobile-action-card .card{margin:0}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}.actions{width:100%}.actions .btn,.actions button{width:100%;justify-content:center}.json-box{max-height:260px}.table-wrap{overflow-x:visible}.compact-table{min-width:0}}

/* ---- admin/hr_employee_final_settlements.php ---- */
.settlement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.settlement-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px}.settlement-card span{display:block;color:var(--muted);font-size:.86rem;margin-bottom:6px}.settlement-card strong{font-size:1.2rem}.calc-note{background:#fbfdff;border:1px solid #dbeafe;border-radius:18px;padding:14px;color:#334155;line-height:1.9}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;background:#f1f5f9;font-size:.84rem}.doc-panel{border:1px solid #dbeafe;background:#f8fbff;border-radius:18px;padding:14px}.doc-actions form{display:inline-block;margin:0 0 6px 6px}.signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mobile-stack{display:block}@media(max-width:1000px){.settlement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signature-grid{grid-template-columns:1fr}}@media(max-width:640px){.settlement-grid{grid-template-columns:1fr}.doc-actions form{display:block}.table-wrap{overflow-x:auto}}
body.page-hr_employee_final_settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note),
body.page-hr-employee-final-settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important;overflow:hidden!important}
body.page-hr_employee_final_settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note)>*,
body.page-hr-employee-final-settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note)>*{min-width:0!important;max-width:100%!important;overflow:hidden!important}
body.page-hr_employee_final_settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note) form.grid,
body.page-hr-employee-final-settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note) form.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important}
body.page-hr_employee_final_settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note) :where(.field,.actions,.util-grid-full-068a),
body.page-hr-employee-final-settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note) :where(.field,.actions,.util-grid-full-068a){min-width:0!important;max-width:100%!important}
body.page-hr_employee_final_settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note) .util-grid-full-068a,
body.page-hr-employee-final-settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note) .util-grid-full-068a{grid-column:1/-1!important}
body.page-hr_employee_final_settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note) :where(.input,.select,.textarea,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea),
body.page-hr-employee-final-settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note) :where(.input,.select,.textarea,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.page-hr_employee_final_settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note) .calc-note,
body.page-hr-employee-final-settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note) .calc-note{overflow-wrap:anywhere!important}
@media(max-width:1050px){body.page-hr_employee_final_settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note),body.page-hr-employee-final-settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note){grid-template-columns:1fr!important}}
@media(max-width:760px){body.page-hr_employee_final_settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note) form.grid,body.page-hr-employee-final-settlements.msar-shell.msar-classic .main-form > .grid.grid-2:has(> .calc-note) form.grid{grid-template-columns:1fr!important}}

/* ---- admin/hr_employee_import.php ---- */
.info-box{background:#f8fafc;border:1px solid #dbe5ff;border-radius:16px;padding:12px;line-height:1.8}

/* ---- admin/hr_employee_import_review.php ---- */
.ok{color:#047857;font-weight:800}.bad{color:#b91c1c;font-weight:800}

/* ---- admin/hr_employee_profile.php ---- */
.profile-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}.profile-name{font-size:1.55rem;font-weight:700;margin:0 0 8px}.profile-meta{color:var(--muted);line-height:1.9}.profile-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.profile-tabs a{padding:8px 12px;border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--text);background:#fff}.timeline-list{position:relative;padding-right:18px}.timeline-item{position:relative;border-right:3px solid var(--border);padding:0 16px 16px 0}.timeline-item:before{content:'';position:absolute;right:-7px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--primary)}.timeline-date{font-size:.85rem;color:var(--muted);margin-bottom:4px}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--soft);font-size:.82rem}.profile-table td,.profile-table th{vertical-align:top}.mini-kpi strong{font-size:1.35rem;display:block}.anchor-card{scroll-margin-top:24px}

/* ---- admin/hr_employee_terminations.php ---- */
.eos-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.eos-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px}.eos-card span{display:block;color:#64748b;font-size:.86rem}.eos-card strong{font-size:1.25rem;color:#0f172a}.calc-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px;line-height:1.9}@media(max-width:900px){.eos-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.eos-grid{grid-template-columns:1fr}}
.termination-employee-picker-form{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 12px!important;overflow:hidden!important}.termination-employee-picker{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important}.termination-employee-picker>label{display:block!important;width:100%!important;max-width:100%!important;margin:0 0 6px!important;white-space:normal!important;line-height:1.7!important;text-align:right!important}.termination-employee-picker>.select,.termination-employee-picker select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.termination-employee-search-field{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:stretch!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.termination-employee-search-field>label{display:block!important;margin:0!important;line-height:1.7!important}.termination-employee-search-field .input,.termination-employee-search-field .select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.termination-employee-search-hint{display:block;color:var(--text-muted,#718096);line-height:1.7}

/* ---- admin/hr_gosi_profiles.php ---- */
.status-pill{display:inline-block;border-radius:999px;padding:4px 10px;background:#eef4ff;font-weight:800}.status-matched{background:#dcfce7;color:#166534}.status-failed,.status-not_found{background:#fee2e2;color:#991b1b}.status-needs_review{background:#fef3c7;color:#92400e}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:left}

/* ---- admin/hr_gosi_settings.php ---- */
.secret-note{background:#f8fafc;border:1px solid #dbe5ff;border-radius:16px;padding:12px;line-height:1.8}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:left}.status-ok{color:#047857;font-weight:800}.status-bad{color:#b91c1c;font-weight:800}

/* ---- admin/hr_leave_absence_report.php ---- */
.ops-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ops-card{background:#fff;border:1px solid #dbe5ff;border-radius:20px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.04)}.ops-card strong{display:block;font-size:1.7rem;color:#0f172a}.group-row{background:#f8fafc;font-weight:800}@media(max-width:900px){.ops-strip{grid-template-columns:1fr 1fr}}@media(max-width:640px){.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_leave_calendar.php ---- */
.calendar-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.absence-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.calendar-head{font-weight:800;color:#334155;text-align:center}.calendar-day{min-height:150px;background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:10px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.calendar-day.empty{background:#f8fafc;border-style:dashed;box-shadow:none}.day-number{font-weight:900;color:#0f172a;margin-bottom:8px}.absence-chip{display:block;border:1px solid #e2e8f0;border-radius:12px;padding:6px;margin-top:6px;background:#f8fafc;font-size:.8rem;line-height:1.5}.absence-count{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:#eef4ff;font-weight:800}@media(max-width:1000px){.absence-calendar{grid-template-columns:1fr}.calendar-head{display:none}.calendar-day{min-height:auto}}

/* ---- admin/hr_leave_post_attachments.php ---- */
.ops-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ops-card{background:#fff;border:1px solid #dbe5ff;border-radius:20px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.04)}.ops-card strong{display:block;font-size:1.7rem;color:#0f172a}.review-actions{display:flex;gap:8px;flex-wrap:wrap}.status-ok{color:#047857;font-weight:800}.status-wait{color:#b45309;font-weight:800}.status-bad{color:#be123c;font-weight:800}@media(max-width:900px){.ops-strip{grid-template-columns:1fr 1fr}}@media(max-width:640px){.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_leave_settings.php ---- */
.leave-settings-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px}.policy-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;background:#f1f5f9;color:#334155;font-size:.82rem;margin:2px}.policy-pill.ok{background:#ecfdf5;color:#047857}.policy-pill.warn{background:#fff7ed;color:#c2410c}.policy-list a{display:block;text-decoration:none;color:inherit;border:1px solid var(--border);border-radius:16px;padding:12px;margin-bottom:10px;background:#fff}.policy-list a.active{border-color:var(--primary);box-shadow:0 10px 25px rgba(37,71,200,.10)}.policy-code{font-size:.78rem;color:#64748b;direction:ltr;text-align:left}.muted-small{font-size:.84rem;color:#64748b;line-height:1.8}@media(max-width:1050px){.leave-settings-layout{grid-template-columns:1fr}}

/* ---- admin/hr_mobile_attendance_review.php ---- */
.review-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.review-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.review-kpi strong{display:block;font-size:1.5rem}.mobile-punch-cards{display:none}@media(max-width:900px){.review-kpis{grid-template-columns:repeat(2,1fr)}.desktop-punches{display:none}.mobile-punch-cards{display:grid;gap:12px}}@media(max-width:560px){.review-kpis{grid-template-columns:1fr}.actions .btn,.actions button{width:100%}}

/* ---- admin/hr_monthly_payroll_export.php ---- */
.ops-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.ops-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.ops-card strong{display:block;font-size:1.55rem;color:#0f172a}.payroll-review{color:#b45309;font-weight:800}.payroll-ok{color:#047857;font-weight:800}@media(max-width:1000px){.ops-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_mudad_batches.php ---- */
.mudad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.mudad-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.mudad-kpi strong{display:block;font-size:1.5rem}.status-badge{display:inline-flex;padding:4px 10px;border-radius:999px;background:#f1f5f9;font-weight:700}.status-validated,.status-accepted,.status-paid{background:#dcfce7;color:#166534}.status-ready,.status-submitted{background:#fef3c7;color:#92400e}.status-rejected,.status-failed,.status-cancelled{background:#fee2e2;color:#991b1b}.mobile-mudad{display:none}@media(max-width:820px){.mudad-grid,.grid-4{grid-template-columns:1fr!important}.desktop-mudad{display:none}.mobile-mudad{display:grid;gap:12px}.actions .btn,.actions button{width:100%}}

/* ---- admin/hr_mudad_batch_view.php ---- */
.mudad-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.info-box{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:14px}.badge{display:inline-flex;border-radius:999px;padding:4px 10px;background:#f1f5f9;font-weight:700}.badge.invalid,.badge.rejected{background:#fee2e2;color:#991b1b}.badge.valid,.badge.accepted,.badge.paid{background:#dcfce7;color:#166534}.badge.pending,.badge.submitted{background:#fef3c7;color:#92400e}.mudad-actions form{display:inline-flex;gap:8px;align-items:center;margin:3px}@media(max-width:820px){.mudad-info{grid-template-columns:1fr}.desktop-items{display:none}.mudad-actions form,.mudad-actions .btn{width:100%;display:flex}.mudad-actions input{width:100%}}

/* ---- admin/hr_muqeem_transactions.php ---- */
.muqeem-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.badge-soft{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-weight:700;font-size:.82rem}.badge-soft.success{background:#dcfce7;color:#166534}.badge-soft.warning{background:#fef3c7;color:#92400e}.badge-soft.danger{background:#fee2e2;color:#991b1b}.badge-soft.muted{background:#f1f5f9;color:#475569}.muqeem-mobile-list{display:none}@media(max-width:760px){.muqeem-kpis{grid-template-columns:1fr}.desktop-table{display:none}.muqeem-mobile-list{display:grid;gap:12px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}.actions .btn,.actions button{width:100%}}

/* ---- admin/hr_onboarding.php ---- */
.onboarding-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.onboarding-mobile-list{display:none}.progress-track{background:#eef2ff;border-radius:999px;height:10px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--success-color,#16a34a)}.task-row-completed{background:#f0fdf4}.task-row-cancelled{opacity:.62}@media(max-width:700px){.onboarding-desktop-table{display:none}.onboarding-mobile-list{display:grid;gap:12px}.onboarding-actions{display:grid}.onboarding-actions .btn{width:100%}}

/* ---- admin/hr_payroll_accounting.php ---- */
.acc-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.acc-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.acc-card strong{display:block;font-size:1.08rem;color:#0f172a}.status-draft,.status-review{color:#b45309;font-weight:800}.status-approved,.status-archived{color:#047857;font-weight:800}.status-cancelled{color:#be123c;font-weight:800}.checksum{font-family:monospace;color:#64748b;font-size:.8rem}.mapping-grid{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr 1.5fr .85fr .55fr 1.4fr;gap:8px;align-items:end}.export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.export-tile{border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#fff}.export-tile strong{display:block;margin-bottom:6px}@media(max-width:1200px){.acc-strip,.export-grid{grid-template-columns:repeat(2,1fr)}.mapping-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.acc-strip,.export-grid,.mapping-grid{grid-template-columns:1fr}}

/* ---- admin/hr_payroll_accounting_integration.php ---- */
.integration-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.integration-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.integration-card strong{display:block;font-size:1.05rem;color:#0f172a}.status-draft{color:#b45309;font-weight:800}.status-blocked,.check-fail{color:#be123c;font-weight:800}.status-ready,.status-exported,.check-pass{color:#047857;font-weight:800}.status-cancelled{color:#64748b;font-weight:800}.check-warning{color:#b45309;font-weight:800}.checksum{font-family:monospace;color:#64748b;font-size:.8rem}.target-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr .7fr .9fr 2fr;gap:8px;align-items:end}.map-grid{display:grid;grid-template-columns:1.2fr .9fr 1fr 1fr 1.2fr .8fr .55fr 1.4fr;gap:8px;align-items:end}.notice-lock{border:1px solid #facc15;background:#fefce8;border-radius:16px;padding:12px;color:#854d0e;margin-bottom:14px}@media(max-width:1200px){.integration-strip{grid-template-columns:repeat(2,1fr)}.target-grid,.map-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.integration-strip,.target-grid,.map-grid{grid-template-columns:1fr}}

/* ---- admin/hr_payroll_center.php ---- */
.payroll-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.payroll-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.payroll-card strong{display:block;font-size:1.35rem;color:#0f172a}.status-draft,.status-review,.status-reopened{color:#b45309;font-weight:800}.status-approved{color:#047857;font-weight:800}.status-locked{color:#1e3a8a;font-weight:800}.review-badge{display:inline-block;border-radius:999px;padding:3px 10px;background:#f1f5f9;font-size:.82rem;font-weight:700}.review-badge.needs{background:#fff7ed;color:#b45309}.review-badge.ok{background:#ecfdf5;color:#047857}.readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.readiness .ok{border-color:#bbf7d0;background:#f0fdf4}.readiness .warn{border-color:#fed7aa;background:#fff7ed}@media(max-width:1100px){.payroll-strip,.readiness{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.payroll-strip,.readiness{grid-template-columns:1fr}}

/* ---- admin/hr_payroll_components.php ---- */
.payroll-config-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.payroll-config-card{border:1px solid #dbe5ff;border-radius:18px;padding:14px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.04)}.payroll-config-card strong{display:block;font-size:1.4rem}.pill{display:inline-block;border-radius:999px;padding:3px 10px;background:#f1f5f9;font-size:.82rem;font-weight:700}.pill.earning{background:#ecfdf5;color:#047857}.pill.deduction{background:#fff7ed;color:#b45309}@media(max-width:900px){.payroll-config-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.payroll-config-strip{grid-template-columns:1fr}}

/* ---- admin/hr_payroll_differences.php ---- */
.diff-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.diff-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.diff-card strong{display:block;font-size:1.35rem;color:#0f172a}.status-draft{color:#b45309;font-weight:800}.status-approved{color:#047857;font-weight:800}.status-rejected{color:#b91c1c;font-weight:800}.status-applied{color:#1e3a8a;font-weight:800}@media(max-width:1000px){.diff-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.diff-strip{grid-template-columns:1fr}}

/* ---- admin/hr_payroll_disbursements.php ---- */
.disb-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.disb-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.disb-card strong{display:block;font-size:1.25rem;color:#0f172a}.status-draft,.status-review{color:#b45309;font-weight:800}.status-approved,.status-exported{color:#047857;font-weight:800}.status-cancelled{color:#be123c;font-weight:800}.item-ready,.item-exported{color:#047857;font-weight:800}.item-needs_review,.item-hold{color:#b45309;font-weight:800}.item-excluded{color:#64748b;font-weight:800}.inline-edit{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.2fr auto;gap:6px;align-items:end}.inline-edit .input,.inline-edit .select{min-width:130px}.checksum{font-family:monospace;color:#64748b;font-size:.8rem}.run-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:1200px){.disb-strip,.run-box{grid-template-columns:repeat(2,1fr)}.inline-edit{grid-template-columns:1fr 1fr}}@media(max-width:700px){.disb-strip,.run-box,.inline-edit{grid-template-columns:1fr}}

/* ---- admin/hr_payroll_disbursement_print.php ---- */
@media print{.no-print,.admin-sidebar,.topbar{display:none!important}.content{margin:0!important;padding:0!important}.card{box-shadow:none!important;border:0!important}.print-page{padding:0}.table-wrap{overflow:visible!important}body{background:#fff!important}}
.print-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:2px solid #dbe5ff;padding-bottom:14px;margin-bottom:18px}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.meta-box{border:1px solid #e2e8f0;border-radius:14px;padding:10px;background:#fff}.meta-box span{display:block;color:#64748b;font-size:.85rem}.meta-box strong{display:block;font-size:1.1rem;color:#0f172a}.sign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.sign-box{border-top:1px solid #94a3b8;padding-top:10px;text-align:center;color:#475569}.status-approved,.status-exported{color:#047857;font-weight:800}.status-draft,.status-review{color:#b45309;font-weight:800}.status-cancelled{color:#be123c;font-weight:800}@media(max-width:900px){.meta-grid,.sign-grid{grid-template-columns:1fr}}

/* ---- admin/hr_payroll_final_reports.php ---- */
.report-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.report-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.report-card strong{display:block;font-size:1.08rem;color:#0f172a}.status-draft,.status-review{color:#b45309;font-weight:800}.status-archived{color:#047857;font-weight:800}.status-cancelled{color:#be123c;font-weight:800}.checksum{font-family:monospace;color:#64748b;font-size:.8rem}.wps-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.export-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.export-tile{border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#fff}.export-tile strong{display:block;margin-bottom:6px}@media(max-width:1100px){.report-strip,.wps-box,.export-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.report-strip,.wps-box,.export-grid{grid-template-columns:1fr}}

/* ---- admin/hr_payroll_financial_closure.php ---- */
.fin-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-bottom:18px}.fin-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.fin-card strong{display:block;font-size:1.15rem;color:#0f172a}.status-draft,.status-review{color:#b45309;font-weight:800}.status-closed{color:#047857;font-weight:800}.status-cancelled{color:#be123c;font-weight:800}.item-paid_manual{color:#047857;font-weight:800}.item-pending,.item-rejected_again,.item-needs_reissue,.item-hold{color:#b45309;font-weight:800}.inline-edit{display:grid;grid-template-columns:1.2fr 1fr 1.2fr auto;gap:6px;align-items:end}.checksum{font-family:monospace;color:#64748b;font-size:.8rem}.run-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:1200px){.fin-strip{grid-template-columns:repeat(3,1fr)}.inline-edit,.run-box{grid-template-columns:1fr 1fr}}@media(max-width:700px){.fin-strip,.inline-edit,.run-box{grid-template-columns:1fr}}

/* ---- admin/hr_payroll_reissues.php ---- */
.reissue-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-bottom:18px}.reissue-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.reissue-card strong{display:block;font-size:1.2rem;color:#0f172a}.status-draft,.status-review,.status-approved{color:#b45309;font-weight:800}.status-exported,.status-closed{color:#047857;font-weight:800}.status-cancelled{color:#be123c;font-weight:800}.item-ready,.item-exported{color:#047857;font-weight:800}.item-needs_review,.item-hold{color:#b45309;font-weight:800}.item-excluded{color:#64748b;font-weight:800}.inline-edit{display:grid;grid-template-columns:1.1fr 1.6fr 1.8fr auto;gap:6px;align-items:end}.inline-edit .input,.inline-edit .select{min-width:130px}.run-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.checksum{font-family:monospace;color:#64748b;font-size:.8rem}@media(max-width:1300px){.reissue-strip{grid-template-columns:repeat(3,1fr)}.run-box{grid-template-columns:repeat(2,1fr)}.inline-edit{grid-template-columns:1fr 1fr}}@media(max-width:700px){.reissue-strip,.run-box,.inline-edit{grid-template-columns:1fr}}

/* ---- admin/hr_payroll_reissue_print.php ---- */
@media print{.no-print,.admin-sidebar,.topbar{display:none!important}.content{margin:0!important;padding:0!important}.card{box-shadow:none!important;border:0!important}.print-page{padding:0}.table-wrap{overflow:visible!important}body{background:#fff!important}}
.print-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:2px solid #dbe5ff;padding-bottom:14px;margin-bottom:18px}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.meta-box{border:1px solid #e2e8f0;border-radius:14px;padding:10px;background:#fff}.meta-box span{display:block;color:#64748b;font-size:.85rem}.meta-box strong{display:block;font-size:1.05rem;color:#0f172a}.sign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.sign-box{border-top:1px solid #94a3b8;padding-top:10px;text-align:center;color:#475569}.status-approved,.status-draft,.status-review{color:#b45309;font-weight:800}.status-exported,.status-closed{color:#047857;font-weight:800}.status-cancelled{color:#be123c;font-weight:800}@media(max-width:900px){.meta-grid,.sign-grid{grid-template-columns:1fr}}

/* ---- admin/hr_payroll_settlements.php ---- */
.settle-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-bottom:18px}.settle-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.settle-card strong{display:block;font-size:1.2rem;color:#0f172a}.status-draft,.status-review{color:#b45309;font-weight:800}.status-closed{color:#047857;font-weight:800}.status-cancelled{color:#be123c;font-weight:800}.item-paid_manual{color:#047857;font-weight:800}.item-ready,.item-exported{color:#0369a1;font-weight:800}.item-bank_rejected,.item-needs_reissue{color:#be123c;font-weight:800}.item-hold{color:#b45309;font-weight:800}.inline-edit{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr 1.5fr auto;gap:6px;align-items:end}.inline-edit .input,.inline-edit .select{min-width:130px}.run-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.checksum{font-family:monospace;color:#64748b;font-size:.8rem}@media(max-width:1300px){.settle-strip{grid-template-columns:repeat(3,1fr)}.run-box{grid-template-columns:repeat(2,1fr)}.inline-edit{grid-template-columns:1fr 1fr}}@media(max-width:700px){.settle-strip,.run-box,.inline-edit{grid-template-columns:1fr}}

/* ---- admin/hr_payroll_settlement_print.php ---- */
@media print{.no-print,.admin-sidebar,.topbar{display:none!important}.content{margin:0!important;padding:0!important}.card{box-shadow:none!important;border:0!important}.print-page{padding:0}.table-wrap{overflow:visible!important}body{background:#fff!important}}
.print-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:2px solid #dbe5ff;padding-bottom:14px;margin-bottom:18px}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.meta-box{border:1px solid #e2e8f0;border-radius:14px;padding:10px;background:#fff}.meta-box span{display:block;color:#64748b;font-size:.85rem}.meta-box strong{display:block;font-size:1.05rem;color:#0f172a}.sign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.sign-box{border-top:1px solid #94a3b8;padding-top:10px;text-align:center;color:#475569}.status-closed{color:#047857;font-weight:800}.status-draft,.status-review{color:#b45309;font-weight:800}.status-cancelled{color:#be123c;font-weight:800}@media(max-width:900px){.meta-grid,.sign-grid{grid-template-columns:1fr}}

/* ---- admin/hr_payslips.php ---- */
.pay-slip-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.pay-slip-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.pay-slip-card strong{display:block;font-size:1.3rem;color:#0f172a}.status-draft{color:#b45309;font-weight:800}.status-published{color:#047857;font-weight:800}.status-hidden{color:#be123c;font-weight:800}.pay-actions{display:flex;gap:8px;flex-wrap:wrap}.checksum{font-family:monospace;font-size:.82rem;color:#475569}.publish-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.publish-box .wide{grid-column:span 2}@media(max-width:1100px){.pay-slip-strip,.publish-box{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.pay-slip-strip,.publish-box{grid-template-columns:1fr}}

/* ---- admin/hr_payslip_print.php ---- */
.payslip-doc{background:#fff;border:1px solid #dbe5ff;border-radius:22px;padding:24px;box-shadow:0 18px 36px rgba(15,23,42,.06)}.payslip-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:2px solid #e2e8f0;padding-bottom:18px;margin-bottom:18px}.payslip-title{font-size:1.8rem;font-weight:900;color:#0f172a}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.meta-cell{border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#fbfdff}.meta-cell span{display:block;color:#64748b;font-size:.82rem}.meta-cell strong{display:block;margin-top:5px;color:#0f172a}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.summary-cell{border-radius:18px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0}.summary-cell strong{font-size:1.45rem;color:#0f172a}.net-cell{background:#ecfdf5;border-color:#bbf7d0}.checksum{font-family:monospace;color:#475569;font-size:.82rem;word-break:break-all}@media print{.no-print,.side-info,.main-topbar{display:none!important}.dashboard{display:block}.main-form{padding:0}.payslip-doc{box-shadow:none;border:0}.card{box-shadow:none}}

/* ---- admin/hr_probation.php ---- */
.probation-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.probation-mobile-list{display:none}.probation-snapshot{white-space:pre-wrap;direction:ltr;text-align:left;background:#f8fafc;border-radius:14px;padding:12px;max-height:280px;overflow:auto}.probation-decision-form{display:grid;grid-template-columns:1fr;gap:10px}.probation-desktop-table td{vertical-align:top}.action-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px;line-height:1.8}@media(max-width:720px){.probation-desktop-table{display:none}.probation-mobile-list{display:grid;gap:12px}}
.probation-page{display:grid;gap:18px;min-width:0}.probation-create-card{overflow:hidden}.probation-create-form{align-items:start!important;min-width:0}.probation-create-form>.field{min-width:0;max-width:100%}.probation-create-form>.field>.select,.probation-create-form>.field>.input,.probation-create-form>.field>.textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.probation-create-form>.field>.textarea{min-height:86px;resize:vertical}.probation-create-form>.actions{padding-top:8px;border-top:1px solid var(--brand-border,var(--border-soft,#e5edf7))}body.msar-shell.msar-classic .probation-create-form>.field{grid-template-columns:minmax(128px,160px) minmax(0,1fr)!important;gap:12px!important;align-items:center!important}body.msar-shell.msar-classic .probation-create-form>.field>label{margin:0!important;line-height:1.7!important;color:var(--brand-ink,#0f172a)!important}@media(max-width:900px){body.msar-shell.msar-classic .probation-create-form>.field{grid-template-columns:1fr!important;gap:6px!important}.probation-create-form>.actions .btn{width:100%;justify-content:center}}

/* ---- admin/hr_probation_escalations.php ---- */
.escalation-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-bottom:18px}.sla-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:700}.sla-success{background:#dcfce7;color:#166534}.sla-warning{background:#fef3c7;color:#92400e}.sla-danger{background:#fee2e2;color:#991b1b}.sla-info{background:#dbeafe;color:#1d4ed8}.level-badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#0f172a;color:#fff;font-weight:800}.escalation-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px;line-height:1.8}.mobile-sla-list{display:none}@media(max-width:900px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr!important}.desktop-table{display:none}.mobile-sla-list{display:grid;gap:12px}.actions .btn,.actions button{width:100%;justify-content:center}}@media print{.admin-sidebar,.topbar,.actions,.ui-filter-panel,.no-print{display:none!important}.container{max-width:100%!important}.card{box-shadow:none!important;border:1px solid #ddd!important}}

/* ---- admin/hr_probation_operations.php ---- */
.probation-ops-funnel{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-bottom:18px}.probation-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:18px}.flow-step{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px;text-align:center}.flow-step strong{display:block;font-size:1.4rem;color:#0f172a}.flow-step span{color:#64748b;font-size:.84rem}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:600}.status-ok{background:#dcfce7;color:#166534}.status-bad{background:#fee2e2;color:#991b1b}.status-warn{background:#fef3c7;color:#92400e}.status-info{background:#dbeafe;color:#1d4ed8}.status-neutral{background:#f1f5f9;color:#475569}.ops-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px;line-height:1.8}.mobile-ops-list{display:none}@media(max-width:900px){.probation-flow{grid-template-columns:1fr 1fr}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.desktop-table{display:none}.mobile-ops-list{display:grid;gap:12px}.actions .btn,.actions button{width:100%;justify-content:center}}

/* ---- admin/hr_production_readiness.php ---- */
.prod-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.prod-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.prod-card strong{display:block;font-size:1.5rem}.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.doc-list{display:grid;gap:10px}@media(max-width:900px){.prod-grid,.checklist-grid{grid-template-columns:1fr}.actions .btn{width:100%}}

/* ---- admin/hr_recruitment.php ---- */
.ats-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.ats-mobile-list{display:none}.ats-desktop-table td{vertical-align:top}.ats-event{border-right:3px solid #dbe5ff;padding:0 12px 12px 0;margin-bottom:10px}.ats-event small{color:#64748b}.ats-badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef4ff;font-size:.82rem}@media(max-width:760px){.ats-desktop-table{display:none}.ats-mobile-list{display:grid;gap:12px}}

/* ---- admin/hr_recruitment_interviews.php ---- */
.interview-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.interview-mobile-list{display:none}.interview-desktop-table td{vertical-align:top}.scorecard{border-right:3px solid #bfdbfe;padding:0 12px 12px 0;margin-bottom:10px}.scorecard small{color:#64748b}.interview-badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef4ff;font-size:.82rem}@media(max-width:760px){.interview-desktop-table{display:none}.interview-mobile-list{display:grid;gap:12px}}

/* ---- admin/hr_recruitment_offers.php ---- */
.offer-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.offer-event{border-right:3px solid #bbf7d0;padding:0 12px 12px 0;margin-bottom:10px}.offer-event small{color:#64748b}.offer-badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#ecfdf5;font-size:.82rem}.offer-mobile-list{display:none}@media(max-width:760px){.offer-desktop-table{display:none}.offer-mobile-list{display:grid;gap:12px}}

/* ---- admin/hr_recruitment_scorecards.php ---- */
.scorecard-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}.criteria-row{display:grid;grid-template-columns:2fr 1fr 1fr 2fr auto;gap:10px;margin-bottom:10px;align-items:end}.comparison-mobile{display:none}.badge-soft{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef2ff;color:#1e3a8a;font-size:.82rem}.report-box{border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#fff}@media(max-width:850px){.criteria-row{grid-template-columns:1fr}.comparison-table{display:none}.comparison-mobile{display:grid;gap:12px}}
@media print{.admin-header,.sidebar,.actions,.btn,form{display:none!important}.card,.report-box{box-shadow:none!important;border:1px solid #ddd!important}}

/* ---- admin/hr_requests.php ---- */
.ops-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ops-card{background:#fff;border:1px solid #dbe5ff;border-radius:20px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.04)}.ops-card .label{color:#64748b;font-size:.88rem;margin-bottom:7px}.ops-card .value{font-size:1.75rem;font-weight:800;color:#0f172a}.sla-ok{color:#047857;font-weight:700}.sla-bad{color:#be123c;font-weight:800}@media(max-width:1000px){.ops-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ops-strip{grid-template-columns:1fr}}

/* ---- admin/hr_saudi_compliance_dashboard.php ---- */
.readiness-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.readiness-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.readiness-card strong{display:block;font-size:1.55rem}.mobile-readiness{display:none}@media(max-width:900px){.readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-readiness{display:none}.mobile-readiness{display:grid;gap:12px}}@media(max-width:560px){.readiness-grid{grid-template-columns:1fr}.actions .btn,.actions button{width:100%}}

/* ---- admin/hr_shift_assignments.php ---- */
.assignment-card{background:#fff;border:1px solid #dbe5ff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04)}

/* ---- admin/questions.php ---- */
.sort-stack{display:grid;gap:18px;margin-bottom:18px}
.sort-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sort-box{background:#f8fbff;border:1px solid var(--border);border-radius:18px;padding:14px}
.sort-box h3{margin:0 0 10px;font-size:11px}
.drag-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}
.drag-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #d9e4ff;border-radius:16px;padding:10px 12px;cursor:grab}
.drag-item.dragging{opacity:.55;border-style:dashed}
.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#eef4ff;color:#1d4ed8;font-weight:800;user-select:none}
.drag-meta{display:flex;align-items:center;gap:10px;color:var(--muted)}
.drag-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#eef4ff;color:#1d4ed8;border:1px solid #dbe7ff}
.sort-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.quick-empty{padding:16px;text-align:center;border:1px dashed var(--border);border-radius:16px;background:#fff;color:var(--muted)}
.question-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}
.question-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.option-row-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto auto;gap:10px;align-items:end;margin-bottom:10px}
.option-row-grid .btn{padding:10px 14px}
.option-actions-panel{display:none;grid-column:1/-1;padding:14px;border:1px dashed #c7d4fd;border-radius:16px;background:#f8fbff;margin-top:8px}
.option-actions-panel.open{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.option-actions-toggle{width:42px;height:42px;border-radius:12px;font-size:22px;font-weight:800;padding:0}
@media (max-width:960px){.option-actions-panel.open{grid-template-columns:1fr}}
.modal{position:fixed;inset:0;background:rgba(15,23,42,.5);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}
.modal.open{display:flex}
.modal-card{width:min(980px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:22px}
.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}
.modal-close{background:#f1f5f9;border:1px solid var(--border);width:40px;height:40px;border-radius:12px;cursor:pointer;font-size:18px}
.inline-note{font-size:.85rem;color:var(--text-muted);line-height:1.8}
.question-color-field{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed #d6e2ff;border-radius:16px;background:#f8fbff}
.question-color-input{width:48px;height:34px;padding:0;border:0;background:transparent;cursor:pointer}
.question-color-swatch{width:8px;height:8px;border-radius:999px;border:1px solid rgba(15,23,42,.12);display:inline-block}
.question-color-quick{display:inline-flex;align-items:center;gap:4px;padding:2px 4px;border-radius:999px;border:1px solid rgba(15,23,42,.06);background:#fff}
.question-color-quick .question-color-input{width:16px;height:16px;border-radius:999px;overflow:hidden}
.question-color-quick .question-color-input::-webkit-color-swatch-wrapper{padding:0}
.question-color-quick .question-color-input::-webkit-color-swatch{border:none;border-radius:999px}
.question-color-quick .question-color-input::-moz-color-swatch{border:none;border-radius:999px}
.question-color-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media (max-width:960px){.sort-grid,.grid-2,.option-row-grid{grid-template-columns:1fr}.option-row-grid{gap:8px}}

/* ---- admin/question_assignments.php ---- */
.assign-table-wrap{overflow:auto}
.assign-table{min-width:100%;}
.assign-table th,.assign-table td{vertical-align:middle}
.assign-check{display:flex;justify-content:center;align-items:center}
.assign-check input{width:18px;height:18px}
.section-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#eef4ff;color:#2547c8;font-weight:700;font-size:.84rem}
.question-cell{line-height:1.9;color:#0f172a}
.sticky-actions{position:sticky;bottom:16px;display:flex;justify-content:flex-end;margin-top:16px}

/* ---- admin/review_response.php ---- */
.review-shell{display:grid;grid-template-columns:1fr;gap:16px}
.review-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.review-summary{padding:18px;border:1px solid #dbe5ff;border-radius:22px;background:#fff}
.review-item{border:1px solid #dbe5ff;border-radius:22px;background:#fff;overflow:hidden}
.review-item summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;background:#f8fbff}
.review-item summary::-webkit-details-marker{display:none}
.review-summary-main{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1}
.review-summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.review-summary-title{margin:0;font-size:1.05rem;font-weight:800;color:#0f172a;line-height:1.9}
.review-summary-answer{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #dbe5ff;color:#334155;line-height:1.9}
.review-summary-answer strong{color:#0f172a}
.review-summary-side{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:0 0 auto}
.review-answer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.review-answer-text{color:#334155;line-height:1.9}
.review-evidence-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:14px;border:1px solid #d1d5db;background:#fff;color:#111827;font-size:.78rem;font-weight:800;text-decoration:none;line-height:1.2;white-space:nowrap;box-shadow:0 1px 1px rgba(15,23,42,.03)}
.review-evidence-btn:hover{background:#f8fafc}
.review-evidence-btn::before{content:'ًں‘پ';font-size:.82rem;line-height:1;margin-inline-end:6px}
.review-toggle-hint{font-size:.85rem;color:#64748b;display:flex;align-items:center;gap:6px}
.review-toggle-hint::before{content:'⌄';font-size:1rem;line-height:1;transition:transform .18s ease}
.review-item[open] .review-toggle-hint::before{transform:rotate(180deg)}
.review-body{padding:18px 20px;border-top:1px solid #e8eefc}
.review-options{display:grid;grid-template-columns:1fr;gap:12px}
.review-option{display:block;position:relative}
.review-option input{position:absolute;opacity:0;pointer-events:none}
.review-option-card{display:block;padding:16px 18px;border:1px solid #dbe5ff;border-radius:18px;background:#fff;cursor:pointer;transition:.18s}
.review-option input:checked + .review-option-card{border-color:var(--primary);background:#eef4ff;box-shadow:0 0 0 1px rgba(37,71,200,.1) inset}
.review-option-card strong{display:block;color:#0f172a}
.review-option-card span{display:block;margin-top:6px;color:#64748b}
@media (max-width:900px){.review-top{grid-template-columns:1fr}}
@media (max-width:640px){.review-item summary{padding:16px}.review-body{padding:16px}.review-summary-top{flex-direction:column}.review-summary-side{width:100%}}

/* ---- admin/tasks_center.php ---- */
.task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.task-card{padding:18px;border-radius:22px;border:1px solid #dbe5ff;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05)}.task-label{color:#64748b;font-size:.92rem;margin-bottom:8px}.task-value{font-size:1.9rem;font-weight:800;color:#0f172a}.task-sub{margin-top:6px;color:#64748b;font-size:.9rem}.task-list{display:flex;flex-direction:column;gap:10px}.task-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#fbfdff}.task-item-title{font-weight:700;color:#0f172a}.task-meta{color:#64748b;font-size:.86rem;margin-top:4px;line-height:1.7}.task-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#2547c8;font-weight:700;font-size:.8rem;white-space:nowrap}.task-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:1050px){.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-grid-2{grid-template-columns:1fr}}@media(max-width:640px){.task-grid{grid-template-columns:1fr}.task-item{flex-direction:column}}

/* ---- admin/workflow_audit.php ---- */
.audit-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}.audit-table-wrap{overflow:auto}.audit-table-wrap table{min-width:1420px}.audit-hash{font-family:ui-monospace,Consolas,monospace;direction:ltr;font-size:.76rem;color:#64748b;max-width:150px;overflow:hidden;text-overflow:ellipsis}.audit-notes{max-width:300px;white-space:pre-wrap;line-height:1.7}.audit-ok{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.audit-bad{background:#fff1f3;color:#c01048;border:1px solid #fecdd6}.audit-export-actions{display:flex;gap:8px;flex-wrap:wrap}.audit-bulk{font-family:ui-monospace,Consolas,monospace;direction:ltr;font-size:.78rem}

/* ---- admin/workflow_bulk_action.php ---- */
.bulk-id{font-family:ui-monospace,Consolas,monospace;direction:ltr;text-align:left}.bulk-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.bulk-kpi{border:1px solid #e2e8f0;border-radius:16px;padding:14px;background:#fbfdff}.bulk-kpi span{display:block;color:#64748b;font-size:.85rem}.bulk-kpi strong{display:block;font-size:1.6rem;color:#0f172a;margin-top:4px}.bulk-ok{color:#027a48;font-weight:700}.bulk-bad{color:#c01048;font-weight:700}.bulk-search{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.bulk-search input{min-width:320px}.bulk-table-wrap{overflow:auto}.bulk-table-wrap table{min-width:920px}

/* ---- employee/attendance_calendar.php ---- */
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.cal-day{min-height:130px;border:1px solid #dbe5ff;border-radius:18px;background:#fff;padding:10px}.cal-date{font-weight:800;color:#0f172a}.pill{display:inline-block;margin-top:6px;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#1e293b;font-size:.8rem}.pill-ok{background:#dcfce7}.pill-warn{background:#fef3c7}.pill-bad{background:#fee2e2}@media(max-width:900px){.cal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cal-grid{grid-template-columns:1fr}}

/* ---- employee/dashboard.php ---- */
.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.analytics-card{padding:18px;border-radius:22px;border:1px solid #dbe5ff;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.analytics-label{color:#64748b;font-size:.92rem;margin-bottom:8px}.analytics-value{font-size:1.9rem;font-weight:800;color:#0f172a}.analytics-sub{margin-top:6px;color:#64748b;font-size:.9rem}
@media (max-width:900px){.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.analytics-grid{grid-template-columns:1fr}}

/* ---- employee/expense_claims.php ---- */
.expense-card{display:grid;gap:8px;border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#fff;margin-bottom:10px}@media(max-width:640px){.employee-shell{padding-bottom:80px}.expense-actions{display:grid}}

/* ---- employee/expense_claim_form.php ---- */
@media(max-width:640px){.expense-item-grid{grid-template-columns:1fr!important}}

/* ---- employee/hr_letter_request.php ---- */
.letter-card{display:grid;gap:8px;border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#fff;margin-bottom:10px}@media(max-width:640px){}

/* ---- employee/leave_balances.php ---- */
.balance-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.balance-card{background:#fff;border:1px solid #dbe5ff;border-radius:20px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.04)}.balance-card .label{color:#64748b;font-size:.88rem;margin-bottom:7px}.balance-card .value{font-size:1.7rem;font-weight:800;color:#0f172a}@media(max-width:900px){.balance-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.balance-strip{grid-template-columns:1fr}}

/* ---- employee/mobile_attendance.php ---- */
.mobile-attendance-hero{background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:24px;padding:18px;margin-bottom:16px}.punch-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.punch-actions button{min-height:64px;font-size:1.05rem}.location-box{font-size:.9rem;color:#475569;margin-top:10px}.mobile-card{display:grid;gap:8px;border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#fff;margin-bottom:10px}@media(max-width:640px){.punch-actions{grid-template-columns:1fr}}

/* ---- employee/modules.php ---- */
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-card{padding:22px;border:1px solid #dbe5ff;border-radius:24px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.05);display:flex;flex-direction:column;gap:12px;min-height:230px}.module-card.primary{background:linear-gradient(135deg,var(--brand-navy),var(--brand-primary));color:#fff}.module-card.primary .muted{color:rgba(255,255,255,.78)}.module-card h3{margin:0;font-size:1.3rem}.module-card p{line-height:1.9;margin:0}.module-card .actions{margin-top:auto}.module-chip{display:inline-flex;width:max-content;padding:6px 11px;border-radius:999px;background:#eef4ff;color:var(--brand-primary);font-weight:700;font-size:.82rem}.module-card.primary .module-chip{background:rgba(255,255,255,.16);color:#fff}@media(max-width:900px){.module-grid{grid-template-columns:1fr}}

/* ---- employee/payslips.php ---- */
.payslip-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.payslip-card{background:#fff;border:1px solid #dbe5ff;border-radius:20px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.05)}.payslip-card strong{font-size:1.25rem;color:#0f172a}.checksum{font-family:monospace;font-size:.8rem;color:#64748b}@media(max-width:1000px){.payslip-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.payslip-list{grid-template-columns:1fr}}

/* ---- employee/payslip_print.php ---- */
.payslip-doc{background:#fff;border:1px solid #dbe5ff;border-radius:22px;padding:24px;box-shadow:0 18px 36px rgba(15,23,42,.06)}.payslip-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:2px solid #e2e8f0;padding-bottom:18px;margin-bottom:18px}.payslip-title{font-size:1.8rem;font-weight:900;color:#0f172a}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.meta-cell{border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#fbfdff}.meta-cell span{display:block;color:#64748b;font-size:.82rem}.meta-cell strong{display:block;margin-top:5px;color:#0f172a}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.summary-cell{border-radius:18px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0}.summary-cell strong{font-size:1.45rem;color:#0f172a}.net-cell{background:#ecfdf5;border-color:#bbf7d0}.checksum{font-family:monospace;color:#475569;font-size:.82rem;word-break:break-all}@media print{.no-print,.side-info,.main-topbar{display:none!important}.dashboard{display:block}.main-form{padding:0}.payslip-doc{box-shadow:none;border:0}.card{box-shadow:none}}

/* ---- employee/performance.php ---- */
.perf-card{display:grid;gap:8px;border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#fff;margin-bottom:10px}@media(max-width:640px){.perf-grid{display:grid}}

/* ---- employee/tasks_center.php ---- */
.task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.task-card{padding:18px;border-radius:22px;border:1px solid #dbe5ff;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05)}.task-label{color:#64748b;font-size:.92rem;margin-bottom:8px}.task-value{font-size:1.9rem;font-weight:800;color:#0f172a}.task-sub{margin-top:6px;color:#64748b;font-size:.9rem}.task-list{display:flex;flex-direction:column;gap:10px}.task-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#fbfdff}.task-item-title{font-weight:700;color:#0f172a}.task-meta{color:#64748b;font-size:.86rem;margin-top:4px;line-height:1.7}.task-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#2547c8;font-weight:700;font-size:.8rem;white-space:nowrap}.task-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:1050px){.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-grid-2{grid-template-columns:1fr}}@media(max-width:640px){.task-grid{grid-template-columns:1fr}.task-item{flex-direction:column}}


/* ---- migrated from sprint99_ui_polish.css ---- */
/* ==========================================================================
   Sprint 99 — UI Polish & Page-Level Overrides
   طھط­ط³ظٹظ†ط§طھ ط´ط§ظ…ظ„ط© ظ„ظ„طµظپط­ط§طھ ظˆط§ظ„ط¹ظ†ط§طµط± ط§ظ„ظ…ط­ط¯ط¯ط©
   ========================================================================== */

/* ==========================================================================
   1. طھط­ط³ظٹظ† طµظپط­ط© ظ„ظˆط­ط© ط§ظ„طھط­ظ„ظٹظ„ ظˆط§ظ„ظ…ظˆط§ط±ط¯ ط§ظ„ط¨ط´ط±ظٹط©
   ========================================================================== */

/* ط£ط¹ظ…ط¯ط© KPI */
.analytics-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.analytics-card {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.07);
    transition: box-shadow 200ms ease, transform 200ms ease;
    position: relative;
    overflow: hidden;
}

.analytics-card::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background: var(--ui-primary, #2547c8);
    border-radius: 0 12px 12px 0;
}

.analytics-card:hover {
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.12);
    transform: translateY(-2px);
}

.analytics-label {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 8px;
    display: block;
}

.analytics-value {
    font-size: 1.85rem;
    font-weight: 900;
    color: #0f172a;
    line-height: 1.2;
    display: block;
}

.analytics-sub {
    margin-top: 6px;
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.5;
    display: block;
}

/* ==========================================================================
   2. ط¨ط·ط§ظ‚ط§طھ ط§ظ„ظ…ظ„ط®طµ ط§ظ„طھط´ط؛ظٹظ„ظٹ (ops-card / ops-strip)
   ========================================================================== */

.ops-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.ops-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
    transition: box-shadow 200ms ease;
}

.ops-card:hover {
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.10);
}

.ops-card strong {
    font-size: 1.35rem;
    color: #0f172a;
    font-weight: 900;
    display: block;
    margin-bottom: 5px;
}

.ops-card span {
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

/* ==========================================================================
   3. طھط­ط³ظٹظ† ط¨ط·ط§ظ‚ط§طھ ط§ظ„ط±ط³ظˆظ… ط§ظ„ط¨ظٹط§ظ†ظٹط©
   ========================================================================== */

.chart-stack {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.chart-card {
    padding: 20px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.07);
}

.chart-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 14px;
}

.chart-row {
    display: grid;
    grid-template-columns: minmax(120px, 200px) 1fr 80px;
    gap: 10px;
    align-items: center;
}

.chart-label {
    font-weight: 600;
    color: #1e293b;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chart-bar {
    height: 10px;
    border-radius: 999px;
    background: #e7eefc;
    overflow: hidden;
}

.chart-bar span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--ui-primary, #2547c8), #60a5fa);
    transition: width 500ms ease;
}

.chart-value {
    font-weight: 700;
    color: #1e293b;
    font-size: 13px;
    text-align: left;
    white-space: nowrap;
}

/* ==========================================================================
   4. طھط­ط³ظٹظ† طµظپط­ط© ط§ظ„ط¯ظˆط§ظ… ظˆط§ظ„ط­ط¶ظˆط±
   ========================================================================== */

.summary-note {
    line-height: 1.85;
    color: #475569;
    background: #f8fbff;
    border: 1px dashed #bfdbfe;
    border-radius: 10px;
    padding: 16px;
}

/* ==========================================================================
   5. طھط­ط³ظٹظ† ظ‚ط³ظ… ط§ظ„ظپظ„ط§طھط±
   ========================================================================== */

.filters {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    align-items: end;
}

/* ==========================================================================
   6. طھط­ط³ظٹظ† ط¨ط·ط§ظ‚ط§طھ ط§ظ„ظ€ mini-card
   ========================================================================== */

.mini-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 14px;
    transition: background 150ms ease;
}

.mini-card:hover {
    background: #f1f5f9;
}

.mini-card strong {
    display: block;
    color: #1e293b;
    font-weight: 700;
    margin-bottom: 4px;
    font-size: 13px;
}

/* ==========================================================================
   7. ط´ط±ظٹط· ط§ظ„طھظ‚ط¯ظ… ط§ظ„ظ…ط­ط³ظ‘ظ†
   ========================================================================== */

.metric-bar,
.bar {
    height: 8px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
}

.metric-bar span,
.bar span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--ui-primary, #2547c8), #60a5fa);
}

/* ==========================================================================
   8. طھط­ط³ظٹظ† طµظپط­ط© ط§ظ„ظ…ظˆط¸ظپ (Employee Portal)
   ========================================================================== */

.section-subtitle {
    color: #64748b;
    font-size: 13px;
    line-height: 1.75;
    margin: 0;
}

/* ==========================================================================
   9. طھط­ط³ظٹظ† طµظپط­ط© ط§ظ„طھظ‚ظٹظٹظ…
   ========================================================================== */

.question-card,
.question-block,
.eval-question-card {
    background: #fafbfc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05);
    padding: 16px;
    margin-bottom: 12px;
    transition: border-color 150ms ease;
}

.question-card:hover,
.eval-question-card:hover {
    border-color: #cbd5e1;
}

.question-card:nth-of-type(even),
.eval-question-card:nth-of-type(even) {
    background: #f8fafc;
}

.answer-option,
.option-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    transition: background 150ms ease, border-color 150ms ease;
}

.answer-option:hover,
.option-card:hover {
    background: #eff3ff;
    border-color: #bfdbfe;
}

.answer-option.selected,
.option-card.selected,
.answer-option.is-selected,
.option-card.is-selected {
    background: #eff3ff;
    border-color: var(--ui-primary, #2547c8);
    box-shadow: 0 0 0 2px rgba(37, 71, 200, 0.12);
}

.evidence-box,
.evidence-container,
.question-evidence-box {
    background: #f0f7ff;
    border: 1px dashed #93c5fd;
    border-radius: 8px;
    padding: 12px;
}

/* ==========================================================================
   10. طھط­ط³ظٹظ† ط§ظ„ظ€ workflow stages
   ========================================================================== */

.workflow-stage-card {
    border-radius: 10px;
    transition: box-shadow 200ms ease;
}

.workflow-stage-card:hover {
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.10);
}

/* ==========================================================================
   11. طھط­ط³ظٹظ† ط§ظ„ظ€ request detail hero
   ========================================================================== */

.request-detail-hero {
    border-radius: 14px;
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #1e40af 100%);
}

/* ==========================================================================
   12. طھط­ط³ظٹظ† طµظپط­ط© ط§ظ„ط¥ط¹ط¯ط§ط¯ط§طھ / module toggles
   ========================================================================== */

.module-toggle-card {
    border-radius: 10px;
    padding: 16px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    transition: box-shadow 200ms ease, border-color 200ms ease;
}

.module-toggle-card:hover {
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.module-toggle-card.is-enabled {
    border-color: rgba(5, 150, 105, 0.40);
    background: rgba(5, 150, 105, 0.03);
}

.module-toggle-card.is-disabled {
    border-color: rgba(220, 38, 38, 0.25);
    background: rgba(220, 38, 38, 0.02);
    opacity: 0.80;
}

/* ==========================================================================
   13. ط§ظ„ط§ط³طھط¬ط§ط¨ط© ظ„ظ„ط´ط§ط´ط§طھ
   ========================================================================== */

@media (max-width: 1100px) {
    .analytics-grid,
    .ops-strip,
    .chart-stack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .analytics-grid,
    .ops-strip,
    .chart-stack,
    .filters {
        grid-template-columns: 1fr;
    }
    .chart-row {
        grid-template-columns: 1fr;
    }
    .chart-value {
        text-align: right;
    }
}

/* ==========================================================================
   Unified Classic Shell Overrides
   ========================================================================== */

body.msar-classic,
body.msar-classic * {
    font-family: var(--system-font-family, var(--msar-arabic-font-stack, "Droid Arabic Kufi", "Droid Kufi", "DroidKufi-Regular", Tahoma, Arial, sans-serif));
    letter-spacing: 0;
}

body.msar-classic .dashboard {
    min-height: 100vh;
    align-items: stretch;
}

body.msar-classic .side-info {
    height: 100vh !important;
    max-height: 100vh !important;
    min-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

body.msar-classic.admin-sidebar-collapsed .side-info {
    height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body.msar-classic .side-info > div:first-of-type {
    min-height: 0;
}

body.msar-classic .nav-icon i,
body.msar-classic .msar-module-icon i,
body.msar-classic .msar-top-icon i,
body.msar-classic .admin-sidebar-toggle i,
body.msar-classic .employee-bottom-nav i {
    display: inline-block;
    line-height: 1;
    font-size: inherit;
}

body.msar-classic.msar-fa-missing i[class*="fa-"] {
    font-family: var(--system-font-family, var(--msar-arabic-font-stack, "Droid Arabic Kufi", "Droid Kufi", "DroidKufi-Regular", Tahoma, Arial, sans-serif)) !important;
    font-weight: 900;
}

body.msar-classic.msar-fa-missing i[class*="fa-"]::before {
    content: none !important;
}

body.msar-classic .sidebar-nav .nav-icon {
    color: rgba(255,255,255,.82);
}

body.msar-classic.admin-sidebar-collapsed .sidebar-nav .nav-icon {
    color: #fff;
    font-size: 18px;
}

body.msar-classic.admin-sidebar-collapsed .sidebar-nav .notification-badge {
    position: absolute;
    top: 4px;
    left: 8px;
    margin: 0;
    transform: none;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

body.msar-classic .main-topbar {
    grid-template-columns: minmax(170px, 300px) minmax(0, 1fr) minmax(150px, 260px);
    grid-template-areas: "title modules user";
    overflow: hidden;
}

body.msar-classic .module-page-title,
body.msar-classic .module-switcher-wrap,
body.msar-classic .msar-user-strip {
    min-width: 0;
}

body.msar-classic .module-switcher {
    min-width: 0;
    max-width: 100%;
}

body.msar-classic .module-tab {
    flex: 0 0 70px;
}

body.msar-classic .module-tab .msar-module-icon {
    font-size: 22px;
}

body.msar-classic .module-page-title h2 {
    max-width: 100%;
}

body.msar-classic .msar-filter-card,
body.msar-classic .card:has(> form.filters),
body.msar-classic details.ui-filter-panel {
    padding: 12px 14px !important;
    background: #fff !important;
    border: 1px solid var(--msar-border) !important;
    border-radius: var(--msar-radius-xs) !important;
    box-shadow: var(--msar-shadow-xs) !important;
}

body.msar-classic .msar-filter-card .section-title,
body.msar-classic .card:has(> form.filters) .section-title,
body.msar-classic .ui-filter-panel > summary {
    margin: 0 0 10px !important;
    padding: 0 0 8px !important;
    color: #2d1a0e !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    border-bottom: 1px solid var(--msar-border) !important;
}

body.msar-classic .msar-filter-form,
body.msar-classic form.filters,
body.msar-classic .ui-filter-body .filters,
body.msar-classic .inbox-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
    column-gap: 34px !important;
    row-gap: 8px !important;
    align-items: end !important;
    max-width: 1120px;
    margin-inline: auto;
}

body.msar-classic .msar-filter-form .field,
body.msar-classic form.filters .field,
body.msar-classic .ui-filter-body .filters .field,
body.msar-classic .inbox-filter-grid .field {
    display: grid;
    grid-template-columns: minmax(96px, 128px) minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    margin: 0 !important;
}

body.msar-classic .msar-filter-form .field label,
body.msar-classic form.filters .field label,
body.msar-classic .ui-filter-body .filters .field label,
body.msar-classic .inbox-filter-grid .field label {
    margin: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.msar-classic .msar-filter-form > .actions,
body.msar-classic form.filters > .actions,
body.msar-classic .ui-filter-body .filters > .actions,
body.msar-classic .inbox-filter-actions {
    grid-column: 1 / -1 !important;
    justify-content: center !important;
    align-items: center;
    padding-top: 9px;
    margin-top: 3px !important;
    border-top: 1px solid var(--msar-border);
}

body.msar-classic .msar-table-card,
body.msar-classic .card:has(.table-wrap),
body.msar-classic .card:has(> table) {
    padding: 12px 12px 10px !important;
    background: #fff !important;
    border: 1px solid var(--msar-border) !important;
    border-radius: var(--msar-radius-xs) !important;
    box-shadow: var(--msar-shadow-xs) !important;
}

body.msar-classic .msar-table-card > div:first-child,
body.msar-classic .card:has(.table-wrap) > div:first-child {
    min-height: 30px;
}

body.msar-classic.msar-tables-enabled .table-wrap {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background: #fff;
}

body.msar-classic.msar-tables-enabled table {
    margin: 0;
}

body.msar-classic.msar-tables-enabled table th,
body.msar-classic.msar-tables-enabled table td {
    height: 27px;
    padding: 4px 7px !important;
    border-color: #e1e1e1 !important;
    font-size: 12px !important;
    vertical-align: middle;
}

body.msar-classic.msar-tables-enabled table thead th,
body.msar-classic.msar-tables-enabled table thead td {
    height: 28px;
    background: var(--msar-table-head-bg) !important;
    color: #6f3a0f !important;
    border-color: var(--msar-table-head-border) !important;
    font-weight: 900 !important;
}

body.msar-classic.msar-tables-enabled table tbody tr:nth-child(even) td {
    background: var(--msar-table-stripe);
}

body.msar-classic.msar-tables-enabled table tbody tr:hover td {
    background: var(--msar-table-row-hover) !important;
}

body.msar-classic .msar-table-card .muted,
body.msar-classic .card:has(.table-wrap) > .muted {
    margin: 0 0 8px !important;
    color: #b6421c !important;
    font-weight: 800;
}

body.msar-classic .msar-table-card > .actions:last-child,
body.msar-classic .card:has(.table-wrap) > .actions:last-child {
    justify-content: center;
    margin-top: 10px !important;
}

@media (max-width: 1180px) {
    body.msar-classic .main-topbar {
        grid-template-columns: minmax(145px, 240px) minmax(0, 1fr) minmax(120px, 210px);
    }

    body.msar-classic .module-tab {
        flex-basis: 62px;
    }
}

@media (max-width: 900px) {
    body.msar-classic .side-info,
    body.msar-classic.admin-sidebar-collapsed .side-info {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    body.msar-classic .main-topbar {
        overflow: visible;
        grid-template-columns: 1fr;
        grid-template-areas: "title" "modules" "user";
    }

    body.msar-classic .msar-filter-form,
    body.msar-classic form.filters,
    body.msar-classic .ui-filter-body .filters,
    body.msar-classic .inbox-filter-grid {
        grid-template-columns: 1fr !important;
        max-width: none;
    }
}

@media (max-width: 620px) {
    body.msar-classic .msar-filter-form .field,
    body.msar-classic form.filters .field,
    body.msar-classic .ui-filter-body .filters .field,
    body.msar-classic .inbox-filter-grid .field {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

/* ==========================================================================
   Sprint 100 - Fixed Blue Classic Shell
   ========================================================================== */

body.msar-classic {
    --msar-primary:          var(--ui-primary, #2547c8);
    --msar-primary-dark:     #1a38b0;
    --msar-primary-light:    #eff3ff;
    --msar-primary-alpha:    rgba(37, 71, 200, 0.14);
    --msar-page-bg:          #f6f9ff;
    --msar-breadcrumb-bg:    #eaf2ff;
    --msar-breadcrumb-text:  #1e3a8a;
    --msar-breadcrumb-link:  var(--ui-primary, #2547c8);
    --msar-sidebar-header-bg: var(--ui-primary, #2547c8);
    --msar-sidebar-active-bg: rgba(37, 71, 200, 0.22);
    --msar-border:           #dbeafe;
    --msar-border-inner:     #dbeafe;
    --msar-input-border:     #b6c7df;
    --msar-table-head-bg:    #eff6ff;
    --msar-table-head-border: #bfdbfe;
    --msar-table-row-hover:  #eef5ff;
    --msar-table-stripe:     #fbfdff;
    background: var(--msar-page-bg) !important;
    font-family: var(--system-font-family, var(--msar-arabic-font-stack, "Droid Arabic Kufi", "Droid Kufi", "DroidKufi-Regular", Tahoma, Arial, sans-serif)) !important;
}

body.msar-classic *,
body.msar-classic button,
body.msar-classic input,
body.msar-classic select,
body.msar-classic textarea,
body.msar-classic table {
    font-family: var(--system-font-family, var(--msar-arabic-font-stack, "Droid Arabic Kufi", "Droid Kufi", "DroidKufi-Regular", Tahoma, Arial, sans-serif)) !important;
}

body.msar-classic .main-topbar {
    height: 86px !important;
    min-height: 86px !important;
    margin: 0 -10px !important;
    padding: 0 18px !important;
    grid-template-columns: minmax(180px, 300px) minmax(360px, 1fr) minmax(210px, 300px) !important;
    grid-template-areas: "title modules user" !important;
    align-items: center !important;
    gap: 14px !important;
    background: #fff !important;
    border-bottom: 1px solid #d7e4f5 !important;
    box-shadow: 0 2px 8px rgba(30, 64, 175, .10) !important;
    overflow: visible !important;
}

body.msar-classic .module-page-title {
    justify-content: flex-start !important;
    flex-direction: row !important;
    gap: 12px !important;
    color: #0f172a;
}

body.msar-classic .module-page-title h2 {
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body.msar-classic .module-page-title .admin-sidebar-toggle {
    order: -1;
}

body.msar-classic .module-switcher-wrap {
    justify-content: center !important;
    overflow: hidden !important;
}

body.msar-classic .module-switcher {
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 4px;
}

body.msar-classic .module-tab {
    flex: 0 0 86px !important;
    width: 86px !important;
    min-height: 78px !important;
    padding: 8px 3px 6px !important;
    color: #64748b !important;
    border-bottom: 3px solid transparent !important;
}

body.msar-classic .module-tab .msar-module-icon {
    width: 34px !important;
    height: 34px !important;
    font-size: 27px !important;
    color: #64748b !important;
}

body.msar-classic .module-tab .msar-module-text {
    max-width: 82px !important;
    color: #0f172a !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

body.msar-classic .module-tab:hover,
body.msar-classic .module-tab.active {
    background: transparent !important;
    color: var(--msar-primary) !important;
    border-bottom-color: var(--msar-primary) !important;
}

body.msar-classic .module-tab:hover .msar-module-icon,
body.msar-classic .module-tab.active .msar-module-icon,
body.msar-classic .module-tab.active .msar-module-text {
    color: var(--msar-primary) !important;
}

body.msar-classic .msar-user-strip {
    justify-content: flex-end !important;
    gap: 12px !important;
    direction: ltr;
}

body.msar-classic .msar-user-strip .msar-user-name {
    max-width: 145px !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

body.msar-classic .msar-user-strip .msar-top-icon {
    width: 34px !important;
    height: 34px !important;
    color: #334155 !important;
    font-size: 17px !important;
}

body.msar-classic .msar-user-strip .msar-top-icon.sign-out {
    background: var(--msar-primary) !important;
    color: #fff !important;
}

body.msar-classic .admin-sidebar-toggle {
    width: 34px !important;
    height: 34px !important;
    color: var(--msar-primary) !important;
    font-size: 19px !important;
}

body.msar-classic .admin-sidebar-toggle:hover {
    color: var(--msar-primary-dark) !important;
}

body.msar-classic .msar-breadcrumb-bar {
    background: var(--msar-breadcrumb-bg) !important;
    border-color: #bfdbfe !important;
    color: var(--msar-breadcrumb-text) !important;
}

body.msar-classic .msar-breadcrumb-bar a,
body.msar-classic .msar-date,
body.msar-classic .msar-language {
    color: var(--msar-breadcrumb-link) !important;
}

body.msar-classic .btn-primary,
body.msar-classic .btn-warning {
    background: var(--msar-primary) !important;
    border-color: var(--msar-primary) !important;
}

body.msar-classic.msar-tables-enabled table thead th,
body.msar-classic.msar-tables-enabled table thead td,
body.msar-classic .msar-table-card .muted,
body.msar-classic .card:has(.table-wrap) > .muted {
    color: var(--msar-primary) !important;
}

@media (min-width: 901px) {
    body.msar-classic {
        height: 100vh;
        overflow: hidden;
    }

    body.msar-classic .dashboard {
        display: block !important;
        min-height: 100vh !important;
        padding-right: var(--msar-sidebar-width) !important;
        background: var(--msar-page-bg) !important;
        transition: padding-right var(--msar-transition);
    }

    body.msar-classic.admin-sidebar-collapsed .dashboard {
        padding-right: var(--msar-sidebar-collapsed-width) !important;
    }

    body.msar-classic .side-info {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        width: var(--msar-sidebar-width) !important;
        height: 100vh !important;
        max-height: 100vh !important;
        min-height: 100vh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        z-index: 1000 !important;
        transition: width var(--msar-transition);
    }

    body.msar-classic.admin-sidebar-collapsed .side-info {
        width: var(--msar-sidebar-collapsed-width) !important;
    }

    body.msar-classic .main-form {
        min-height: 100vh !important;
        height: 100vh !important;
        width: 100% !important;
        padding: 0 10px 24px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        scrollbar-gutter: stable;
    }

    body.msar-classic .side-info > .admin-sidebar-toggle {
        position: sticky !important;
        top: 0 !important;
        display: flex !important;
        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.10) !important;
        border-radius: 0 !important;
        background: #020617 !important;
        color: #fff !important;
        z-index: 8 !important;
    }

    body.msar-classic .side-info > .admin-sidebar-toggle:hover {
        background: #0f172a !important;
        color: #fff !important;
    }
}

@media (max-width: 1280px) and (min-width: 901px) {
    body.msar-classic .dashboard {
        padding-right: var(--msar-sidebar-width-md) !important;
    }

    body.msar-classic .side-info {
        width: var(--msar-sidebar-width-md) !important;
    }

    body.msar-classic.admin-sidebar-collapsed .dashboard {
        padding-right: var(--msar-sidebar-collapsed-width) !important;
    }

    body.msar-classic.admin-sidebar-collapsed .side-info {
        width: var(--msar-sidebar-collapsed-width) !important;
    }

    body.msar-classic .main-topbar {
        grid-template-columns: minmax(150px, 240px) minmax(300px, 1fr) minmax(170px, 250px) !important;
    }

    body.msar-classic .module-tab {
        flex-basis: 74px !important;
        width: 74px !important;
    }
}

@media (max-width: 900px) {
    body.msar-classic .main-topbar {
        height: auto !important;
        min-height: 64px !important;
        grid-template-columns: 1fr !important;
        grid-template-areas: "title" "modules" "user" !important;
        overflow: visible !important;
    }
}

/* ==========================================================================
   Sprint 101 - Reliable Right Sidebar Toggle
   ========================================================================== */

body.msar-classic .side-info {
    background: #020617 !important;
}

body.msar-classic .side-info > .admin-sidebar-toggle {
    flex: 0 0 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 0 !important;
    background: var(--msar-primary) !important;
    color: #fff !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.08) inset !important;
    cursor: pointer !important;
    z-index: 20 !important;
}

body.msar-classic .side-info > .admin-sidebar-toggle:hover,
body.msar-classic .side-info > .admin-sidebar-toggle:focus-visible {
    background: var(--msar-primary-dark) !important;
    color: #fff !important;
    outline: 0 !important;
}

body.msar-classic .side-info > .admin-sidebar-toggle i {
    color: currentColor !important;
    font-size: 18px !important;
}

body.msar-classic.admin-sidebar-collapsed .side-info > .admin-sidebar-toggle {
    flex-basis: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    background: var(--msar-primary) !important;
}

body.msar-classic.admin-sidebar-collapsed .side-info > .admin-sidebar-toggle i {
    font-size: 20px !important;
}

body.msar-classic.admin-sidebar-collapsed .side-info > div {
    width: 100% !important;
}

body.msar-classic.admin-sidebar-collapsed .msar-sidebar-brand,
body.msar-classic.admin-sidebar-collapsed .side-info > div > .brand-inline,
body.msar-classic.admin-sidebar-collapsed .module-sidebar-group-title,
body.msar-classic.admin-sidebar-collapsed .side-footer,
body.msar-classic.admin-sidebar-collapsed .sidebar-nav .nav-text,
body.msar-classic.admin-sidebar-collapsed .side-info .brand-title,
body.msar-classic.admin-sidebar-collapsed .side-info .brand-subtitle,
body.msar-classic.admin-sidebar-collapsed .side-info .card {
    display: none !important;
}

body.msar-classic.admin-sidebar-collapsed .sidebar-nav {
    margin: 0 !important;
    padding: 6px 0 !important;
}

body.msar-classic.admin-sidebar-collapsed .sidebar-nav li {
    width: 100% !important;
}

body.msar-classic.admin-sidebar-collapsed .sidebar-nav a {
    position: relative !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 8px 0 !important;
    border-left: 0 !important;
    border-right: 3px solid transparent !important;
}

body.msar-classic.admin-sidebar-collapsed .sidebar-nav a.active,
body.msar-classic .sidebar-nav a.active {
    background: var(--msar-sidebar-active-bg) !important;
    border-right-color: var(--msar-primary) !important;
    border-left-color: transparent !important;
}

body.msar-classic.admin-sidebar-collapsed .sidebar-nav .nav-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 18px !important;
}

body.msar-classic.admin-sidebar-collapsed .sidebar-nav .notification-badge {
    top: 4px !important;
    left: 6px !important;
    right: auto !important;
}

body.msar-classic .module-page-title .admin-sidebar-toggle {
    flex: 0 0 34px !important;
    background: var(--msar-primary-light) !important;
    border: 1px solid #c3d0f0 !important;
    color: var(--msar-primary) !important;
}

body.msar-classic .module-page-title .admin-sidebar-toggle:hover,
body.msar-classic .module-page-title .admin-sidebar-toggle:focus-visible {
    background: #dce6ff !important;
}

@media (min-width: 901px) {
    body.msar-classic .side-info > .admin-sidebar-toggle {
        position: sticky !important;
        top: 0 !important;
    }
}


/* Final cleanup classes replacing static inline style attributes. */
.brand-inline-top { align-items: flex-start; }
.form-section-wide { display: block; max-width: 980px; }
.value-lg { font-size: 1.2rem; }
.offline-page { min-height: 100vh; display: grid; place-items: center; padding: 20px; background: #f8fafc; }
.offline-card { max-width: 560px; background: #fff; }
.offline-title { margin: 0; color: var(--brand-navy); }
.card-spaced { margin-top: 16px; }
.auth-shell { max-width: 1100px; width: 100%; min-height: 680px; border-radius: 24px; overflow: hidden; box-shadow: var(--shadow-lg); }
.auth-panel { justify-content: center; }
.auth-card { margin: 0; }
.auth-form-grid { grid-template-columns: 1fr; }
.auth-actions { margin-top: 8px; }
.auth-form-section { display: block; max-width: 540px; }


/* ---- migrated from sprint86_resubmit.css ---- */
.resubmit-hero{display:grid;grid-template-columns:minmax(0,1fr)260px;gap:18px;align-items:stretch;padding:24px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,248,232,.88));border:1px solid rgba(197,160,89,.28);box-shadow:0 18px 45px rgba(10,25,47,.08);margin-bottom:18px}.resubmit-hero h2{margin:8px 0;color:var(--brand-navy)}.resubmit-hero p{margin:0;color:var(--text-muted);line-height:1.9}.resubmit-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.resubmit-status-card{border-radius:22px;background:#fff;border:1px solid rgba(10,25,47,.08);padding:18px;display:grid;place-content:center;text-align:center;gap:8px}.resubmit-status-card span,.resubmit-meta-grid span,.resubmit-compare-card span{color:var(--text-muted);font-size:.82rem}.resubmit-status-card strong{font-size:1.4rem;color:var(--brand-navy)}.resubmit-status-card small{color:#9a6a3a}.resubmit-layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(320px,.8fr);gap:18px}.resubmit-panel{border-radius:24px;background:rgba(255,255,255,.84);border:1px solid rgba(10,25,47,.08);box-shadow:0 14px 34px rgba(10,25,47,.06);padding:20px}.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-title-row h3{margin:0;color:var(--brand-navy)}.return-reason-box{border-radius:18px;background:#fff8e8;border:1px solid #f6d37b;padding:16px;line-height:1.9;color:#6b4b20}.resubmit-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.resubmit-meta-grid div{border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;padding:12px}.resubmit-meta-grid strong{display:block;margin-top:4px;color:var(--brand-navy)}.resubmit-stepper{display:grid;gap:10px}.resubmit-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start}.resubmit-step b{width:34px;height:34px;border-radius:12px;background:rgba(197,160,89,.16);display:flex;align-items:center;justify-content:center;color:#9a6a3a}.resubmit-step strong{display:block;color:var(--brand-navy)}.resubmit-step span{display:block;color:var(--text-muted);line-height:1.8;font-size:.88rem;margin-top:3px}.resubmit-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.resubmit-compare-card{border-radius:18px;background:#fff;border:1px solid #e2e8f0;padding:14px}.resubmit-compare-card strong{display:block;margin-top:8px;color:var(--brand-navy);line-height:1.7;white-space:pre-wrap}.mini-timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.mini-timeline-card{border-radius:18px;background:#fff;border:1px solid #e2e8f0;padding:14px;display:grid;gap:6px}.mini-timeline-card b{width:32px;height:32px;border-radius:12px;background:#eef2ff;display:flex;align-items:center;justify-content:center}.mini-timeline-card strong{color:var(--brand-navy)}.mini-timeline-card span{color:var(--text-muted);font-size:.84rem}.resubmit-inline-card{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:18px;border-radius:22px;background:#fff8e8;border:1px solid #f6d37b}.resubmit-inline-card p{margin:8px 0 0;color:#6b4b20}.resubmit-edit-shell{display:grid;grid-template-columns:minmax(0,1fr)minmax(300px,.8fr);gap:18px;margin:18px 0}.resubmit-edit-reason,.resubmit-live-panel{padding:18px;border-radius:22px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 28px rgba(10,25,47,.05)}.resubmit-change-list{display:grid;gap:8px}.resubmit-change-list div{border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;padding:10px}.resubmit-change-list span{display:block;color:var(--text-muted);font-size:.8rem}.resubmit-change-list strong{display:block;color:var(--brand-navy);margin-top:3px}.resubmit-change-list em{display:inline-flex;margin-top:5px;font-style:normal;color:#64748b;font-size:.78rem}.resubmit-change-list div.changed{background:#ecfdf5;border-color:#86efac}.resubmit-change-list div.changed em{color:#047857}@media(max-width:900px){.resubmit-hero,.resubmit-layout,.resubmit-edit-shell{grid-template-columns:1fr}.resubmit-meta-grid{grid-template-columns:1fr}.resubmit-inline-card{flex-direction:column;align-items:stretch}}


/* ---- migrated from sprint87_resubmit_forms.css ---- */
.resubmit-live-panel{
    margin:18px 0;
    padding:18px;
    border-radius:22px;
    border:1px solid rgba(14,165,233,.18);
    background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(240,249,255,.88));
    box-shadow:0 18px 42px rgba(15,23,42,.07);
}
.resubmit-live-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
    margin-bottom:16px;
}
.resubmit-live-head h3{margin:4px 0 6px;color:#0f172a;font-size:1.15rem}
.resubmit-live-head p{margin:0;color:#64748b;line-height:1.9}
.resubmit-live-summary{
    min-width:150px;
    display:grid;
    justify-items:center;
    gap:6px;
    padding:14px;
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(148,163,184,.24);
}
.resubmit-live-summary span{color:#64748b;font-size:.82rem}
.resubmit-live-summary strong{font-size:1.55rem;color:#ea580c;line-height:1}
.resubmit-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.resubmit-live-card{
    padding:14px;
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(148,163,184,.22);
    transition:.18s ease;
}
.resubmit-live-card header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.resubmit-live-card header span{font-weight:800;color:#334155}
.resubmit-live-card header b{font-size:.76rem;border-radius:999px;padding:5px 9px;background:#f1f5f9;color:#64748b;white-space:nowrap}
.resubmit-live-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.resubmit-live-values div{padding:10px;border-radius:14px;background:#f8fafc;min-height:70px}
.resubmit-live-values small{display:block;color:#94a3b8;margin-bottom:6px;font-size:.75rem}
.resubmit-live-values strong{display:block;color:#0f172a;line-height:1.7;word-break:break-word;font-size:.92rem}
.resubmit-live-card.is-changed{border-color:rgba(234,88,12,.35);box-shadow:0 12px 32px rgba(234,88,12,.10)}
.resubmit-live-card.is-changed header b{background:#ffedd5;color:#c2410c}
.resubmit-live-card.is-changed .resubmit-live-values div:last-child{background:#fff7ed}
.resubmit-live-note{margin-top:14px;color:#64748b;font-size:.88rem;line-height:1.9}
@media (max-width:760px){.resubmit-live-grid{grid-template-columns:1fr}.resubmit-live-summary{width:100%}.resubmit-live-values{grid-template-columns:1fr}}

/* Warehouse lookup management screens */
body.msar-shell.msar-classic .warehouse-lookup-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

body.msar-shell.msar-classic .warehouse-lookup-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    white-space: nowrap;
}

body.msar-shell.msar-classic .warehouse-lookup-inline-form {
    display: inline-flex;
    margin: 0;
}

body.msar-shell.msar-classic .warehouse-lookup-code-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

body.msar-shell.msar-classic .warehouse-lookup-refresh-code {
    min-width: 42px;
    justify-content: center;
}

body.msar-shell.msar-classic .warehouse-lookup-check-field {
    align-self: end;
}

body.msar-shell.msar-classic .warehouse-lookup-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
}

body.msar-shell.msar-classic .warehouse-lookup-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 32px 48px;
    background: rgba(0, 0, 0, 0.48);
    overflow: auto;
}

body.msar-shell.msar-classic .warehouse-lookup-dialog {
    width: min(1120px, 100%);
    background: var(--erp-surface, #ffffff);
    border-radius: 14px;
    box-shadow: 0 22px 70px rgba(15, 23, 42, 0.28);
    border: 1px solid rgba(148, 163, 184, 0.28);
    overflow: hidden;
}

body.msar-shell.msar-classic .warehouse-lookup-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.96));
}

body.msar-shell.msar-classic .warehouse-lookup-modal-header h3 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--erp-text, #0f172a);
}

body.msar-shell.msar-classic .warehouse-lookup-modal-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    color: var(--erp-muted, #64748b);
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1;
}

body.msar-shell.msar-classic .warehouse-lookup-modal-close:hover {
    background: rgba(15, 23, 42, 0.08);
    color: var(--erp-text, #0f172a);
}

body.msar-shell.msar-classic .warehouse-lookup-modal-form {
    padding: 20px;
}

body.msar-shell.msar-classic .warehouse-lookup-modal-actions {
    justify-content: center;
    padding-top: 10px;
}

@media (max-width: 768px) {
    body.msar-shell.msar-classic .warehouse-lookup-modal {
        padding: 16px;
    }

    body.msar-shell.msar-classic .warehouse-lookup-list-header {
        align-items: stretch;
    }
}

/* ---- Warehouse module navigation and page review 2026-05 ---- */
body[class*="page-warehouse_"] .main-form,
body.page-warehouses .main-form,
body.page-warehouses_dashboard .main-form {
  background: linear-gradient(180deg, #fff7ed 0%, #f8fbff 34%, #ffffff 100%);
}

body[class*="page-warehouse_"] .card,
body.page-warehouses .card,
body.page-warehouses_dashboard .card {
  border-color: rgba(200,154,43,.18);
  box-shadow: 0 12px 32px rgba(15,23,42,.055);
}

.warehouse-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  margin: 0 0 16px;
  border: 1px solid rgba(200,154,43,.22);
  border-radius: 22px;
  background: linear-gradient(135deg, #ffffff 0%, #fff7ed 52%, #eef4ff 100%);
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
}
.warehouse-page-head h1 {
  margin: 4px 0 0;
  color: #0f172a;
  font-size: clamp(1.3rem, 2vw, 1.9rem);
  line-height: 1.35;
}
.warehouse-page-head p {
  margin: 6px 0 0;
  color: #64748b;
  line-height: 1.8;
}
.warehouse-page-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #9a6a10;
  font-weight: 900;
  font-size: .82rem;
}
.warehouse-page-kicker::before {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #c89a2b;
  box-shadow: 0 0 0 5px rgba(200,154,43,.14);
}
.warehouse-page-actions,
.warehouse-action-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}
.warehouse-action-bar {
  padding: 12px 14px;
  margin: 0 0 14px;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: rgba(255,255,255,.86);
}
.warehouse-filter-card form.grid,
body.page-warehouse_purchase_requests .card:first-of-type form.grid,
body.page-warehouse_parties .card:first-of-type form.grid {
  align-items: end;
  gap: 14px 20px;
}
.warehouse-list-card .table-wrap,
body[class*="page-warehouse_"] .table-wrap {
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #fff;
  overflow: auto;
}
body[class*="page-warehouse_"] table th {
  background: #fff8e9;
  color: #1e293b;
  font-weight: 900;
  white-space: nowrap;
}
body[class*="page-warehouse_"] table td {
  vertical-align: middle;
}
.warehouse-tile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}
.warehouse-tile,
body[class*="page-warehouse_"] .mini-card,
body.page-warehouses_dashboard .mini-card {
  display: block;
  min-height: 88px;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  color: #0f172a;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(15,23,42,.04);
}
.warehouse-tile:hover,
body[class*="page-warehouse_"] a.mini-card:hover {
  border-color: rgba(200,154,43,.55);
  transform: translateY(-1px);
}
.warehouse-tile.is-active {
  border-color: #c89a2b;
  background: linear-gradient(135deg, #fff7ed 0%, #eef4ff 100%);
}
.warehouse-tile span {
  display: block;
  font-weight: 900;
}
.warehouse-tile small {
  display: block;
  margin-top: 6px;
  color: #64748b;
}
.warehouse-meta-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}
.warehouse-meta-cell {
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #fff;
}
.warehouse-meta-cell span {
  display: block;
  margin-bottom: 5px;
  color: #64748b;
  font-size: .83rem;
}
.warehouse-meta-cell strong {
  display: block;
  color: #0f172a;
  line-height: 1.6;
}
.warehouse-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: .82rem;
  background: #f1f5f9;
  color: #475569;
}
.warehouse-status-success { background: #dcfce7; color: #166534; }
.warehouse-status-warning { background: #fef3c7; color: #92400e; }
.warehouse-status-danger { background: #fee2e2; color: #991b1b; }
.warehouse-status-neutral { background: #f1f5f9; color: #475569; }
.warehouse-detail-panel {
  display: grid;
  gap: 14px;
}
.warehouse-line-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 18px 0 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #e2e8f0;
}
.warehouse-line-title h3 { margin: 0; color: #f05a28; }
body.msar-shell.msar-classic .module-sidebar-group.is-collapsed .module-sidebar-nav,
body.msar-shell.msar-classic .module-sidebar-group.msar-collapsed .module-sidebar-nav {
  max-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.msar-shell.msar-classic .module-sidebar-group.has-active .module-sidebar-nav,
body.msar-shell.msar-classic .module-sidebar-group.is-open .module-sidebar-nav {
  max-height: 1200px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
body.msar-shell.msar-classic .module-sidebar-group-title {
  width: 100%;
  border: 0;
  cursor: pointer;
}
body.msar-shell.msar-classic.admin-sidebar-collapsed .module-sidebar-nav {
  display: none !important;
}
body.msar-shell.msar-classic.admin-sidebar-collapsed .module-sidebar-group-title {
  pointer-events: none;
}
@media (max-width: 980px) {
  .warehouse-page-head { flex-direction: column; }
  .warehouse-page-actions, .warehouse-action-bar { justify-content: flex-start; }
  .warehouse-meta-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .warehouse-meta-grid { grid-template-columns: 1fr; }
  .warehouse-page-actions .btn, .warehouse-action-bar .btn { width: 100%; justify-content: center; }
}
@media print {
  .warehouse-page-head,
  .warehouse-action-bar,
  .warehouse-tile-grid { display: none !important; }
}

/* HR lookup management screens */
body.msar-shell.msar-classic .hr-lookup-list-header,
body.msar-shell.msar-classic .hr-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

body.msar-shell.msar-classic .hr-lookup-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    white-space: nowrap;
}

body.msar-shell.msar-classic .hr-lookup-inline-form {
    display: inline-flex;
    margin: 0;
}

body.msar-shell.msar-classic .hr-lookup-code-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

body.msar-shell.msar-classic .hr-lookup-refresh-code {
    min-width: 42px;
    justify-content: center;
}

body.msar-shell.msar-classic .hr-lookup-check-field {
    align-self: end;
}

body.msar-shell.msar-classic .hr-lookup-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
}

body.msar-shell.msar-classic .hr-lookup-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 32px 48px;
    background: rgba(0, 0, 0, 0.48);
    overflow: auto;
}

body.msar-shell.msar-classic .hr-lookup-dialog {
    width: min(1120px, 100%);
    background: var(--erp-surface, #ffffff);
    border-radius: 14px;
    box-shadow: 0 22px 70px rgba(15, 23, 42, 0.28);
    border: 1px solid rgba(148, 163, 184, 0.28);
    overflow: hidden;
}

body.msar-shell.msar-classic .hr-lookup-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.96));
}

body.msar-shell.msar-classic .hr-lookup-modal-header h3 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--erp-text, #0f172a);
}

body.msar-shell.msar-classic .hr-lookup-modal-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    color: var(--erp-muted, #64748b);
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1;
}

body.msar-shell.msar-classic .hr-lookup-modal-close:hover {
    background: rgba(15, 23, 42, 0.08);
    color: var(--erp-text, #0f172a);
}

body.msar-shell.msar-classic .hr-lookup-modal-form {
    padding: 20px;
}

body.msar-shell.msar-classic .hr-lookup-modal-actions {
    justify-content: center;
    padding-top: 10px;
}

@media (max-width: 768px) {
    body.msar-shell.msar-classic .hr-lookup-modal {
        padding: 16px;
    }

    body.msar-shell.msar-classic .hr-lookup-list-header,
    body.msar-shell.msar-classic .hr-page-header {
        align-items: stretch;
    }
}

/* Final shell repair: account menu, header Font Awesome, and right sidebar alignment. */
body.msar-shell.msar-classic {
    --msar-primary: var(--msar-shell-primary, #ff5a2f) !important;
    --msar-primary-dark: var(--msar-shell-primary-dark, #e84a23) !important;
    --msar-primary-light: var(--msar-shell-primary-soft, #fff7ed) !important;
    --msar-primary-alpha: rgba(255, 90, 47, .14) !important;
    --msar-page-bg: var(--msar-shell-page-bg, #fdebdc) !important;
    --msar-breadcrumb-bg: var(--msar-shell-breadcrumb-bg, #fde9d8) !important;
    --msar-breadcrumb-text: var(--msar-shell-breadcrumb-text, #7a3414) !important;
    --msar-breadcrumb-link: var(--msar-shell-primary-dark, #e84a23) !important;
    --msar-sidebar-active-bg: rgba(80, 43, 26, .92) !important;
    --msar-border: var(--msar-shell-border, #efd3c0) !important;
    --msar-border-inner: #e2d1c6 !important;
    --msar-input-border: #d6b7a2 !important;
    --msar-table-head-bg: var(--msar-shell-primary-soft, #fff7ed) !important;
    --msar-table-head-border: var(--msar-shell-tint-border, #f0c9ae) !important;
    --msar-table-row-hover: #fff3ea !important;
    background: var(--msar-shell-page-bg, #fdebdc) !important;
    font-family: var(--system-font-family, var(--msar-arabic-font-stack, "Droid Arabic Kufi", "Droid Kufi", "DroidKufi-Regular", Tahoma, Arial, sans-serif)) !important;
}

body.msar-shell.msar-classic *,
body.msar-shell.msar-classic button,
body.msar-shell.msar-classic input,
body.msar-shell.msar-classic select,
body.msar-shell.msar-classic textarea,
body.msar-shell.msar-classic table {
    font-family: var(--system-font-family, var(--msar-arabic-font-stack, "Droid Arabic Kufi", "Droid Kufi", "DroidKufi-Regular", Tahoma, Arial, sans-serif)) !important;
}

body.msar-shell.msar-classic .pwa-install-button,
body.msar-shell.msar-classic [data-pwa-install] {
    display: none !important;
}

body.msar-shell.msar-classic .main-topbar {
    grid-template-columns: minmax(170px, 290px) minmax(360px, 1fr) minmax(170px, 280px) !important;
    grid-template-areas: "user modules title" !important;
    align-items: center !important;
    overflow: visible !important;
    background: #fff !important;
    border-bottom: 1px solid var(--msar-shell-border, #efd3c0) !important;
    box-shadow: 0 2px 10px rgba(95, 50, 25, .10) !important;
    direction: ltr !important;
}

body.msar-shell.msar-classic .module-switcher-wrap {
    justify-content: flex-start !important;
    overflow: hidden !important;
    direction: rtl !important;
}

body.msar-shell.msar-classic .module-switcher {
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
    direction: rtl !important;
}

body.msar-shell.msar-classic .module-tab {
    transform: none !important;
    flex: 0 0 78px !important;
    width: 78px !important;
    min-width: 78px !important;
    height: 74px !important;
    min-height: 74px !important;
    border-bottom-color: transparent !important;
    background: transparent !important;
}

body.msar-shell.msar-classic .module-tab:hover,
body.msar-shell.msar-classic .module-tab.active {
    transform: none !important;
    border-bottom-color: var(--msar-shell-primary, #ff5a2f) !important;
    color: var(--msar-shell-primary, #ff5a2f) !important;
}

body.msar-shell.msar-classic .main-topbar .module-tab .msar-module-icon,
body.msar-shell.msar-classic .main-topbar .module-tab .msar-module-icon i,
body.msar-shell.msar-classic .main-topbar i[class*="fa-"] {
    transform: none !important;
    rotate: 0deg !important;
    skew: 0deg !important;
    font-style: normal !important;
    line-height: 1 !important;
    text-align: center !important;
}

body.msar-shell.msar-classic .main-topbar .module-tab .msar-module-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    color: #8f6f5d !important;
}

body.msar-shell.msar-classic .main-topbar .module-tab .msar-module-icon i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 25px !important;
}

body.msar-shell.msar-classic .module-tab.active .msar-module-icon,
body.msar-shell.msar-classic .module-tab.active .msar-module-icon i,
body.msar-shell.msar-classic .module-tab:hover .msar-module-icon,
body.msar-shell.msar-classic .module-tab:hover .msar-module-icon i,
body.msar-shell.msar-classic .module-tab.active .msar-module-text,
body.msar-shell.msar-classic .module-tab:hover .msar-module-text {
    color: var(--msar-shell-primary, #ff5a2f) !important;
}

body.msar-shell.msar-classic .msar-user-strip {
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    overflow: visible !important;
    border-left: 0 !important;
    direction: ltr !important;
}

body.msar-shell.msar-classic .msar-user-menu-trigger {
    transform: none !important;
}

body.msar-shell.msar-classic .msar-user-menu-trigger:hover {
    transform: none !important;
}

body.msar-shell.msar-classic .side-info {
    background: var(--msar-shell-sidebar-bg, #070402) !important;
    color: #fff !important;
}

body.msar-shell.msar-classic .side-info .sidebar-nav,
body.msar-shell.msar-classic .side-info .module-sidebar-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2px !important;
    overflow: visible !important;
}

body.msar-shell.msar-classic .side-info .sidebar-nav a,
body.msar-shell.msar-classic .side-info .module-sidebar-group-title {
    justify-content: flex-start !important;
    gap: 9px !important;
    border-right: 3px solid transparent !important;
    border-left: 0 !important;
    border-radius: 6px !important;
    color: rgba(255, 255, 255, .9) !important;
    direction: rtl !important;
    transform: none !important;
}

body.msar-shell.msar-classic .side-info .sidebar-nav .nav-icon,
body.msar-shell.msar-classic .side-info .module-sidebar-group-title .msar-section-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, .92) !important;
}

body.msar-shell.msar-classic .side-info i[class*="fa-"] {
    transform: none !important;
    rotate: 0deg !important;
    skew: 0deg !important;
    font-style: normal !important;
    text-align: center !important;
}

body.msar-shell.msar-classic .side-info .sidebar-nav a.active,
body.msar-shell.msar-classic .side-info .sidebar-nav li.current-page > a {
    background: var(--msar-shell-sidebar-active, rgba(80, 43, 26, .92)) !important;
    border-right-color: var(--msar-shell-active-indicator, #ff6b35) !important;
    color: #fff !important;
}

body.msar-shell.msar-classic .side-info > .admin-sidebar-toggle {
    background: var(--msar-shell-primary, #ff5a2f) !important;
    color: #fff !important;
}

body.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle {
    background: var(--msar-shell-primary-soft, #fff7ed) !important;
    border-color: var(--msar-shell-tint-border, #f0c9ae) !important;
    color: var(--msar-shell-primary, #ff5a2f) !important;
}

body.msar-shell.msar-classic.admin-sidebar-collapsed .side-info .sidebar-nav a {
    justify-content: center !important;
}

body.msar-shell.msar-classic.admin-sidebar-collapsed .module-sidebar-nav {
    display: grid !important;
}

@media (max-width: 900px) {
    body.msar-shell.msar-classic .main-topbar {
        grid-template-columns: 1fr !important;
        grid-template-areas: "title" "modules" "user" !important;
        height: auto !important;
        min-height: 64px !important;
    }

    body.msar-shell.msar-classic .module-switcher {
        justify-content: flex-start !important;
        overflow-x: auto !important;
    }
}

/* Employee login repair: fixed asset-root bug support, Tajawal typography, and a complete RTL auth layout. */
body.auth-page.employee-auth-page {
    --employee-auth-primary: #ff5a2f;
    --employee-auth-primary-dark: #e84a23;
    --employee-auth-ink: #21140d;
    --employee-auth-muted: #6b5a50;
    --employee-auth-surface: #ffffff;
    --employee-auth-soft: #fff7ed;
    --employee-auth-page: #fdebdc;
    --employee-auth-border: #efd3c0;
    min-height: 100vh !important;
    display: grid !important;
    place-items: center !important;
    padding: 32px !important;
    direction: rtl !important;
    overflow: auto !important;
    background:
        radial-gradient(circle at 12% 12%, rgba(255, 90, 47, .18), transparent 28%),
        radial-gradient(circle at 88% 88%, rgba(122, 52, 20, .16), transparent 30%),
        linear-gradient(135deg, #fffaf5 0%, var(--employee-auth-page) 58%, #fff3ea 100%) !important;
    color: var(--employee-auth-ink) !important;
    font-family: var(--system-font-family, var(--msar-arabic-font-stack, "Droid Arabic Kufi", "Droid Kufi", "DroidKufi-Regular", Tahoma, Arial, sans-serif)) !important;
    line-height: 1.6 !important;
}

body.auth-page.employee-auth-page *,
body.auth-page.employee-auth-page input,
body.auth-page.employee-auth-page button,
body.auth-page.employee-auth-page a {
    font-family: var(--system-font-family, var(--msar-arabic-font-stack, "Droid Arabic Kufi", "Droid Kufi", "DroidKufi-Regular", Tahoma, Arial, sans-serif)) !important;
}

body.auth-page.employee-auth-page .auth-shell {
    width: min(1120px, 100%) !important;
    min-height: min(700px, calc(100vh - 64px)) !important;
    display: grid !important;
    grid-template-columns: minmax(310px, .9fr) minmax(420px, 1.1fr) !important;
    overflow: hidden !important;
    border: 1px solid rgba(239, 211, 192, .85) !important;
    border-radius: 28px !important;
    background: var(--employee-auth-surface) !important;
    box-shadow: 0 28px 70px rgba(95, 50, 25, .16) !important;
}

body.auth-page.employee-auth-page .auth-side-info {
    position: relative !important;
    min-height: auto !important;
    top: auto !important;
    overflow: hidden !important;
    padding: 38px !important;
    background:
        linear-gradient(160deg, rgba(33, 20, 13, .98), rgba(80, 43, 26, .96)),
        var(--employee-auth-ink) !important;
    color: #fff !important;
}

body.auth-page.employee-auth-page .auth-side-info::before {
    content: "" !important;
    position: absolute !important;
    inset: -80px auto auto -80px !important;
    width: 220px !important;
    height: 220px !important;
    border-radius: 50% !important;
    border: 38px solid rgba(255, 90, 47, .14) !important;
    pointer-events: none !important;
}

body.auth-page.employee-auth-page .brand-inline-top {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 16px !important;
}

body.auth-page.employee-auth-page .brand-inline-top img {
    width: 72px !important;
    height: 72px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(255,255,255,.34) !important;
    padding: 8px !important;
    object-fit: contain !important;
}

body.auth-page.employee-auth-page .brand-title {
    margin: 0 0 6px !important;
    padding: 0 14px 0 0 !important;
    border-right: 4px solid var(--employee-auth-primary) !important;
    color: #fff !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

body.auth-page.employee-auth-page .brand-subtitle {
    color: rgba(255,255,255,.74) !important;
    font-size: .92rem !important;
    line-height: 1.75 !important;
}

body.auth-page.employee-auth-page .track-list {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    gap: 10px !important;
    margin: 38px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.auth-page.employee-auth-page .track-item {
    position: relative !important;
    margin: 0 !important;
    padding: 12px 44px 12px 14px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.05) !important;
    color: rgba(255,255,255,.76) !important;
    font-size: .94rem !important;
    font-weight: 700 !important;
    line-height: 1.75 !important;
}

body.auth-page.employee-auth-page .track-item::after {
    content: "" !important;
    position: absolute !important;
    top: 18px !important;
    right: 17px !important;
    width: 10px !important;
    height: 10px !important;
    border: 2px solid currentColor !important;
    border-radius: 50% !important;
    background: transparent !important;
}

body.auth-page.employee-auth-page .track-item.active {
    border-color: rgba(255, 90, 47, .34) !important;
    background: rgba(255, 90, 47, .12) !important;
    color: #fff !important;
}

body.auth-page.employee-auth-page .track-item.active::after {
    background: var(--employee-auth-primary) !important;
    border-color: var(--employee-auth-primary) !important;
    box-shadow: 0 0 0 5px rgba(255, 90, 47, .16) !important;
}

body.auth-page.employee-auth-page .side-footer {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 28px !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
    color: rgba(255,255,255,.62) !important;
    font-size: .82rem !important;
    line-height: 1.8 !important;
}

body.auth-page.employee-auth-page .auth-panel {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 54px !important;
    overflow: auto !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,250,245,.96)),
        var(--employee-auth-surface) !important;
}

body.auth-page.employee-auth-page .auth-form-section {
    display: block !important;
    width: min(520px, 100%) !important;
    max-width: 520px !important;
}

body.auth-page.employee-auth-page .section-head {
    margin: 0 0 22px !important;
}

body.auth-page.employee-auth-page .employee-auth-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
    padding: 7px 12px !important;
    border: 1px solid rgba(255, 90, 47, .2) !important;
    border-radius: 999px !important;
    background: var(--employee-auth-soft) !important;
    color: var(--employee-auth-primary-dark) !important;
    font-size: .84rem !important;
    font-weight: 800 !important;
}

body.auth-page.employee-auth-page .employee-auth-kicker i,
body.auth-page.employee-auth-page i[class*="fa-"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    font-style: normal !important;
    line-height: 1 !important;
    transform: none !important;
}

body.auth-page.employee-auth-page .section-head h2 {
    margin: 0 0 8px !important;
    color: var(--employee-auth-ink) !important;
    font-size: 1.85rem !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
}

body.auth-page.employee-auth-page .section-head p {
    margin: 0 !important;
    color: var(--employee-auth-muted) !important;
    font-size: .98rem !important;
    line-height: 1.9 !important;
}

body.auth-page.employee-auth-page .auth-card {
    margin: 0 !important;
    padding: 28px !important;
    border: 1px solid var(--employee-auth-border) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(95, 50, 25, .10) !important;
}

body.auth-page.employee-auth-page .auth-form-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    margin: 0 !important;
}

body.auth-page.employee-auth-page .field {
    margin: 0 !important;
}

body.auth-page.employee-auth-page .field label {
    display: block !important;
    margin: 0 0 8px !important;
    color: var(--employee-auth-ink) !important;
    font-size: .9rem !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
}

body.auth-page.employee-auth-page .input-ctrl {
    height: 48px !important;
    width: 100% !important;
    border: 1px solid #d9c1b1 !important;
    border-radius: 10px !important;
    background: #fffaf7 !important;
    color: var(--employee-auth-ink) !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    padding: 10px 13px !important;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

body.auth-page.employee-auth-page .input-ctrl:focus {
    outline: none !important;
    border-color: var(--employee-auth-primary) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(255, 90, 47, .12) !important;
}

body.auth-page.employee-auth-page .auth-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 10px !important;
    margin-top: 22px !important;
    padding: 0 !important;
    border: 0 !important;
}

body.auth-page.employee-auth-page .auth-actions .btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 46px !important;
    border-radius: 10px !important;
    padding: 11px 18px !important;
    font-size: .95rem !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    transform: none !important;
}

body.auth-page.employee-auth-page .auth-actions .btn-primary {
    border: 1px solid var(--employee-auth-primary) !important;
    background: var(--employee-auth-primary) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(255, 90, 47, .22) !important;
}

body.auth-page.employee-auth-page .auth-actions .btn-primary:hover {
    background: var(--employee-auth-primary-dark) !important;
    border-color: var(--employee-auth-primary-dark) !important;
    box-shadow: 0 16px 30px rgba(255, 90, 47, .26) !important;
}

body.auth-page.employee-auth-page .auth-actions .btn-ghost {
    border: 1px solid #d9c1b1 !important;
    background: #fffaf7 !important;
    color: var(--employee-auth-muted) !important;
}

body.auth-page.employee-auth-page .auth-actions .btn-ghost:hover {
    background: var(--employee-auth-soft) !important;
    border-color: var(--employee-auth-primary) !important;
    color: var(--employee-auth-primary-dark) !important;
}

body.auth-page.employee-auth-page .alert {
    margin: 0 0 16px !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}

@media (max-width: 900px) {
    body.auth-page.employee-auth-page {
        padding: 16px !important;
        place-items: start center !important;
    }

    body.auth-page.employee-auth-page .auth-shell {
        min-height: auto !important;
        grid-template-columns: 1fr !important;
        border-radius: 22px !important;
    }

    body.auth-page.employee-auth-page .auth-side-info {
        padding: 26px !important;
    }

    body.auth-page.employee-auth-page .track-list {
        display: none !important;
    }

    body.auth-page.employee-auth-page .auth-panel {
        padding: 30px 22px !important;
    }
}

@media (max-width: 560px) {
    body.auth-page.employee-auth-page .brand-inline-top {
        grid-template-columns: 58px minmax(0, 1fr) !important;
    }

    body.auth-page.employee-auth-page .brand-inline-top img {
        width: 58px !important;
        height: 58px !important;
        border-radius: 14px !important;
    }

    body.auth-page.employee-auth-page .section-head h2 {
        font-size: 1.45rem !important;
    }

    body.auth-page.employee-auth-page .auth-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
}

/* Admin ERP auth background: structured data-grid visual without extra markup. */
body.auth-page.employee-auth-page.admin-auth-page {
    --employee-auth-primary: #2563eb;
    --employee-auth-primary-dark: #174ea6;
    --employee-auth-ink: #111827;
    --employee-auth-muted: #536179;
    --employee-auth-soft: #eef5ff;
    --employee-auth-page: #edf4fb;
    --employee-auth-border: #c9d8ea;
    position: relative !important;
    isolation: isolate !important;
    background:
        linear-gradient(90deg, rgba(37, 99, 235, .08) 1px, transparent 1px),
        linear-gradient(0deg, rgba(37, 99, 235, .07) 1px, transparent 1px),
        linear-gradient(135deg, #f7fbff 0%, #edf4fb 46%, #fff7ed 100%) !important;
    background-size: 52px 52px, 52px 52px, 100% 100% !important;
}

body.auth-page.employee-auth-page.admin-auth-page::before,
body.auth-page.employee-auth-page.admin-auth-page::after {
    content: "" !important;
    position: fixed !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

body.auth-page.employee-auth-page.admin-auth-page::before {
    inset: 0 !important;
    background:
        linear-gradient(135deg, transparent 0 18%, rgba(37, 99, 235, .12) 18% 18.25%, transparent 18.25% 100%),
        linear-gradient(45deg, transparent 0 64%, rgba(197, 138, 58, .14) 64% 64.22%, transparent 64.22% 100%),
        linear-gradient(90deg, transparent 0 72%, rgba(15, 23, 42, .07) 72% 72.18%, transparent 72.18% 100%) !important;
    opacity: .75 !important;
}

body.auth-page.employee-auth-page.admin-auth-page::after {
    inset: auto 7vw 8vh auto !important;
    width: min(420px, 34vw) !important;
    height: min(260px, 24vh) !important;
    border: 1px solid rgba(37, 99, 235, .14) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(90deg, rgba(255,255,255,.70), rgba(255,255,255,.28)),
        repeating-linear-gradient(0deg, rgba(37,99,235,.12) 0 1px, transparent 1px 34px),
        repeating-linear-gradient(90deg, rgba(37,99,235,.10) 0 1px, transparent 1px 42px) !important;
    box-shadow: 0 22px 60px rgba(15, 23, 42, .08) !important;
    transform: skew(-8deg) !important;
    opacity: .72 !important;
}

body.auth-page.employee-auth-page.admin-auth-page .auth-shell {
    position: relative !important;
    z-index: 1 !important;
    border-color: rgba(37, 99, 235, .20) !important;
    box-shadow: 0 30px 86px rgba(15, 23, 42, .16) !important;
}

body.auth-page.employee-auth-page.admin-auth-page .auth-side-info {
    background:
        linear-gradient(160deg, rgba(9, 23, 51, .98), rgba(20, 58, 118, .96) 58%, rgba(41, 31, 24, .94)),
        #091733 !important;
}

body.auth-page.employee-auth-page.admin-auth-page .auth-side-info::before {
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(135deg, transparent 0 42%, rgba(197, 138, 58, .20) 42% 42.45%, transparent 42.45% 100%) !important;
    background-size: 38px 38px, 38px 38px, 100% 100% !important;
    opacity: .58 !important;
}

body.auth-page.employee-auth-page.admin-auth-page .auth-side-info::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 34px 34px 34px !important;
    height: 104px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(90deg, rgba(255,255,255,.08), transparent 52%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 2px, transparent 2px 18px) !important;
    opacity: .50 !important;
}

body.auth-page.employee-auth-page.admin-auth-page .brand-title {
    border-right-color: var(--employee-auth-primary) !important;
}

body.auth-page.employee-auth-page.admin-auth-page .track-item.active {
    border-color: rgba(96, 165, 250, .42) !important;
    background: rgba(37, 99, 235, .18) !important;
}

body.auth-page.employee-auth-page.admin-auth-page .track-item.active::after {
    background: #60a5fa !important;
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 5px rgba(96, 165, 250, .16) !important;
}

body.auth-page.employee-auth-page.admin-auth-page .auth-panel {
    position: relative !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.95)),
        #fff !important;
}

body.auth-page.employee-auth-page.admin-auth-page .auth-panel::before {
    content: "" !important;
    position: absolute !important;
    inset: 34px !important;
    border: 1px solid rgba(37, 99, 235, .09) !important;
    border-radius: 14px !important;
    background:
        linear-gradient(90deg, rgba(37,99,235,.05) 1px, transparent 1px),
        linear-gradient(0deg, rgba(37,99,235,.04) 1px, transparent 1px) !important;
    background-size: 36px 36px !important;
    opacity: .72 !important;
}

body.auth-page.employee-auth-page.admin-auth-page .auth-form-section {
    position: relative !important;
    z-index: 1 !important;
}

body.auth-page.employee-auth-page.admin-auth-page .auth-card {
    border-color: rgba(37, 99, 235, .18) !important;
    box-shadow: 0 18px 46px rgba(37, 99, 235, .10) !important;
}

body.auth-page.employee-auth-page.admin-auth-page .employee-auth-kicker {
    border-color: rgba(37, 99, 235, .20) !important;
    background: #eef5ff !important;
    color: #174ea6 !important;
}

body.auth-page.employee-auth-page.admin-auth-page .auth-actions .btn-primary {
    border-color: #2563eb !important;
    background: #2563eb !important;
    box-shadow: 0 12px 24px rgba(37, 99, 235, .22) !important;
}

body.auth-page.employee-auth-page.admin-auth-page .auth-actions .btn-primary:hover {
    border-color: #174ea6 !important;
    background: #174ea6 !important;
}

/* Absolute final icon/layout repair. Keep this last so typography rules never break Font Awesome again. */
body.msar-shell.msar-classic .fa,
body.msar-shell.msar-classic .fas,
body.msar-shell.msar-classic .fa-solid,
body.msar-shell.msar-classic .fa-fw,
body.msar-shell.msar-classic i[class^="fa-"],
body.msar-shell.msar-classic i[class*=" fa-"],
body.auth-page .fa,
body.auth-page .fas,
body.auth-page .fa-solid,
body.auth-page .fa-fw,
body.auth-page i[class^="fa-"],
body.auth-page i[class*=" fa-"] {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    transform: none !important;
    speak: never !important;
}

body.msar-shell.msar-classic .far,
body.msar-shell.msar-classic .fa-regular,
body.auth-page .far,
body.auth-page .fa-regular {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

body.msar-shell.msar-classic .fab,
body.msar-shell.msar-classic .fa-brands,
body.auth-page .fab,
body.auth-page .fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Sidebar toggle cleanup: keep the control in the sidebar, not floating over page content. */
body.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle {
    display: none !important;
}

body.msar-shell.msar-classic .module-page-title {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.msar-shell.msar-classic .side-info > .admin-sidebar-toggle {
    display: flex !important;
    flex: 0 0 46px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    background: #14548d !important;
    color: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 0 !important;
}

/* HR dashboard topbar toggle must win over legacy generic toggle cleanup. */
body.page-hr_dashboard.msar-shell.msar-classic .main-form {
    padding: 0 0 40px !important;
    background: #f3f7fb !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .main-topbar {
    grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) 56px !important;
    grid-template-areas: "user modules title" !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .module-page-title {
    grid-area: title !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    min-height: 74px !important;
    overflow: visible !important;
    background: #14548d !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .module-page-title img,
body.page-hr_dashboard.msar-shell.msar-classic .module-page-title > div {
    display: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .side-info > .admin-sidebar-toggle {
    display: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .side-info > .msar-sidebar-scroll {
    height: 100vh !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container {
    display: grid !important;
    gap: 18px !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 24px 28px 36px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header,
body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card {
    background: #fff !important;
    border: 1px solid #dbe7f3 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 22px 24px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card {
    display: grid !important;
    gap: 16px !important;
    padding: 18px !important;
}

/* HR dashboard: align page-specific markup with the shared system dashboard primitives. */
body.page-hr_dashboard.msar-shell.msar-classic .main-form {
    background: var(--bg, #f3f6fa) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container {
    display: grid !important;
    gap: 18px !important;
    width: min(100%, 1280px) !important;
    margin: 0 auto !important;
    padding: 18px 18px 40px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header,
body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card,
body.page-hr_dashboard.msar-shell.msar-classic .chart-card {
    background: var(--surface, #fff) !important;
    border: 1px solid var(--border) !important;
    border-radius: 18px !important;
    box-shadow: var(--shadow-sm) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 430px) !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 22px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .header-content h1 {
    margin: 0 0 6px !important;
    color: var(--brand-navy) !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .header-content p,
body.page-hr_dashboard.msar-shell.msar-classic .card-title-section p {
    margin: 0 !important;
    color: var(--text-muted) !important;
    font-size: .9rem !important;
    line-height: 1.8 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card {
    padding: 22px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin: 0 0 14px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-title-section {
    flex: 1 1 320px !important;
    min-width: 240px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-title-section h2 {
    margin: 0 0 6px !important;
    color: var(--brand-navy) !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stats-overview,
body.page-hr_dashboard.msar-shell.msar-classic .card-metrics {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stat-item,
body.page-hr_dashboard.msar-shell.msar-classic .metric-item {
    display: grid !important;
    align-content: center !important;
    gap: 6px !important;
    min-height: 86px !important;
    padding: 14px !important;
    background: var(--bg-light) !important;
    border: 1px solid var(--border) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stat-number,
body.page-hr_dashboard.msar-shell.msar-classic .metric-value {
    display: block !important;
    color: var(--brand-navy) !important;
    font-size: 1.55rem !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stat-label,
body.page-hr_dashboard.msar-shell.msar-classic .metric-label {
    display: block !important;
    color: var(--text-muted) !important;
    font-size: .84rem !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .analytics-grid,
body.page-hr_dashboard.msar-shell.msar-classic .chart-stack {
    margin: 0 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .chart-card {
    padding: 22px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-table {
    overflow: auto !important;
    width: 100% !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-table table {
    width: 100% !important;
    border-collapse: collapse !important;
}

body.page-hr_holidays.msar-shell.msar-classic .table-wrap,
body.page-hr-holidays.msar-shell.msar-classic .table-wrap {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

body.page-hr_holidays.msar-shell.msar-classic table th:last-child,
body.page-hr_holidays.msar-shell.msar-classic table td.holiday-actions-cell,
body.page-hr-holidays.msar-shell.msar-classic table th:last-child,
body.page-hr-holidays.msar-shell.msar-classic table td.holiday-actions-cell {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

body.page-hr_holidays.msar-shell.msar-classic .holiday-row-actions,
body.page-hr-holidays.msar-shell.msar-classic .holiday-row-actions {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.page-hr_holidays.msar-shell.msar-classic .holiday-row-actions form,
body.page-hr-holidays.msar-shell.msar-classic .holiday-row-actions form {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

body.page-hr_holidays.msar-shell.msar-classic .holiday-row-actions .btn,
body.page-hr_holidays.msar-shell.msar-classic .holiday-row-actions button,
body.page-hr-holidays.msar-shell.msar-classic .holiday-row-actions .btn,
body.page-hr-holidays.msar-shell.msar-classic .holiday-row-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 54px !important;
    max-width: 58px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 9px !important;
    line-height: 1 !important;
    font-size: 12px !important;
    white-space: nowrap !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .sprint-status {
    display: grid !important;
    gap: 12px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .sprint-item {
    background: var(--bg-light) !important;
    border: 1px solid var(--border) !important;
    border-radius: 16px !important;
    padding: 14px !important;
}

@media (max-width: 1100px) {
    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header,
    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container {
        padding-inline: 10px !important;
    }

    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card,
    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header,
    body.page-hr_dashboard.msar-shell.msar-classic .chart-card {
        padding: 16px !important;
    }

    body.page-hr_dashboard.msar-shell.msar-classic .card-actions,
    body.page-hr_dashboard.msar-shell.msar-classic .card-actions .btn {
        width: 100% !important;
    }
}

/* HR recruitment forms: keep ATS fields aligned with the system form rhythm. */
.hr-recruitment-page .hr-ats-form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
    gap: 14px 18px !important;
    align-items: start !important;
}

.hr-recruitment-page .hr-ats-form > label,
.hr-recruitment-page .hr-ats-filter > label {
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: var(--text-main) !important;
    font-weight: 800 !important;
}

.hr-recruitment-page .hr-ats-form :where(.input, .select, .textarea, textarea),
.hr-recruitment-page .hr-ats-filter :where(.input, .select) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.hr-recruitment-page .hr-ats-form textarea {
    resize: vertical;
    line-height: 1.8 !important;
}

.hr-recruitment-page .hr-ats-form > .util-grid-full-068a,
.hr-recruitment-page .hr-ats-form > .actions {
    grid-column: 1 / -1 !important;
}

.hr-recruitment-page .hr-ats-form > .btn.util-grid-full-068a {
    justify-self: start !important;
}

.hr-recruitment-page .grid-2 .card .hr-ats-form {
    grid-template-columns: 1fr !important;
}

.hr-recruitment-page .hr-ats-filter {
    grid-template-columns: repeat(4, minmax(210px, 1fr)) !important;
    align-items: end !important;
}

.hr-recruitment-page .hr-ats-filter .actions {
    align-self: end !important;
    justify-content: flex-start !important;
}

@media (max-width: 900px) {
    .hr-recruitment-page .hr-ats-form,
    .hr-recruitment-page .hr-ats-filter {
        grid-template-columns: 1fr !important;
    }

    .hr-recruitment-page .hr-ats-form > .btn.util-grid-full-068a {
        justify-self: stretch;
    }
}

/* Absolute final HR dashboard override: settings colors/fonts must win over legacy page CSS. */
body.page-hr_dashboard.msar-shell.msar-classic,
body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container,
body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands) {
    font-family: var(--system-font-family) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .main-form {
    background: var(--brand-page-bg) !important;
    color: var(--brand-text) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container {
    color: var(--brand-text) !important;
    font-size: var(--system-font-size) !important;
    font-weight: var(--system-font-weight) !important;
    line-height: var(--system-line-height) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header,
body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card,
body.page-hr_dashboard.msar-shell.msar-classic .chart-card,
body.page-hr_dashboard.msar-shell.msar-classic .analytics-card,
body.page-hr_dashboard.msar-shell.msar-classic .stat-item,
body.page-hr_dashboard.msar-shell.msar-classic .metric-item,
body.page-hr_dashboard.msar-shell.msar-classic .sprint-item {
    background: var(--brand-surface) !important;
    border-color: var(--brand-border) !important;
    color: var(--brand-text) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stat-item,
body.page-hr_dashboard.msar-shell.msar-classic .metric-item,
body.page-hr_dashboard.msar-shell.msar-classic .sprint-item {
    background: var(--brand-surface-soft) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .header-content h1,
body.page-hr_dashboard.msar-shell.msar-classic .card-title-section h2,
body.page-hr_dashboard.msar-shell.msar-classic .section-title,
body.page-hr_dashboard.msar-shell.msar-classic .analytics-value,
body.page-hr_dashboard.msar-shell.msar-classic .chart-label,
body.page-hr_dashboard.msar-shell.msar-classic .chart-value,
body.page-hr_dashboard.msar-shell.msar-classic .stat-number,
body.page-hr_dashboard.msar-shell.msar-classic .metric-value,
body.page-hr_dashboard.msar-shell.msar-classic .sprint-item strong {
    color: var(--brand-text) !important;
    font-family: var(--system-font-family) !important;
    font-weight: var(--system-heading-weight) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .header-content p,
body.page-hr_dashboard.msar-shell.msar-classic .card-title-section p,
body.page-hr_dashboard.msar-shell.msar-classic .analytics-label,
body.page-hr_dashboard.msar-shell.msar-classic .analytics-sub,
body.page-hr_dashboard.msar-shell.msar-classic .stat-label,
body.page-hr_dashboard.msar-shell.msar-classic .metric-label,
body.page-hr_dashboard.msar-shell.msar-classic .muted {
    color: var(--brand-muted) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .chart-bar {
    background: var(--brand-soft) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .chart-bar span {
    background: linear-gradient(90deg, var(--brand-primary), var(--brand-accent)) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-table table {
    color: var(--brand-text) !important;
    border-color: var(--brand-border) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-table th {
    background: var(--brand-surface-soft) !important;
    color: var(--brand-text) !important;
    border-color: var(--brand-border) !important;
    font-weight: var(--system-heading-weight) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-table td {
    border-color: var(--brand-border-soft) !important;
}

/* HR dashboard: bind final appearance to system colors and typography settings. */
body.page-hr_dashboard.msar-shell.msar-classic,
body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container,
body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands) {
    font-family: var(--system-font-family) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .main-form {
    background: var(--brand-page-bg) !important;
    color: var(--brand-text) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container {
    color: var(--brand-text) !important;
    font-size: var(--system-font-size) !important;
    font-weight: var(--system-font-weight) !important;
    line-height: var(--system-line-height) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header,
body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card,
body.page-hr_dashboard.msar-shell.msar-classic .chart-card,
body.page-hr_dashboard.msar-shell.msar-classic .analytics-card,
body.page-hr_dashboard.msar-shell.msar-classic .stat-item,
body.page-hr_dashboard.msar-shell.msar-classic .metric-item,
body.page-hr_dashboard.msar-shell.msar-classic .sprint-item {
    background: var(--brand-surface) !important;
    border-color: var(--brand-border) !important;
    color: var(--brand-text) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stat-item,
body.page-hr_dashboard.msar-shell.msar-classic .metric-item,
body.page-hr_dashboard.msar-shell.msar-classic .sprint-item {
    background: var(--brand-surface-soft) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .header-content h1,
body.page-hr_dashboard.msar-shell.msar-classic .card-title-section h2,
body.page-hr_dashboard.msar-shell.msar-classic .section-title,
body.page-hr_dashboard.msar-shell.msar-classic .analytics-value,
body.page-hr_dashboard.msar-shell.msar-classic .chart-label,
body.page-hr_dashboard.msar-shell.msar-classic .chart-value,
body.page-hr_dashboard.msar-shell.msar-classic .stat-number,
body.page-hr_dashboard.msar-shell.msar-classic .metric-value,
body.page-hr_dashboard.msar-shell.msar-classic .sprint-item strong {
    color: var(--brand-text) !important;
    font-family: var(--system-font-family) !important;
    font-weight: var(--system-heading-weight) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .header-content p,
body.page-hr_dashboard.msar-shell.msar-classic .card-title-section p,
body.page-hr_dashboard.msar-shell.msar-classic .analytics-label,
body.page-hr_dashboard.msar-shell.msar-classic .analytics-sub,
body.page-hr_dashboard.msar-shell.msar-classic .stat-label,
body.page-hr_dashboard.msar-shell.msar-classic .metric-label,
body.page-hr_dashboard.msar-shell.msar-classic .muted {
    color: var(--brand-muted) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .chart-bar {
    background: var(--brand-soft) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .chart-bar span {
    background: linear-gradient(90deg, var(--brand-primary), var(--brand-accent)) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-table table {
    color: var(--brand-text) !important;
    border-color: var(--brand-border) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-table th {
    background: var(--brand-surface-soft) !important;
    color: var(--brand-text) !important;
    border-color: var(--brand-border) !important;
    font-weight: var(--system-heading-weight) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-table td {
    border-color: var(--brand-border-soft) !important;
}

/* Final override: show complete module names in the top header. */
body.msar-shell.msar-classic .module-switcher-wrap {
    overflow: hidden !important;
}

body.msar-shell.msar-classic .module-switcher {
    justify-content: flex-start !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
}

body.msar-shell.msar-classic .module-tab {
    flex: 0 0 122px !important;
    width: 122px !important;
    min-width: 122px !important;
    padding-inline: 8px !important;
}

body.msar-shell.msar-classic .module-tab .msar-module-text {
    display: -webkit-box !important;
    max-width: 112px !important;
    min-height: 28px !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .main-topbar {
    grid-template-columns: minmax(160px, 240px) minmax(0, 1fr) 56px !important;
}

@media (max-width: 900px) {
    body.msar-shell.msar-classic .module-tab {
        flex-basis: 104px !important;
        width: 104px !important;
        min-width: 104px !important;
    }

    body.msar-shell.msar-classic .module-tab .msar-module-text {
        max-width: 96px !important;
        font-size: 10px !important;
    }
}

/* Full module names in the top header. */
body.msar-shell.msar-classic .module-switcher-wrap {
    overflow: hidden !important;
}

body.msar-shell.msar-classic .module-switcher {
    justify-content: flex-start !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
}

body.msar-shell.msar-classic .module-tab {
    flex: 0 0 122px !important;
    width: 122px !important;
    min-width: 122px !important;
    padding-inline: 8px !important;
}

body.msar-shell.msar-classic .module-tab .msar-module-text {
    display: -webkit-box !important;
    max-width: 112px !important;
    min-height: 28px !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .main-topbar {
    grid-template-columns: minmax(160px, 240px) minmax(0, 1fr) 56px !important;
}

@media (max-width: 900px) {
    body.msar-shell.msar-classic .module-tab {
        flex-basis: 104px !important;
        width: 104px !important;
        min-width: 104px !important;
    }

    body.msar-shell.msar-classic .module-tab .msar-module-text {
        max-width: 96px !important;
        font-size: 10px !important;
    }
}

/* HR dashboard topbar toggle must win over legacy generic toggle cleanup. */
body.page-hr_dashboard.msar-shell.msar-classic .main-form {
    padding: 0 0 40px !important;
    background: #f3f7fb !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .main-topbar {
    grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) 56px !important;
    grid-template-areas: "user modules title" !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .module-page-title {
    grid-area: title !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    min-height: 74px !important;
    overflow: visible !important;
    background: #14548d !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .module-page-title img,
body.page-hr_dashboard.msar-shell.msar-classic .module-page-title > div {
    display: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .side-info > .admin-sidebar-toggle {
    display: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .side-info > .msar-sidebar-scroll {
    height: 100vh !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container {
    display: grid !important;
    gap: 18px !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 24px 28px 36px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header,
body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card {
    background: #fff !important;
    border: 1px solid #dbe7f3 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 22px 24px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card {
    display: grid !important;
    gap: 16px !important;
    padding: 18px !important;
}

/* HR dashboard final layout */
body.page-hr_dashboard.msar-shell.msar-classic .main-form {
    padding: 0 0 40px !important;
    background: #f3f7fb !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .main-topbar {
    grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) 56px !important;
    grid-template-areas: "user modules title" !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #d7e4f2 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .06) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .module-page-title {
    grid-area: title !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 100% !important;
    min-height: 74px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #14548d !important;
    box-shadow: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .module-page-title img,
body.page-hr_dashboard.msar-shell.msar-classic .module-page-title > div {
    display: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle:hover,
body.page-hr_dashboard.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle:focus-visible {
    background: rgba(255, 255, 255, .14) !important;
    color: #ffffff !important;
    outline: 0 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .side-info > .admin-sidebar-toggle {
    display: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .side-info > .msar-sidebar-scroll {
    height: 100vh !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .msar-breadcrumb-bar {
    margin: 0 !important;
    padding: 0 28px !important;
    min-height: 46px !important;
    border-bottom: 1px solid #dbe7f3 !important;
    background: #f8fbff !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 24px 28px 36px !important;
    color: #0f172a !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header,
body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card {
    background: #ffffff !important;
    border: 1px solid #dbe7f3 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 22px 24px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header h1 {
    margin: 0 0 6px !important;
    color: #0b1f36 !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header p,
body.page-hr_dashboard.msar-shell.msar-classic .card-title-section p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stats-overview,
body.page-hr_dashboard.msar-shell.msar-classic .card-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stats-overview {
    min-width: min(520px, 48vw) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stat-item,
body.page-hr_dashboard.msar-shell.msar-classic .metric-item {
    display: grid !important;
    gap: 4px !important;
    min-height: 72px !important;
    padding: 12px 14px !important;
    border: 1px solid #e2edf7 !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stat-number,
body.page-hr_dashboard.msar-shell.msar-classic .metric-value {
    color: #14548d !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stat-label,
body.page-hr_dashboard.msar-shell.msar-classic .metric-label {
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card {
    display: grid !important;
    gap: 16px !important;
    padding: 18px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e8f0f8 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-title-section h2 {
    margin: 0 0 5px !important;
    color: #0b1f36 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .btn {
    min-height: 34px !important;
    padding: 7px 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .btn-primary {
    background: #14548d !important;
    color: #ffffff !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .btn-light {
    border: 1px solid #cfe0ef !important;
    background: #f8fbff !important;
    color: #14548d !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-table {
    width: 100% !important;
    overflow-x: auto !important;
}

body.page-hr_dashboard.msar-shell.msar-classic table {
    width: 100% !important;
    border-collapse: collapse !important;
}

body.page-hr_dashboard.msar-shell.msar-classic th,
body.page-hr_dashboard.msar-shell.msar-classic td {
    padding: 10px 12px !important;
    border-bottom: 1px solid #e8f0f8 !important;
    text-align: right !important;
    vertical-align: middle !important;
    font-size: 12px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic th {
    background: #f3f7fb !important;
    color: #334155 !important;
    font-weight: 900 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .sprint-status {
    display: grid !important;
    gap: 10px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .sprint-item {
    padding: 12px !important;
    border: 1px solid #e2edf7 !important;
    border-radius: 8px !important;
    background: #f8fbff !important;
}

@media (max-width: 1180px) {
    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header,
    body.page-hr_dashboard.msar-shell.msar-classic .card-header {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    body.page-hr_dashboard.msar-shell.msar-classic .stats-overview,
    body.page-hr_dashboard.msar-shell.msar-classic .card-metrics,
    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    body.page-hr_dashboard.msar-shell.msar-classic .main-topbar {
        grid-template-columns: minmax(0, 1fr) 56px !important;
        grid-template-areas: "modules title" "user user" !important;
        height: auto !important;
    }

    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container {
        padding: 16px 12px 28px !important;
    }

    body.page-hr_dashboard.msar-shell.msar-classic .stats-overview,
    body.page-hr_dashboard.msar-shell.msar-classic .card-metrics,
    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Sidebar toggle cleanup: keep the control in the sidebar, not floating over page content. */
body.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle {
    display: none !important;
}

body.msar-shell.msar-classic .module-page-title {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.msar-shell.msar-classic .side-info > .admin-sidebar-toggle {
    display: flex !important;
    flex: 0 0 46px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    background: #14548d !important;
    color: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 0 !important;
}

/* GOSI profiles page: keep the intro, filters, and bulk update cards full-height and unclipped. */
body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .card,
body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid,
body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid > .card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    contain: none !important;
    clip-path: none !important;
}

body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .card:first-of-type {
    padding: 18px 22px !important;
    border: 1px solid #d7e6f7 !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px rgba(20, 84, 141, .08) !important;
}

body.page-hr_gosi_profiles.msar-shell.msar-classic .util-layout-flex-items-start-justify-between-wrap-2b4b {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 0 !important;
    overflow: visible !important;
}

body.page-hr_gosi_profiles.msar-shell.msar-classic .util-layout-flex-items-start-justify-between-wrap-2b4b > div:first-child {
    min-width: 0 !important;
    overflow: visible !important;
}

body.page-hr_gosi_profiles.msar-shell.msar-classic .util-layout-flex-items-start-justify-between-wrap-2b4b .actions {
    justify-content: flex-start !important;
    align-self: center !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(360px, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
    overflow: visible !important;
}

body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 > .card {
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    align-content: start !important;
    gap: 16px !important;
    padding: 20px 22px !important;
    border: 1px solid #d7e6f7 !important;
    background: #ffffff !important;
}

body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 > .card > .section-title {
    margin: 0 !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #d8e7f6 !important;
    color: #102542 !important;
}

body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 form.grid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
    column-gap: 28px !important;
    row-gap: 14px !important;
    align-items: end !important;
}

body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 form.grid .field {
    display: grid !important;
    grid-template-columns: 110px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 42px !important;
}

body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 form.grid .field label {
    margin: 0 !important;
    color: #102542 !important;
    font-weight: 800 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 form.grid .actions,
body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 form.grid .util-grid-full-068a {
    grid-column: 1 / -1 !important;
    justify-content: center !important;
    align-self: center !important;
    margin-top: 8px !important;
    padding-top: 12px !important;
    border-top: 1px dashed #d8e7f6 !important;
}

body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 .input,
body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 .select {
    width: 100% !important;
}

body.page-hr_gosi_profiles.msar-shell.msar-classic .desktop-readiness,
body.page-hr_gosi_profiles.msar-shell.msar-classic .card:has(.table-wrap) {
    overflow: visible !important;
}

@media (max-width: 1100px) {
    body.page-hr_gosi_profiles.msar-shell.msar-classic .util-layout-flex-items-start-justify-between-wrap-2b4b,
    body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 {
        grid-template-columns: 1fr !important;
    }

    body.page-hr_gosi_profiles.msar-shell.msar-classic .util-layout-flex-items-start-justify-between-wrap-2b4b .actions {
        justify-content: flex-start !important;
    }
}

@media (max-width: 760px) {
    body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 form.grid,
    body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 form.grid .field {
        grid-template-columns: 1fr !important;
    }

    body.page-hr_gosi_profiles.msar-shell.msar-classic .main-form > .grid.grid-2 form.grid .field label {
        white-space: normal !important;
    }
}

/* Header sidebar toggle final override. */
body.msar-shell.msar-classic .module-page-title {
    background: transparent !important;
    box-shadow: none !important;
}

body.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border: 1px solid #d7e4f2 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #173a66 !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, .08) !important;
}

body.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle:hover,
body.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle:focus-visible {
    background: #f3f7fd !important;
    color: #0b1d35 !important;
    outline: 0 !important;
}

body.msar-shell.msar-classic .fa::before,
body.msar-shell.msar-classic .fas::before,
body.msar-shell.msar-classic .fa-solid::before,
body.msar-shell.msar-classic .far::before,
body.msar-shell.msar-classic .fa-regular::before,
body.msar-shell.msar-classic .fab::before,
body.msar-shell.msar-classic .fa-brands::before,
body.auth-page .fa::before,
body.auth-page .fas::before,
body.auth-page .fa-solid::before,
body.auth-page .far::before,
body.auth-page .fa-regular::before,
body.auth-page .fab::before,
body.auth-page .fa-brands::before {
    font-family: inherit !important;
    font-weight: inherit !important;
}

body.msar-shell.msar-classic {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.msar-shell.msar-classic .dashboard {
    width: 100vw !important;
    max-width: 100vw !important;
    padding-left: 0 !important;
}

body.msar-shell.msar-classic .main-form {
    direction: ltr !important;
    padding: 0 12px 24px !important;
    scrollbar-gutter: auto !important;
}

body.msar-shell.msar-classic .main-form > * {
    direction: rtl !important;
}

body.msar-shell.msar-classic .main-topbar {
    grid-template-columns: max-content minmax(0, 1fr) max-content !important;
    grid-template-areas: "user modules title" !important;
    width: calc(100% + 24px) !important;
    margin: 0 -12px !important;
    padding: 0 18px !important;
    direction: ltr !important;
}

body.msar-shell.msar-classic .msar-user-strip {
    width: auto !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
}

body.msar-shell.msar-classic .module-switcher-wrap {
    min-width: 0 !important;
}

body.msar-shell.msar-classic .module-switcher {
    justify-content: flex-start !important;
    overflow-x: auto !important;
}

body.msar-shell.msar-classic .module-page-title {
    width: auto !important;
    max-width: 360px !important;
}

body.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle i,
body.msar-shell.msar-classic .side-info > .admin-sidebar-toggle i,
body.msar-shell.msar-classic .msar-user-menu-caret i,
body.msar-shell.msar-classic .module-tab .msar-module-icon i,
body.msar-shell.msar-classic .side-info .nav-icon i,
body.msar-shell.msar-classic .side-info .msar-section-icon i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.25em !important;
    min-width: 1.25em !important;
    height: 1.25em !important;
}

/* Sidebar toggle cleanup: keep the control in the sidebar, not floating over page content. */
body.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle {
    display: none !important;
}

body.msar-shell.msar-classic .module-page-title {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.msar-shell.msar-classic .side-info > .admin-sidebar-toggle {
    display: flex !important;
    flex: 0 0 46px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    background: #14548d !important;
    color: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 0 !important;
}

@media (max-width: 900px) {
    body.msar-shell.msar-classic .main-form {
        padding: 0 8px 22px !important;
    }

    body.msar-shell.msar-classic .main-topbar {
        grid-template-columns: 1fr !important;
        grid-template-areas: "title" "modules" "user" !important;
        width: calc(100% + 16px) !important;
        margin: 0 -8px !important;
        padding: 8px 10px !important;
    }
}

/* Sidebar final polish: remove duplicate pseudo-icons and provide a clean fallback when Font Awesome webfonts are blocked. */
body.msar-shell.msar-classic .module-sidebar-group-title::before,
body.msar-shell.msar-classic .module-sidebar-group-title::after {
    content: none !important;
    display: none !important;
}

body.msar-shell.msar-classic .module-sidebar-group-title {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) 24px !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    background: #090503 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 0 !important;
    color: #fff !important;
}

body.msar-shell.msar-classic .module-sidebar-group-title .msar-section-icon {
    grid-column: 1 !important;
    justify-self: center !important;
}

body.msar-shell.msar-classic .module-sidebar-group-title .msar-section-text {
    grid-column: 2 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.msar-shell.msar-classic .module-sidebar-group-title .msar-section-chevron {
    grid-column: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    color: rgba(255,255,255,.82) !important;
    transform: none !important;
}

body.msar-shell.msar-classic .module-sidebar-group:not(.msar-collapsed) > .module-sidebar-group-title,
body.msar-shell.msar-classic .module-sidebar-group.has-active > .module-sidebar-group-title,
body.msar-shell.msar-classic .module-sidebar-group-title:hover {
    background: rgba(80, 43, 26, .92) !important;
    color: #fff !important;
}

body.msar-shell.msar-classic .module-sidebar-group:not(.msar-collapsed) > .module-sidebar-group-title .msar-section-chevron {
    transform: rotate(180deg) !important;
}

body.msar-shell.msar-classic.admin-sidebar-collapsed .module-sidebar-group-title {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    padding: 0 !important;
}

body.msar-shell.msar-classic.admin-sidebar-collapsed .module-sidebar-group-title .msar-section-text,
body.msar-shell.msar-classic.admin-sidebar-collapsed .module-sidebar-group-title .msar-section-chevron,
body.msar-shell.msar-classic.admin-sidebar-collapsed .module-sidebar-group .module-sidebar-nav,
body.msar-shell.msar-classic.admin-sidebar-collapsed .module-sidebar-group > .sidebar-nav {
    display: none !important;
}

body.msar-shell.msar-classic.msar-fa-missing i[class*="fa-"],
body.auth-page.msar-fa-missing i[class*="fa-"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--system-font-family, var(--msar-arabic-font-stack, "Droid Arabic Kufi", "Droid Kufi", "DroidKufi-Regular", Tahoma, Arial, sans-serif)) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: currentColor !important;
}

body.msar-shell.msar-classic.msar-fa-missing i[class*="fa-"]::before,
body.auth-page.msar-fa-missing i[class*="fa-"]::before {
    content: attr(data-msar-fallback) !important;
    font-family: inherit !important;
    font-weight: inherit !important;
}

body.msar-shell.msar-classic.msar-fa-missing .module-tab .msar-module-icon i {
    font-size: 13px !important;
}

body.msar-shell.msar-classic.msar-fa-missing .module-sidebar-nav a .nav-icon i[class*="fa-"] {
    font-size: 11px !important;
}

/* HR dashboard composition guard: prevent shared card rules from collapsing operational panels. */
body.page-hr_dashboard.msar-shell.msar-classic .main-form .card,
body.page-hr_dashboard.msar-shell.msar-classic .analytics-card,
body.page-hr_dashboard.msar-shell.msar-classic .ops-card {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .main-form > .card {
    display: block !important;
    min-height: 0 !important;
    margin: 0 0 18px !important;
    padding: 18px !important;
    border-radius: 14px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .main-form .card > * {
    max-height: none !important;
    overflow: visible !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .analytics-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

body.page-hr_dashboard.msar-shell.msar-classic [class*="util-layout-flex-items-start-justify-between-wrap"],
body.page-hr_dashboard.msar-shell.msar-classic .section-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    overflow: visible !important;
}

body.page-hr_dashboard.msar-shell.msar-classic [class*="util-layout-flex-items-start-justify-between-wrap"] > div:first-child,
body.page-hr_dashboard.msar-shell.msar-classic .section-head > div:first-child {
    flex: 1 1 360px !important;
    min-width: 280px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .section-title,
body.page-hr_dashboard.msar-shell.msar-classic .section-head h2 {
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: #0f2744 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .section-subtitle,
body.page-hr_dashboard.msar-shell.msar-classic .section-head p {
    margin: 0 !important;
    color: #52657a !important;
    font-size: 12px !important;
    line-height: 1.75 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    flex: 0 1 auto !important;
    flex-wrap: wrap !important;
    width: auto !important;
    max-width: min(100%, 820px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .actions .btn,
body.page-hr_dashboard.msar-shell.msar-classic .actions button {
    width: auto !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    white-space: nowrap !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .ops-strip,
body.page-hr_dashboard.msar-shell.msar-classic .ops-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
    min-height: 0 !important;
    margin: 14px 0 0 !important;
    overflow: visible !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .ops-card,
body.page-hr_dashboard.msar-shell.msar-classic .analytics-card {
    display: grid !important;
    align-content: center !important;
    min-height: 86px !important;
    padding: 14px 16px !important;
    border: 1px solid #dbeafe !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(15, 45, 82, .07) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .ops-card strong,
body.page-hr_dashboard.msar-shell.msar-classic .analytics-value {
    display: block !important;
    margin: 0 0 5px !important;
    color: #061b37 !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .ops-card span,
body.page-hr_dashboard.msar-shell.msar-classic .ops-card .label,
body.page-hr_dashboard.msar-shell.msar-classic .analytics-label,
body.page-hr_dashboard.msar-shell.msar-classic .analytics-sub {
    display: block !important;
    color: #52657a !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .grid.grid-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(360px, 1fr)) !important;
    gap: 18px !important;
    align-items: start !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .table-wrap {
    max-height: none !important;
    overflow: auto !important;
}

@media (max-width: 1200px) {
    body.page-hr_dashboard.msar-shell.msar-classic .analytics-grid,
    body.page-hr_dashboard.msar-shell.msar-classic .ops-strip,
    body.page-hr_dashboard.msar-shell.msar-classic .ops-grid,
    body.page-hr_dashboard.msar-shell.msar-classic .grid.grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    body.page-hr_dashboard.msar-shell.msar-classic .analytics-grid,
    body.page-hr_dashboard.msar-shell.msar-classic .ops-strip,
    body.page-hr_dashboard.msar-shell.msar-classic .ops-grid,
    body.page-hr_dashboard.msar-shell.msar-classic .grid.grid-2 {
        grid-template-columns: 1fr !important;
    }

    body.page-hr_dashboard.msar-shell.msar-classic .actions {
        width: 100% !important;
    }
}

/* ---- admin/sidebar_settings.php ---- */
.ss-page-hero{background:var(--gradient-navy);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ss-page-hero-text h1{color:#fff;font-size:1.45rem;font-weight:800;margin:0 0 4px}
.ss-page-hero-text p{color:rgba(255,255,255,.72);font-size:.9rem;margin:0;max-width:600px;line-height:1.7}
.ss-hero-icon{width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ss-hero-icon i{color:#fff;font-size:22px}
.ss-hero-left{display:flex;align-items:center;gap:18px}
.ss-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;overflow:hidden;box-shadow:var(--shadow-sm)}
.ss-section-header{padding:20px 24px;border-bottom:1px solid var(--border);background:var(--gradient-soft)}
.ss-section-header h2{font-size:1rem;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:8px}
.ss-section-header p{font-size:.85rem;color:var(--muted);margin:5px 0 0;line-height:1.6}
.ss-section-body{padding:22px 24px}
.ss-modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.ss-module-order-card{background:var(--surface-muted);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;align-items:flex-start;gap:14px;transition:box-shadow .18s,border-color .18s}
.ss-module-order-card:hover{box-shadow:var(--shadow-sm);border-color:#b4c8ff}
.ss-mod-order-num input{width:58px;text-align:center;font-weight:700;font-size:1rem;padding:8px 4px}
.ss-mod-order-info{flex:1;min-width:0}
.ss-key-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-primary);font-weight:700;font-size:.78rem;font-family:ui-monospace,SFMono-Regular,monospace;border:1px solid var(--border);white-space:nowrap;margin-bottom:6px}
.ss-hint{font-size:.76rem;color:var(--muted);margin-top:3px}
.ss-mod-desc{font-size:.78rem;color:var(--muted);margin-top:6px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-tabbed-section{overflow:visible}
.ss-module-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 14px;margin-bottom:18px;border-bottom:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--brand-primary) var(--surface-muted)}
.ss-module-tab{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 14px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);font-weight:800;font-size:.84rem;white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.04);transition:background .16s,border-color .16s,color .16s,transform .16s}
.ss-module-tab:hover,.ss-module-tab:focus-visible{border-color:color-mix(in srgb,var(--brand-primary,#1988d8) 42%,var(--border));background:var(--surface-muted);outline:0}
.ss-module-tab.is-active{background:linear-gradient(135deg,var(--brand-navy,#0A192F),var(--brand-primary,#1988d8));border-color:transparent;color:#fff;box-shadow:0 14px 30px rgba(15,23,42,.16);transform:translateY(-1px)}
.ss-module-tab-icon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:10px;background:color-mix(in srgb,var(--brand-primary,#1988d8) 10%,#fff);color:var(--brand-primary,#1988d8);flex:0 0 auto}
.ss-module-tab.is-active .ss-module-tab-icon{background:rgba(255,255,255,.16);color:#fff}
.ss-module-tab-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--surface-muted);color:var(--muted);font-size:.72rem;font-weight:900}
.ss-module-tab.is-active .ss-module-tab-count{background:rgba(255,255,255,.18);color:#fff}
.ss-module-tab-text{max-width:170px;overflow:hidden;text-overflow:ellipsis}
.ss-module-tab-panel{display:none}
.ss-module-tab-panel.is-active{display:block}
.ss-module-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;margin-bottom:14px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 100%)}
.ss-module-settings-grid{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(260px,1.5fr) minmax(160px,.8fr);gap:14px;margin-bottom:18px}
.ss-module-settings-grid .field{margin:0}
.ss-module-code-box{min-height:40px;display:flex;align-items:center;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted);color:var(--brand-primary);font-weight:900;font-family:ui-monospace,SFMono-Regular,monospace}
.ss-module-accordion{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:14px;overflow:hidden;box-shadow:var(--shadow-sm)}
.ss-accordion-header{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;user-select:none;background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 100%);border-bottom:1px solid transparent;transition:background .15s}
.ss-accordion-header:hover{background:linear-gradient(135deg,#eef4ff 0%,#dbeafe 100%)}
.ss-accordion-header.is-open{border-bottom-color:var(--border)}
.ss-accordion-left{display:flex;align-items:center;gap:12px}
.ss-accordion-title{font-weight:700;color:var(--text);font-size:.98rem}
.ss-accordion-count{display:flex;align-items:center;gap:6px;margin-top:5px}
.ss-accordion-items-count{font-size:.8rem;color:var(--muted)}
.ss-accordion-toggle{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ss-accordion-toggle i{font-size:12px;color:var(--muted);transition:transform .22s}
.ss-accordion-header.is-open .ss-accordion-toggle i{transform:rotate(180deg)}
.ss-accordion-body{display:none}
.ss-accordion-body.is-open{display:block}
.ss-items-table{width:100%;border-collapse:collapse}
.ss-items-table thead th{padding:10px 14px;font-size:.8rem;font-weight:700;color:var(--muted);text-align:right;border-bottom:1px solid var(--border);background:var(--surface-muted);white-space:nowrap}
.ss-items-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s}
.ss-items-table tbody tr:last-child{border-bottom:0}
.ss-items-table tbody tr:hover{background:#fafbff}
.ss-items-table tbody tr.ss-row-hidden{opacity:.4}
.ss-items-table td{padding:11px 14px;vertical-align:middle}
.ss-item-name{font-weight:600;color:var(--text);font-size:.88rem}
.ss-item-path{font-size:.75rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;margin-top:2px}
.ss-num-input{width:68px!important;text-align:center!important;padding-right:8px!important;padding-left:8px!important;font-weight:600!important}
.ss-toggle{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}
.ss-toggle input{opacity:0;width:0;height:0;position:absolute}
.ss-toggle-slider{position:absolute;inset:0;border-radius:999px;background:#e2e8f0;transition:.2s;cursor:pointer}
.ss-toggle-slider::before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;right:3px;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.ss-toggle input:checked+.ss-toggle-slider{background:#ef4444}
.ss-toggle input:checked+.ss-toggle-slider::before{transform:translateX(-16px)}
.ss-sticky-bar{position:sticky;bottom:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);border-radius:var(--radius-md);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 -8px 32px rgba(15,23,42,.09);margin-top:8px}
.ss-sticky-note{font-size:.84rem;color:var(--muted);line-height:1.7;max-width:520px}
.ss-actions{display:flex;gap:10px;flex-shrink:0;align-items:center}
@media(max-width:840px){.ss-page-hero{flex-direction:column;align-items:flex-start}.ss-modules-grid,.ss-module-settings-grid{grid-template-columns:1fr}.ss-module-panel-head{flex-direction:column}.ss-sticky-bar{flex-direction:column;align-items:stretch}.ss-actions{flex-direction:column}}

/* ---- admin/admins.php ---- */
.adm-page-hero{background:var(--gradient-navy);border-radius:var(--radius-lg);padding:26px 30px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.adm-page-hero h1{color:#fff;font-size:1.4rem;font-weight:800;margin:0 0 4px}
.adm-page-hero p{color:rgba(255,255,255,.7);font-size:.88rem;margin:0;line-height:1.6}
.adm-hero-icon{width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.adm-hero-icon i{color:#fff;font-size:22px}
.adm-hero-left{display:flex;align-items:center;gap:16px}
.adm-page-hero-text{min-width:0}
.adm-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:18px;align-items:start;margin-bottom:18px}
.adm-form-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}
.adm-form-header{padding:20px 24px;border-bottom:1px solid var(--border);background:var(--gradient-soft)}
.adm-form-header h2{font-size:1.05rem;font-weight:700;color:var(--text);margin:0 0 4px}
.adm-form-header p{font-size:.84rem;color:var(--muted);margin:0;line-height:1.6}
.adm-form-section{padding:20px 24px;border-bottom:1px solid var(--border)}
.adm-form-section:last-of-type{border-bottom:0}
.admin-form-tabs{padding:16px 24px 0;margin:0;align-items:stretch;overflow-x:auto;scrollbar-width:thin}
.admin-form-tabs .ss-module-tab{white-space:nowrap}
.admin-form-panel{display:none}
.admin-form-panel.is-active{display:block}
.adm-section-label{display:flex;align-items:center;gap:7px;font-weight:700;color:var(--text);font-size:.9rem;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f0f4ff}
.adm-section-label i{color:var(--brand-primary)}
.adm-section-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding-bottom:10px;border-bottom:1px solid #f0f4ff}
.adm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.adm-inline-check{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:var(--text)}
.adm-form-actions{padding:16px 24px;background:var(--surface-muted);border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.adm-guide-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;position:sticky;top:16px}
.adm-guide-header{padding:18px 20px;border-bottom:1px solid var(--border);background:var(--gradient-soft)}
.adm-guide-header h2{font-size:1rem;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:6px}
.adm-guide-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}
.adm-guide-item{display:flex;align-items:flex-start;gap:12px}
.adm-guide-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.adm-guide-icon i{font-size:15px}
.adm-guide-icon--blue{background:#eff6ff;color:#2563eb}
.adm-guide-icon--teal{background:#f0fdfa;color:#0d9488}
.adm-guide-icon--gold{background:#fffbeb;color:#d97706}
.adm-guide-icon--purple{background:#faf5ff;color:#7c3aed}
.adm-guide-item strong{display:block;font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:3px}
.adm-guide-desc{font-size:.8rem;color:var(--muted);line-height:1.6}
.adm-guide-list{display:grid;gap:12px;padding:0 20px 20px}
.adm-guide-list>div{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#f8fbff}
.adm-guide-list strong{display:block;font-size:.88rem;color:var(--text);margin-bottom:4px}
.adm-guide-list span{display:block;line-height:1.7}
.adm-table-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:18px}
.adm-table-header{padding:18px 24px;border-bottom:1px solid var(--border);background:var(--gradient-soft);display:flex;align-items:center;justify-content:space-between}
.adm-table-header h2{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 3px}
.adm-table-header p{font-size:.82rem;color:var(--muted);margin:0}
.adm-role-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:700;font-size:.78rem;border:1px solid #dbeafe;white-space:nowrap}
.adm-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-weight:700;font-size:.78rem;white-space:nowrap}
.adm-status-active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.adm-status-inactive{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.adm-pw-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:.76rem;font-weight:600}
.adm-pw-change{background:#fef3c7;color:#92400e}
.adm-pw-ok{background:#f0fdf4;color:#166534}
.adm-account-name{display:block;color:var(--text);margin-bottom:6px;white-space:normal}
.adm-permission-summary{min-width:210px}
.adm-permission-summary summary{cursor:pointer;color:var(--brand-primary);font-weight:700;line-height:1.7}
.adm-permission-summary div{margin-top:6px;color:var(--muted);line-height:1.8}
.adm-table-card th:last-child,
.adm-table-card td:last-child{width:116px;min-width:116px}
.adm-table-card .actions{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap;white-space:nowrap}
.adm-table-card .actions form{display:inline-flex;margin:0}
.adm-table-card .actions .btn{width:42px;min-width:42px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:1100px){.adm-layout{grid-template-columns:1fr}.adm-guide-card{position:static}}
@media(max-width:700px){.adm-page-hero{flex-direction:column;align-items:flex-start}.adm-grid-2{grid-template-columns:1fr}.admin-form-tabs{padding-inline:16px}.adm-form-section,.adm-form-header,.adm-form-actions{padding-inline:16px}.adm-table-header{padding-inline:16px}}

/* Shell final normalization: one sidebar icon, one label, one CSS caret. */
body.msar-shell.msar-classic .module-sidebar-group-title::before,
body.msar-shell.msar-classic .module-sidebar-group-title::after,
body.msar-shell.msar-classic .side-info .sidebar-nav a::before,
body.msar-shell.msar-classic .side-info .sidebar-nav a::after {
    content: none !important;
    display: none !important;
}

body.msar-shell.msar-classic .side-info {
    background: var(--brand-navy, #0A192F) !important;
}

body.msar-shell.msar-classic .module-sidebar-groups {
    display: grid !important;
    gap: 4px !important;
}

body.msar-shell.msar-classic .module-sidebar-group {
    border: 0 !important;
    background: transparent !important;
}

body.msar-shell.msar-classic .module-sidebar-group-title {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) 24px !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(125, 184, 240, .10) !important;
    border-right: 3px solid transparent !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, color-mix(in srgb, var(--brand-blue, #1988d8) 18%, var(--brand-navy-soft, #0b2d5c)) 0%, var(--brand-navy-soft, #0b2d5c) 100%) !important;
    color: #fff !important;
    direction: rtl !important;
    box-shadow: none !important;
    transform: none !important;
}

body.msar-shell.msar-classic .module-sidebar-group-title .msar-section-icon,
body.msar-shell.msar-classic .module-sidebar-group-title .msar-section-chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    color: var(--brand-cyan, #42d9f4) !important;
    transform: none !important;
}

body.msar-shell.msar-classic .module-sidebar-group-title .msar-section-icon {
    grid-column: 1 !important;
}

body.msar-shell.msar-classic .module-sidebar-group-title .msar-section-text {
    grid-column: 2 !important;
    min-width: 0 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.msar-shell.msar-classic .module-sidebar-group-title .msar-section-chevron {
    grid-column: 3 !important;
    color: var(--brand-cyan, #42d9f4) !important;
}

body.msar-shell.msar-classic .module-sidebar-group-title .msar-section-chevron i {
    display: none !important;
}

body.msar-shell.msar-classic .module-sidebar-group-title .msar-section-chevron::before {
    content: "" !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    border: solid currentColor !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
    transition: transform .22s ease-in-out !important;
}

body.msar-shell.msar-classic .module-sidebar-group.is-open > .module-sidebar-group-title,
body.msar-shell.msar-classic .module-sidebar-group.has-active > .module-sidebar-group-title,
body.msar-shell.msar-classic .module-sidebar-group-title:hover {
    border-right-color: var(--brand-gold, #C5A059) !important;
    background: linear-gradient(180deg, var(--brand-blue, #1988d8) 0%, var(--brand-navy-soft, #0b2d5c) 100%) !important;
}

body.msar-shell.msar-classic .module-sidebar-group:not(.msar-collapsed) > .module-sidebar-group-title .msar-section-chevron::before,
body.msar-shell.msar-classic .module-sidebar-group.is-open > .module-sidebar-group-title .msar-section-chevron::before {
    transform: rotate(225deg) !important;
}

body.msar-shell.msar-classic .module-sidebar-nav {
    display: grid !important;
    gap: 2px !important;
    margin: 4px 0 6px !important;
    padding: 0 8px !important;
    background: transparent !important;
    overflow: hidden !important;
}

body.msar-shell.msar-classic .module-sidebar-group.msar-collapsed .module-sidebar-nav,
body.msar-shell.msar-classic .module-sidebar-group.is-collapsed .module-sidebar-nav {
    display: none !important;
}

body.msar-shell.msar-classic .side-info .sidebar-nav a {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-right: 3px solid transparent !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: rgba(255,255,255,.88) !important;
    direction: rtl !important;
    overflow: hidden !important;
}

body.msar-shell.msar-classic .side-info .sidebar-nav a .nav-icon {
    grid-column: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    color: var(--brand-cyan, #42d9f4) !important;
}

body.msar-shell.msar-classic .side-info .sidebar-nav a .nav-text {
    grid-column: 2 !important;
    min-width: 0 !important;
    color: inherit !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.msar-shell.msar-classic .side-info .sidebar-nav a.active {
    border-right-color: var(--brand-blue, #1988d8) !important;
    background: linear-gradient(180deg, color-mix(in srgb, var(--brand-blue, #1988d8) 32%, transparent), var(--brand-navy-soft, #0b2d5c)) !important;
    color: #fff !important;
}

body.msar-shell.msar-classic.admin-sidebar-collapsed .module-sidebar-group-title {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    pointer-events: auto !important;
}

body.msar-shell.msar-classic.admin-sidebar-collapsed .module-sidebar-group-title .msar-section-text,
body.msar-shell.msar-classic.admin-sidebar-collapsed .module-sidebar-group-title .msar-section-chevron,
body.msar-shell.msar-classic.admin-sidebar-collapsed .module-sidebar-nav {
    display: none !important;
}

body.msar-shell.msar-classic.admin-sidebar-collapsed .side-info .sidebar-nav a {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
}

body.msar-shell.msar-classic.admin-sidebar-collapsed .side-info .sidebar-nav a .nav-text {
    display: none !important;
}

/* HR dashboard hard reset after shell scripts decorate cards. */
body.page-hr_dashboard.msar-shell.msar-classic .main-form > .card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    align-content: start !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 120px !important;
    height: auto !important;
    max-height: none !important;
    padding: 18px !important;
    overflow: visible !important;
    contain: none !important;
    clip-path: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .main-form > .card > *,
body.page-hr_dashboard.msar-shell.msar-classic .main-form > .grid > .card > * {
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    max-height: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .main-form > .card .ops-strip,
body.page-hr_dashboard.msar-shell.msar-classic .main-form > .card .ops-grid {
    width: 100% !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .main-form > .card .section-headline,
body.page-hr_dashboard.msar-shell.msar-classic .main-form > .card [class*="util-layout-flex-items-start-justify-between-wrap"],
body.page-hr_dashboard.msar-shell.msar-classic .main-form > .card .section-head {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
}

/* Final shell guard: prevent viewport-width overflow and honor the selected system font. */
html,
body.msar-shell.msar-classic,
body.auth-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

body.msar-shell.msar-classic .dashboard,
body.auth-page .dashboard {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
}

body.msar-shell.msar-classic .main-form {
    min-width: 0 !important;
    max-width: 100% !important;
}

body.msar-shell.msar-classic.msar-blue-theme {
    --msar-shell-primary: #14548d !important;
    --msar-shell-primary-soft: #eef6ff !important;
    --msar-shell-active-indicator: var(--brand-blue, #1988d8) !important;
    --msar-primary: var(--brand-blue, #1988d8) !important;
    --msar-primary-light: var(--bg-muted, #eef5ff) !important;
    --msar-table-head-bg: #f3f8ff !important;
    --msar-table-row-hover: #eef6ff !important;
    --ui-primary: #14548d !important;
    --brand-gold: #14548d !important;
}

body.msar-shell.msar-classic,
body.auth-page,
body.msar-shell.msar-classic :where(:not(i[class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands)),
body.auth-page :where(:not(i[class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands)) {
    font-family: var(--system-font-family, var(--msar-arabic-font-stack, "Droid Arabic Kufi", "Droid Kufi", "DroidKufi-Regular", Tahoma, Arial, sans-serif)) !important;
}

body.msar-shell.msar-classic i[class*="fa-"],
body.msar-shell.msar-classic .fa,
body.msar-shell.msar-classic .fas,
body.msar-shell.msar-classic .fa-solid,
body.auth-page i[class*="fa-"],
body.auth-page .fa,
body.auth-page .fas,
body.auth-page .fa-solid {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    transform: none !important;
    rotate: 0deg !important;
}

body.msar-shell.msar-classic .far,
body.msar-shell.msar-classic .fa-regular,
body.auth-page .far,
body.auth-page .fa-regular {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

body.msar-shell.msar-classic .fab,
body.msar-shell.msar-classic .fa-brands,
body.auth-page .fab,
body.auth-page .fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}
/* Sidebar toggle cleanup: keep the control in the sidebar, not floating over page content. */
body.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle {
    display: none !important;
}

body.msar-shell.msar-classic .module-page-title {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.msar-shell.msar-classic .side-info > .admin-sidebar-toggle {
    display: flex !important;
    flex: 0 0 46px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    background: #14548d !important;
    color: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 0 !important;
}
/* HR dashboard topbar toggle must win over legacy generic toggle cleanup. */
body.page-hr_dashboard.msar-shell.msar-classic .main-form {
    padding: 0 0 40px !important;
    background: #f3f7fb !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .main-topbar {
    grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) 56px !important;
    grid-template-areas: "user modules title" !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .module-page-title {
    grid-area: title !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    min-height: 74px !important;
    overflow: visible !important;
    background: #14548d !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .module-page-title img,
body.page-hr_dashboard.msar-shell.msar-classic .module-page-title > div {
    display: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .module-page-title .admin-sidebar-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .side-info > .admin-sidebar-toggle {
    display: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .side-info > .msar-sidebar-scroll {
    height: 100vh !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container {
    display: grid !important;
    gap: 18px !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 24px 28px 36px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header,
body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card {
    background: #fff !important;
    border: 1px solid #dbe7f3 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 22px 24px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card {
    display: grid !important;
    gap: 16px !important;
    padding: 18px !important;
}

/* Final HR dashboard system-style override. Keep this after legacy HR dashboard patches. */
body.page-hr_dashboard.msar-shell.msar-classic .main-form {
    background: var(--bg, #f3f6fa) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container {
    display: grid !important;
    gap: 18px !important;
    width: min(100%, 1280px) !important;
    margin: 0 auto !important;
    padding: 18px 18px 40px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header,
body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card,
body.page-hr_dashboard.msar-shell.msar-classic .chart-card {
    background: var(--surface, #fff) !important;
    border: 1px solid var(--border) !important;
    border-radius: 18px !important;
    box-shadow: var(--shadow-sm) !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 430px) !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 22px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .header-content h1 {
    margin: 0 0 6px !important;
    color: var(--brand-navy) !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .header-content p,
body.page-hr_dashboard.msar-shell.msar-classic .card-title-section p {
    margin: 0 !important;
    color: var(--text-muted) !important;
    font-size: .9rem !important;
    line-height: 1.8 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card,
body.page-hr_dashboard.msar-shell.msar-classic .chart-card {
    padding: 22px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin: 0 0 14px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-title-section {
    flex: 1 1 320px !important;
    min-width: 240px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-title-section h2 {
    margin: 0 0 6px !important;
    color: var(--brand-navy) !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stats-overview,
body.page-hr_dashboard.msar-shell.msar-classic .card-metrics {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stat-item,
body.page-hr_dashboard.msar-shell.msar-classic .metric-item {
    display: grid !important;
    align-content: center !important;
    gap: 6px !important;
    min-height: 86px !important;
    padding: 14px !important;
    background: var(--bg-light) !important;
    border: 1px solid var(--border) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stat-number,
body.page-hr_dashboard.msar-shell.msar-classic .metric-value {
    display: block !important;
    color: var(--brand-navy) !important;
    font-size: 1.55rem !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .stat-label,
body.page-hr_dashboard.msar-shell.msar-classic .metric-label {
    display: block !important;
    color: var(--text-muted) !important;
    font-size: .84rem !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .analytics-grid,
body.page-hr_dashboard.msar-shell.msar-classic .chart-stack {
    margin: 0 !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-table {
    overflow: auto !important;
    width: 100% !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .card-table table {
    width: 100% !important;
    border-collapse: collapse !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .sprint-status {
    display: grid !important;
    gap: 12px !important;
}

body.page-hr_dashboard.msar-shell.msar-classic .sprint-item {
    background: var(--bg-light) !important;
    border: 1px solid var(--border) !important;
    border-radius: 16px !important;
    padding: 14px !important;
}

@media (max-width: 1100px) {
    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header,
    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-container {
        padding-inline: 10px !important;
    }

    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-card,
    body.page-hr_dashboard.msar-shell.msar-classic .dashboard-header,
    body.page-hr_dashboard.msar-shell.msar-classic .chart-card {
        padding: 16px !important;
    }

    body.page-hr_dashboard.msar-shell.msar-classic .card-actions,
    body.page-hr_dashboard.msar-shell.msar-classic .card-actions .btn {
        width: 100% !important;
    }
}