/*
 * Stalitrex MedForce v68.5.88
 * Native Enterprise UI foundation
 *
 * This file is loaded before workspace JavaScript. It styles the markup emitted
 * by each workspace directly. There is no DOM scanner, MutationObserver,
 * ResizeObserver, table wrapper injection, overlap detector or post-render pass.
 */

:root{
  --mf-native-canvas:#f4f8fc;
  --mf-native-surface:#ffffff;
  --mf-native-surface-soft:#f8fbfe;
  --mf-native-ink:#0b2447;
  --mf-native-text:#243b53;
  --mf-native-muted:#627d98;
  --mf-native-border:#d8e4ef;
  --mf-native-border-strong:#bdd0df;
  --mf-native-teal:#0697a5;
  --mf-native-teal-dark:#047985;
  --mf-native-blue:#0878d1;
  --mf-native-danger:#b42318;
  --mf-native-warning:#b54708;
  --mf-native-success:#067647;
  --mf-native-radius:18px;
  --mf-native-radius-small:11px;
  --mf-native-shadow:0 10px 28px rgba(15,43,70,.075);
  --mf-native-control-height:42px;
  --mf-native-page-width:1680px;
  --mf-native-gap:18px;
  --mf-native-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html.mf-native-ui,
html.mf-native-ui body{
  min-height:100%;
  background:var(--mf-native-canvas);
  color:var(--mf-native-text);
  font-family:var(--mf-native-font);
}

html.mf-native-ui *,
html.mf-native-ui *::before,
html.mf-native-ui *::after{box-sizing:border-box}

html.mf-native-ui body{margin:0}
html.mf-native-ui #root{min-width:0}

html.mf-native-ui :where(h1,h2,h3,h4,p){overflow-wrap:anywhere}
html.mf-native-ui :where(h1,h2,h3,h4){color:var(--mf-native-ink);margin-top:0}
html.mf-native-ui :where(p){color:var(--mf-native-muted)}
html.mf-native-ui :where(a){color:var(--mf-native-blue)}

/* Native component contract for new and migrated workspaces. */
.mf-native-page,
html.mf-native-ui :where(.eds-workspace,.mfti-shell,.mfnb-shell,.mfsp-shell,.mf-page,.enterprise-workspace,.workspace-shell,.centre-shell,.center-shell){
  width:min(100%,var(--mf-native-page-width));
  margin-inline:auto;
  padding:clamp(18px,2vw,32px);
  min-width:0;
}

.mf-native-page-header,
html.mf-native-ui :where(.eds-workspace-header,.mfti-header,.mfnb-header,.mfsp-header,.mf-page-header,.workspace-header,.centre-header,.center-header){
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  margin:0 0 22px;
  min-width:0;
}

.mf-native-page-heading,
html.mf-native-ui :where(.eds-workspace-header>div:first-child,.mfti-header>div:first-child,.mfnb-header>div:first-child,.mfsp-header>div:first-child){
  min-width:min(100%,320px);
  flex:1 1 520px;
}

.mf-native-page-header h1,
html.mf-native-ui :where(.eds-workspace-header,.mfti-header,.mfnb-header,.mfsp-header,.mf-page-header,.workspace-header,.centre-header,.center-header) h1{
  margin:4px 0 7px;
  font-size:clamp(1.55rem,2.2vw,2.35rem);
  line-height:1.12;
  letter-spacing:-.025em;
}

.mf-native-page-header p,
html.mf-native-ui :where(.eds-workspace-header,.mfti-header,.mfnb-header,.mfsp-header,.mf-page-header,.workspace-header,.centre-header,.center-header) p{
  max-width:860px;
  margin:0;
  line-height:1.55;
}

.mf-native-kicker,
html.mf-native-ui :where(.eds-kicker,.mfti-kicker,.mfnb-kicker,.mfsp-kicker,[class$="-kicker"]){
  display:block;
  color:var(--mf-native-teal-dark);
  font-size:.73rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.mf-native-actions,
html.mf-native-ui :where(.eds-actions,.mfti-header-actions,.mfti-inline-actions,.mfnb-title-actions,.mfnb-row-actions,.mfnb-form-actions,.mfsp-actions,[class$="-actions"],[class*="toolbar-actions"],[class*="form-actions"]){
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  min-width:0;
}

.mf-native-button,
html.mf-native-ui :where(button,.button,.btn,[class*="-btn"]):not(.mf-nav-item):not([role="tab"]){
  min-height:var(--mf-native-control-height);
  max-width:100%;
  border:1px solid var(--mf-native-border-strong);
  border-radius:10px;
  padding:9px 15px;
  background:var(--mf-native-surface);
  color:var(--mf-native-ink);
  font:inherit;
  font-weight:700;
  line-height:1.15;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
}

html.mf-native-ui :where(button,.button,.btn,[class*="-btn"]):not(.mf-nav-item):not([role="tab"]):hover{border-color:#9eb8cd;background:#f5f9fc}
html.mf-native-ui :where(button,.button,.btn,[class*="-btn"]):not(.mf-nav-item):not([role="tab"]):active{transform:translateY(1px)}
html.mf-native-ui :where(button,.button,.btn,[class*="-btn"]):disabled{cursor:not-allowed;opacity:.55;transform:none}

.mf-native-button--primary,
html.mf-native-ui :where(.primary,.btn-primary,[data-tone="primary"]):not(.mf-nav-item){
  border-color:var(--mf-native-teal);
  background:var(--mf-native-teal);
  color:#fff;
}
html.mf-native-ui :where(.primary,.btn-primary,[data-tone="primary"]):not(.mf-nav-item):hover{border-color:var(--mf-native-teal-dark);background:var(--mf-native-teal-dark);color:#fff}

.mf-native-button--danger,
html.mf-native-ui :where(.danger,.btn-danger,[data-tone="danger"]):not(.mf-nav-item){border-color:#f3b6b2;background:#fff5f4;color:var(--mf-native-danger)}

.mf-native-card,
html.mf-native-ui :where(.eds-card,.eds-panel,.mfti-card,.mfnb-list-card,.mfnb-guidance,.mfsp-panel,.mf-card,.panel,.card,[class$="-card"],[class$="-panel"]):not(.mf-home-executive-hero):not(.mf-home-kpi):not(.mf-home-chart-card){
  min-width:0;
  border:1px solid var(--mf-native-border);
  border-radius:var(--mf-native-radius);
  background:var(--mf-native-surface);
  box-shadow:var(--mf-native-shadow);
}

.mf-native-card{overflow:hidden}
.mf-native-card-body{padding:20px}

.mf-native-card-header,
html.mf-native-ui :where(.mfti-card-head,.mfnb-card-head,.mfsp-panel-head,.card-header,.panel-header,[class$="-card-head"],[class$="-panel-head"]){
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  min-width:0;
  padding:18px 20px;
  border-bottom:1px solid var(--mf-native-border);
}

.mf-native-card-header h2,
html.mf-native-ui :where(.mfti-card-head,.mfnb-card-head,.mfsp-panel-head,.card-header,.panel-header,[class$="-card-head"],[class$="-panel-head"]) h2{
  margin:2px 0 5px;
  font-size:1.1rem;
}

.mf-native-card-header p,
html.mf-native-ui :where(.mfti-card-head,.mfnb-card-head,.mfsp-panel-head,.card-header,.panel-header,[class$="-card-head"],[class$="-panel-head"]) p{margin:0}

.mf-native-grid,
html.mf-native-ui :where(.eds-grid,.mfti-grid,.mfnb-grid,.mfsp-grid,[class$="-grid"]):not(.mf-home-exec-grid):not(.mf-home-chart-grid):not(.mf-home-kpi-grid){
  min-width:0;
  gap:var(--mf-native-gap);
}

.mf-native-kpi-grid,
html.mf-native-ui :where(.mfti-kpis,.mfnb-kpis,.mfsp-kpis,.mf-kpi-grid,[class*="kpi-grid"],[class*="metric-grid"],[class*="stats-grid"]):not(.mf-home-kpi-grid){
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));
  gap:14px;
  margin-bottom:18px;
  min-width:0;
}

.mf-native-kpi,
html.mf-native-ui :where(.mfti-kpi,.mfnb-kpi,.mfsp-kpi,.mf-kpi,[class$="-kpi"]):not(.mf-home-kpi){
  min-width:0;
  min-height:126px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:8px;
  padding:18px;
  border:1px solid var(--mf-native-border);
  border-radius:15px;
  background:linear-gradient(180deg,#fff 0%,#f8fbfe 100%);
  box-shadow:0 7px 20px rgba(15,43,70,.055);
}

.mf-native-kpi span,
html.mf-native-ui :where(.mfti-kpi,.mfnb-kpi,.mfsp-kpi,.mf-kpi,[class$="-kpi"]):not(.mf-home-kpi) :where(small,span:first-child){color:var(--mf-native-muted);font-size:.79rem;font-weight:750;text-transform:uppercase;letter-spacing:.045em}
.mf-native-kpi strong,
html.mf-native-ui :where(.mfti-kpi,.mfnb-kpi,.mfsp-kpi,.mf-kpi,[class$="-kpi"]):not(.mf-home-kpi) strong{color:var(--mf-native-ink);font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1}

.mf-native-tabs,
html.mf-native-ui :where(.mfti-tabs,.mfnb-tabs,.mfsp-tabs,.eds-tabs,.tabs,[role="tablist"]){
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  min-width:0;
  margin:0 0 18px;
  padding:6px;
  border:1px solid var(--mf-native-border);
  border-radius:14px;
  background:var(--mf-native-surface);
  box-shadow:0 6px 18px rgba(15,43,70,.04);
}

html.mf-native-ui :where(.mfti-tabs,.mfnb-tabs,.mfsp-tabs,.eds-tabs,.tabs,[role="tablist"]) > :where(button,a,[role="tab"]){
  min-height:38px;
  border:0;
  border-radius:9px;
  padding:8px 12px;
  background:transparent;
  color:var(--mf-native-muted);
  font:inherit;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
}

html.mf-native-ui :where(.mfti-tabs,.mfnb-tabs,.mfsp-tabs,.eds-tabs,.tabs,[role="tablist"]) > :where(.active,[aria-selected="true"]){background:#eaf7f8;color:var(--mf-native-teal-dark)}

.mf-native-form-grid,
html.mf-native-ui :where(.mfti-form-grid,.mfnb-form-grid,.mfsp-form-grid,.form-grid,[class*="form-grid"]){
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:15px;
  min-width:0;
}

.mf-native-field,
html.mf-native-ui :where(.mf-field,.mfti-field,.mfnb-field,.mfsp-field,.form-field,[class$="-field"]){display:flex;flex-direction:column;gap:7px;min-width:0;color:var(--mf-native-ink);font-weight:700}
html.mf-native-ui :where(.mf-field,.mfti-field,.mfnb-field,.mfsp-field,.form-field,[class$="-field"]) > small{color:var(--mf-native-muted);font-weight:500}

html.mf-native-ui :where(input,select,textarea){
  width:100%;
  min-width:0;
  min-height:var(--mf-native-control-height);
  border:1px solid var(--mf-native-border-strong);
  border-radius:10px;
  background:#fff;
  color:var(--mf-native-text);
  padding:9px 11px;
  font:inherit;
}
html.mf-native-ui textarea{min-height:108px;resize:vertical}
html.mf-native-ui :where(input,select,textarea,button,a):focus-visible{outline:3px solid rgba(8,120,209,.22);outline-offset:2px}

.mf-native-table-wrap,
html.mf-native-ui :where(.mfti-table-wrap,.mfnb-table-wrap,.mfsp-table-wrap,.table-wrap,[class*="table-wrap"]){
  width:100%;
  min-width:0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  border:1px solid var(--mf-native-border);
  border-radius:13px;
  background:#fff;
}

html.mf-native-ui :where(.mfti-table-wrap,.mfnb-table-wrap,.mfsp-table-wrap,.table-wrap,[class*="table-wrap"]) table{width:100%;border-collapse:collapse}
html.mf-native-ui :where(table):not(.roster-calendar):not(.coverage-matrix):not(.demand-matrix){color:var(--mf-native-text)}
html.mf-native-ui :where(table):not(.roster-calendar):not(.coverage-matrix):not(.demand-matrix) :where(th,td){padding:12px 14px;border-bottom:1px solid #e6eef5;text-align:left;vertical-align:top;overflow-wrap:anywhere}
html.mf-native-ui :where(table):not(.roster-calendar):not(.coverage-matrix):not(.demand-matrix) th{background:#f5f9fc;color:var(--mf-native-ink);font-size:.78rem;letter-spacing:.035em;text-transform:uppercase}
html.mf-native-ui :where(table):not(.roster-calendar):not(.coverage-matrix):not(.demand-matrix) tbody tr:hover{background:#f8fbfe}

.mf-native-alert,
html.mf-native-ui :where(.mfti-setup-banner,.alert,.notice,.warning,[class$="-alert"],[class$="-banner"]):not(.mf-home-alerts){
  min-width:0;
  border:1px solid #f2d391;
  border-radius:14px;
  background:#fff9e8;
  color:#7a4e00;
  padding:15px 17px;
}

.mf-native-empty,
html.mf-native-ui :where(.mfti-empty,.mfnb-empty,.mfsp-empty,.empty-state,[class$="-empty"]){
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:150px;
  padding:24px;
  border:1px dashed var(--mf-native-border-strong);
  border-radius:14px;
  background:var(--mf-native-surface-soft);
  color:var(--mf-native-muted);
  text-align:center;
}

html.mf-native-ui :where(.badge,.pill,.chip,.mfti-badge,.mfnb-badge,.mfsp-badge,[class$="-badge"]){display:inline-flex;align-items:center;max-width:100%;border-radius:999px;padding:4px 9px;background:#eaf2f8;color:#36566f;font-size:.75rem;font-weight:800;line-height:1.2}

/* Native source aliases for the current Talent Centre. */
.mfti-shell{width:min(100%,var(--mf-native-page-width));margin-inline:auto;padding:clamp(18px,2vw,32px);min-width:0}
.mfti-card{overflow:hidden}
.mfti-card>:not(.mfti-card-head){min-width:0}
.mfti-card>.mfti-rec-list,.mfti-card>.mfti-table-wrap,.mfti-card>.mfti-grid,.mfti-card>form{margin:18px}
.mfti-rec-list{display:grid;gap:12px}
.mfti-rec{min-width:0;border:1px solid var(--mf-native-border);border-radius:13px;background:#fff;padding:15px}
.mfti-rec-main,.mfti-rec-actions,.mfti-rec-meta,.mfti-rec-tags{min-width:0}

/* Route-specific native layout contracts. These are declarative and active at first paint. */
html.mf-native-ui[data-mf-route-profile="people"] :where(.people-centre,.people-workspace,[class*="people-"] .workspace){min-width:0}
html.mf-native-ui[data-mf-route-profile="recruitment"] :where(.recruitment-centre,.recruitment-workspace,[class*="recruitment-"]){min-width:0}
html.mf-native-ui[data-mf-route-profile="performance-management"] :where([id*="performance"],[class*="performance-"]){min-width:0}
html.mf-native-ui[data-mf-route-profile="employee-services"] :where([id*="employee-services"],[class*="employee-services-"]){min-width:0}
html.mf-native-ui[data-mf-route-profile="hospital-setup"] :where([id*="hospital-setup"],[class*="hospital-setup-"]){min-width:0}
html.mf-native-ui[data-mf-route-profile="organisation"] :where([id*="organisation"],[class*="organisation-"]){min-width:0}

/* Complex operational workspaces retain their domain geometry. */
html.mf-native-ui[data-mf-route-profile="graphical-roster"] :where(table,[class*="calendar"],[class*="timeline"],[class*="matrix"]),
html.mf-native-ui[data-mf-route-profile="demand-planning"] :where(table,[class*="calendar"],[class*="timeline"],[class*="matrix"]),
html.mf-native-ui[data-mf-route-profile="coverage-operations"] :where(table,[class*="calendar"],[class*="timeline"],[class*="matrix"]),
html.mf-native-ui[data-mf-route-profile="auto-roster"] :where(table,[class*="calendar"],[class*="timeline"],[class*="matrix"]),
html.mf-native-ui[data-mf-route-profile="digital-twin"] :where(table,[class*="calendar"],[class*="timeline"],[class*="matrix"]){max-width:none}

/* Purpose-built non-manager surfaces remain isolated. */
html.mf-native-ui[data-mf-route-profile="login"],
html.mf-native-ui[data-mf-route-profile="employee-portal"],
html.mf-native-ui[data-mf-route-profile="public-documentation"],
html.mf-native-ui[data-mf-route-profile="marketplace-activation"]{background:initial}

@media (max-width:900px){
  .mf-native-page,
  html.mf-native-ui :where(.eds-workspace,.mfti-shell,.mfnb-shell,.mfsp-shell,.mf-page,.enterprise-workspace,.workspace-shell,.centre-shell,.center-shell){padding:18px}
  .mf-native-page-header,
  html.mf-native-ui :where(.eds-workspace-header,.mfti-header,.mfnb-header,.mfsp-header,.mf-page-header,.workspace-header,.centre-header,.center-header){align-items:stretch}
  .mf-native-actions,
  html.mf-native-ui :where(.eds-actions,.mfti-header-actions,.mfti-inline-actions,.mfnb-title-actions,.mfnb-row-actions,.mfnb-form-actions,.mfsp-actions,[class$="-actions"],[class*="toolbar-actions"],[class*="form-actions"]){justify-content:flex-start}
}

@media (max-width:620px){
  :root{--mf-native-radius:14px;--mf-native-gap:13px}
  .mf-native-page,
  html.mf-native-ui :where(.eds-workspace,.mfti-shell,.mfnb-shell,.mfsp-shell,.mf-page,.enterprise-workspace,.workspace-shell,.centre-shell,.center-shell){padding:13px}
  .mf-native-page-header,
  html.mf-native-ui :where(.eds-workspace-header,.mfti-header,.mfnb-header,.mfsp-header,.mf-page-header,.workspace-header,.centre-header,.center-header){gap:13px;margin-bottom:16px}
  .mf-native-actions,
  html.mf-native-ui :where(.eds-actions,.mfti-header-actions,.mfti-inline-actions,.mfnb-title-actions,.mfnb-row-actions,.mfnb-form-actions,.mfsp-actions,[class$="-actions"],[class*="toolbar-actions"],[class*="form-actions"]){width:100%}
  .mf-native-actions > *,
  html.mf-native-ui :where(.eds-actions,.mfti-header-actions,.mfti-inline-actions,.mfnb-title-actions,.mfnb-row-actions,.mfnb-form-actions,.mfsp-actions,[class$="-actions"],[class*="toolbar-actions"],[class*="form-actions"]) > *{flex:1 1 100%}
  .mf-native-tabs,
  html.mf-native-ui :where(.mfti-tabs,.mfnb-tabs,.mfsp-tabs,.eds-tabs,.tabs,[role="tablist"]){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
  html.mf-native-ui :where(.mfti-tabs,.mfnb-tabs,.mfsp-tabs,.eds-tabs,.tabs,[role="tablist"]) > :where(button,a,[role="tab"]){flex:0 0 auto;white-space:nowrap}
}