/*
 * RecruMax Mockup UI v2 — full application fidelity layer
 * 2026-10-06
 *
 * Purpose:
 * - preserve the existing functional/navigation model and the grouped sidebar;
 * - make every authenticated module use the same visual system as the approved
 *   RecruMax mockups (navy shell, bright blue actions, compact white cards,
 *   clean tables, pipeline/planning surfaces and consistent status chips);
 * - keep all routes, forms, permissions and business logic unchanged.
 */

body.recrumax-mockup-theme{
  --rm2-navy:#0a1c34;
  --rm2-navy-deep:#07172a;
  --rm2-blue:#1473f4;
  --rm2-blue-strong:#0f67e9;
  --rm2-blue-soft:#eaf3ff;
  --rm2-orange:#ff7a1a;
  --rm2-orange-soft:#fff1e7;
  --rm2-green:#16a25a;
  --rm2-green-soft:#eaf9f0;
  --rm2-red:#de4c43;
  --rm2-red-soft:#fff0ee;
  --rm2-yellow:#d98b13;
  --rm2-yellow-soft:#fff7df;
  --rm2-purple:#745dd8;
  --rm2-purple-soft:#f1edff;
  --rm2-text:#0f2441;
  --rm2-muted:#718198;
  --rm2-line:#e5ebf3;
  --rm2-page:#f5f8fc;
  --rm2-panel:#ffffff;
  --rm2-shadow:0 4px 16px rgba(20,48,84,.055);
  --rm2-shadow-hover:0 9px 26px rgba(20,48,84,.09);
  --rm2-radius:13px;
  --rm2-control-radius:8px;
  --rm2-sidebar:228px;
  background:var(--rm2-page)!important;
  color:var(--rm2-text);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:13px;
}
body.recrumax-mockup-theme .app{background:var(--rm2-page);align-items:stretch}
body.recrumax-mockup-theme .main{background:var(--rm2-page);min-width:0;min-height:100vh}
body.recrumax-mockup-theme *{box-sizing:border-box}

/* ------------------------------------------------------------------
   SIDEBAR — keep the original grouped/collapsible navigation.
   The structure stays intact; only spacing and polish are improved.
   ------------------------------------------------------------------ */
body.recrumax-mockup-theme .sidebar{
  width:var(--rm2-sidebar)!important;
  flex:0 0 var(--rm2-sidebar)!important;
  height:100vh;
  min-height:100vh;
  position:sticky;
  top:0;
  align-self:flex-start;
  padding:18px 12px 16px!important;
  gap:12px!important;
  overflow:auto;
  background:linear-gradient(180deg,var(--rm2-navy) 0%,#0a203a 58%,var(--rm2-navy-deep) 100%)!important;
  border-right:1px solid rgba(255,255,255,.055)!important;
  box-shadow:10px 0 30px rgba(7,23,42,.08)!important;
}
body.recrumax-mockup-theme .sidebar-mobile-head{border-color:rgba(255,255,255,.08)}
body.recrumax-mockup-theme .sidebar-brand{
  padding:2px 6px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
body.recrumax-mockup-theme .sidebar-brand small{display:none!important}
body.recrumax-mockup-theme .sidebar-brand p{display:none!important}
body.recrumax-mockup-theme .sidebar-brand-logo-wrap{
  width:34px!important;height:34px!important;float:left;margin:0 9px 0 0!important;
  border-radius:8px!important;overflow:hidden;background:#fff!important;
  box-shadow:0 3px 12px rgba(0,0,0,.16)!important;
}
body.recrumax-mockup-theme .sidebar-brand-logo{width:34px!important;height:34px!important;max-height:none!important;object-fit:cover!important}
body.recrumax-mockup-theme .sidebar-brand h1{
  min-height:34px!important;margin:0!important;display:flex!important;align-items:center!important;
  color:#fff!important;font-size:16px!important;line-height:1.05!important;font-weight:800!important;
  letter-spacing:-.2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.recrumax-mockup-theme .sidebar-brand h1::after{
  content:"";width:24px;height:3px;display:block;margin-left:7px;border-radius:999px;background:var(--rm2-orange)
}
body.recrumax-mockup-theme .sidebar-brand .install-app-btn{
  clear:both;width:100%;margin-top:11px!important;min-height:34px!important;
  background:#f9fbff!important;border:0!important;color:#536984!important;border-radius:7px!important;font-size:10px!important
}
body.recrumax-mockup-theme .nav{gap:5px!important;margin:0!important;padding:0 0 14px!important}
body.recrumax-mockup-theme .nav-section-label{
  padding:12px 8px 4px!important;color:#7388a5!important;font-size:8.5px!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:850!important;opacity:1!important
}
body.recrumax-mockup-theme .nav-group{
  margin:0!important;border:0!important;border-radius:9px!important;background:transparent!important;overflow:visible!important
}
body.recrumax-mockup-theme .nav-group-toggle{
  min-height:34px!important;padding:8px 8px!important;border-radius:8px!important;background:transparent!important;
  color:#9eb0c8!important;font-size:9.5px!important;line-height:1.1!important;font-weight:750!important
}
body.recrumax-mockup-theme .nav-group-toggle:hover{background:rgba(255,255,255,.045)!important;color:#dfe8f5!important}
body.recrumax-mockup-theme .nav-group[open] .nav-group-toggle{background:rgba(255,255,255,.035)!important;color:#cbd8e8!important}
body.recrumax-mockup-theme .nav-group-badge,
body.recrumax-mockup-theme .nav-group-current{display:none!important}
body.recrumax-mockup-theme .nav-group-caret{font-size:9px!important;color:#6e85a4!important}
body.recrumax-mockup-theme .nav-submenu,
body.recrumax-mockup-theme .nav-group .nav-submenu{padding:3px 0 1px!important;gap:3px!important}
body.recrumax-mockup-theme .nav-link,
body.recrumax-mockup-theme .nav-link.nav-link-compact{
  position:relative;min-height:36px!important;padding:8px 9px 8px 34px!important;
  border-radius:8px!important;background:transparent!important;color:#c2cede!important;
  font-size:10.5px!important;font-weight:650!important;line-height:1.2!important;
  align-items:center!important;transition:background .15s ease,color .15s ease,transform .15s ease!important
}
body.recrumax-mockup-theme .nav-link::before{
  position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;
  width:15px!important;text-align:center!important;color:#849bb8!important;font-size:13px!important
}
body.recrumax-mockup-theme .nav-link:hover{background:rgba(255,255,255,.065)!important;color:#fff!important;transform:translateX(1px)!important}
body.recrumax-mockup-theme .nav-link.active{
  background:linear-gradient(135deg,#1a7cff 0%,#1269ef 100%)!important;color:#fff!important;
  box-shadow:0 7px 18px rgba(18,105,239,.25)!important
}
body.recrumax-mockup-theme .nav-link.active::before{color:#fff!important}
body.recrumax-mockup-theme .nav-active-dot{display:none!important}
body.recrumax-mockup-theme .nav-link-logout{
  margin-top:8px!important;border-top:1px solid rgba(255,255,255,.055)!important;background:rgba(255,255,255,.035)!important
}

/* ------------------------------------------------------------------
   TOPBAR — same airy header as the reference UI.
   ------------------------------------------------------------------ */
body.recrumax-mockup-theme .topbar{
  position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #e8edf4!important;box-shadow:none!important;backdrop-filter:blur(14px)
}
body.recrumax-mockup-theme .topbar-inner{
  min-height:76px!important;padding:13px 22px!important;gap:18px!important;align-items:center!important;flex-wrap:nowrap!important
}
body.recrumax-mockup-theme .topbar-mobile-tools{gap:6px}
body.recrumax-mockup-theme .eyebrow{
  margin-bottom:3px!important;color:#8a98aa!important;font-size:8px!important;font-weight:850!important;
  text-transform:uppercase!important;letter-spacing:.13em!important
}
body.recrumax-mockup-theme .topbar h2{
  margin:0!important;color:#10233f!important;font-size:20px!important;line-height:1.08!important;
  font-weight:850!important;letter-spacing:-.4px!important
}
body.recrumax-mockup-theme .page-description{margin:3px 0 0!important;color:#8290a3!important;font-size:10px!important;line-height:1.35!important;max-width:690px!important}
body.recrumax-mockup-theme .topbar-right{margin-left:auto!important;gap:8px!important;flex-wrap:nowrap!important;align-items:center!important}
body.recrumax-mockup-theme .topbar-search{order:-3!important;gap:0!important;position:relative!important}
body.recrumax-mockup-theme .topbar-search::before{content:"⌕"!important;position:absolute!important;left:11px!important;top:50%!important;transform:translateY(-52%)!important;color:#8b9aaf!important;font-size:16px!important;margin:0!important}
body.recrumax-mockup-theme .topbar-search input{
  width:min(320px,24vw)!important;min-width:220px!important;height:36px!important;padding:7px 10px 7px 32px!important;
  border:1px solid #dfe6ef!important;border-radius:8px!important;background:#fbfcfe!important;color:#2a3e58!important;font-size:10.5px!important
}
body.recrumax-mockup-theme .topbar-search .btn{display:none!important}
body.recrumax-mockup-theme .page-help-link,
body.recrumax-mockup-theme .live-task-badge{
  width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:50%!important;
  border:1px solid #e0e7ef!important;background:#fff!important;color:#63758c!important;box-shadow:none!important
}
body.recrumax-mockup-theme .live-task-count{background:var(--rm2-orange)!important;color:#fff!important;border:2px solid #fff!important}
body.recrumax-mockup-theme .topbar-actions{order:-2!important}
body.recrumax-mockup-theme .topbar-actions .btn{min-height:34px!important;white-space:nowrap!important}
body.recrumax-mockup-theme .topbar-user.rm-topbar-user{
  min-height:36px!important;padding:3px 7px 3px 4px!important;border:0!important;border-radius:999px!important;
  background:#f8fafc!important;display:flex!important;align-items:center!important;gap:7px!important;color:#52657e!important
}
body.recrumax-mockup-theme .rm-user-avatar-small{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#253b59;color:#fff;
  font-size:8.5px;font-weight:850;letter-spacing:.03em;box-shadow:0 0 0 2px #fff
}
body.recrumax-mockup-theme .rm-user-copy{font-size:9.5px;font-weight:700;white-space:nowrap}
body.recrumax-mockup-theme .role-badge{font-size:8px!important;padding:2px 5px!important;background:#eaf3ff!important;color:#2465bd!important;border:0!important}

/* ------------------------------------------------------------------
   PAGE CANVAS / TYPOGRAPHY.
   ------------------------------------------------------------------ */
body.recrumax-mockup-theme .content{
  width:100%!important;max-width:1600px!important;margin:0 auto!important;padding:18px 22px 30px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:13px!important
}
body.recrumax-mockup-theme .content>*{min-width:0;max-width:100%}
body.recrumax-mockup-theme .content>form,
body.recrumax-mockup-theme .content>section,
body.recrumax-mockup-theme .content>div,
body.recrumax-mockup-theme .content>details{width:100%}
body.recrumax-mockup-theme h1,
body.recrumax-mockup-theme h2,
body.recrumax-mockup-theme h3,
body.recrumax-mockup-theme h4{color:var(--rm2-text);letter-spacing:-.2px}
body.recrumax-mockup-theme h1{font-size:21px}
body.recrumax-mockup-theme h2{font-size:18px}
body.recrumax-mockup-theme h3{font-size:13px}
body.recrumax-mockup-theme h4{font-size:12px}
body.recrumax-mockup-theme .small,
body.recrumax-mockup-theme .muted{color:var(--rm2-muted)!important;font-size:9.5px!important;line-height:1.45!important}
body.recrumax-mockup-theme .strong{color:#203653!important}

/* ------------------------------------------------------------------
   CARD / PANEL SYSTEM — applied across every route.
   ------------------------------------------------------------------ */
body.recrumax-mockup-theme :where(
  .card,.stat-tile,.nested-panel,.workflow-card,.workflow-handoff-card,.workflow-start-card,
  .friendly-card,.helper-card,.entity-workbench,.entity-next-step-strip,.entity-watch-panel,
  .operations-editor-panel,.log-secondary-panel,.house-card-tile,.settings-module-card,
  .settings-modern-callout,.settings-overview-secondary,.salary-panel,.salary-plan-card,
  .payroll-finance-card,.signature-document-panel,.signature-signer-panel,.signature-queue-panel,
  .recruitment-admin-card,.recruitment-candidate-workspace,.recruitment-followup-workspace-card,
  .recruitment-hiring-card,.recruitment-insight-card,.recruitment-action-card
){
  border:1px solid var(--rm2-line)!important;border-radius:var(--rm2-radius)!important;
  background:#fff!important;box-shadow:var(--rm2-shadow)!important
}
body.recrumax-mockup-theme .card{overflow:visible}
body.recrumax-mockup-theme .card.pad{padding:14px!important}
body.recrumax-mockup-theme .section-head{
  min-height:44px!important;padding:10px 13px!important;border-bottom:1px solid #e9eef5!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important
}
body.recrumax-mockup-theme .card.pad>.section-head:first-child{margin:-4px -4px 10px!important;padding:8px 4px 10px!important}
body.recrumax-mockup-theme .section-head h1,
body.recrumax-mockup-theme .section-head h2,
body.recrumax-mockup-theme .section-head h3,
body.recrumax-mockup-theme .section-head h4{margin:0!important;font-weight:850!important;color:#142946!important}
body.recrumax-mockup-theme .section-note{padding:0 13px 12px!important;color:#7d8ca0!important;font-size:9px!important}
body.recrumax-mockup-theme .list-compact{gap:7px!important;padding:10px!important}
body.recrumax-mockup-theme .item-row{
  min-height:48px!important;padding:9px 10px!important;border:1px solid #e6ecf3!important;border-radius:8px!important;
  background:#fff!important;box-shadow:none!important
}
body.recrumax-mockup-theme .item-row:hover{border-color:#d5e1f0!important;background:#fbfdff!important}
body.recrumax-mockup-theme .grid-2{gap:12px!important}
body.recrumax-mockup-theme .grid-3,
body.recrumax-mockup-theme .grid-4,
body.recrumax-mockup-theme .stats,
body.recrumax-mockup-theme .summary-strip{gap:10px!important}
body.recrumax-mockup-theme .summary-strip{
  padding:10px!important;border:1px solid var(--rm2-line)!important;border-radius:var(--rm2-radius)!important;
  background:#fff!important;box-shadow:var(--rm2-shadow)!important
}
body.recrumax-mockup-theme .summary-mini{
  min-height:66px!important;padding:10px 11px!important;border:1px solid #e5ebf3!important;border-radius:8px!important;
  background:#fbfdff!important;box-shadow:none!important;position:relative!important;overflow:hidden!important
}
body.recrumax-mockup-theme .summary-mini::after{height:2px!important}
body.recrumax-mockup-theme .summary-mini strong{font-size:16px!important;letter-spacing:-.2px!important;color:#17304f!important}
body.recrumax-mockup-theme .summary-mini.success{background:#f6fcf8!important;border-color:#d9eee1!important}
body.recrumax-mockup-theme .summary-mini.warning{background:#fffaf2!important;border-color:#f2e2bd!important}
body.recrumax-mockup-theme .summary-mini.danger{background:#fff7f6!important;border-color:#f2d8d4!important}
body.recrumax-mockup-theme .summary-mini.info{background:#f5f9ff!important;border-color:#dbe8fb!important}
body.recrumax-mockup-theme .stat,
body.recrumax-mockup-theme .stat-tile.stat{
  min-height:78px!important;padding:12px 13px!important;border-radius:10px!important;background:#fff!important
}
body.recrumax-mockup-theme .stat .label{font-size:9px!important;color:#74849b!important;font-weight:750!important}
body.recrumax-mockup-theme .stat .value{margin-top:5px!important;font-size:20px!important;color:#122843!important;font-weight:850!important}

/* details / secondary blocks */
body.recrumax-mockup-theme details.card,
body.recrumax-mockup-theme .workspace-disclosure,
body.recrumax-mockup-theme .recruitment-disclosure,
body.recrumax-mockup-theme .dashboard-fold-card,
body.recrumax-mockup-theme .reminders-fold-card{
  border:1px solid var(--rm2-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:var(--rm2-shadow)!important
}
body.recrumax-mockup-theme details.card>summary,
body.recrumax-mockup-theme .workspace-disclosure>summary,
body.recrumax-mockup-theme .recruitment-disclosure>summary,
body.recrumax-mockup-theme .dashboard-fold-card>summary,
body.recrumax-mockup-theme .reminders-fold-card>summary{
  min-height:42px;padding:10px 12px!important;display:flex;align-items:center;gap:8px;
  color:#29405d!important;font-size:10.5px!important;font-weight:800!important;background:#fbfcfe!important;border-radius:10px!important
}
body.recrumax-mockup-theme details[open]>summary{border-radius:10px 10px 0 0!important;border-bottom:1px solid #e8edf4!important;color:#145fbf!important}

/* ------------------------------------------------------------------
   CONTROLS, FILTERS AND TABS.
   ------------------------------------------------------------------ */
body.recrumax-mockup-theme button,
body.recrumax-mockup-theme .btn{
  min-height:32px!important;padding:7px 11px!important;border-radius:var(--rm2-control-radius)!important;
  border:1px solid #dce5ef!important;background:#fff!important;color:#354c67!important;font-size:9.5px!important;
  font-weight:800!important;box-shadow:none!important
}
body.recrumax-mockup-theme button:hover,
body.recrumax-mockup-theme .btn:hover{background:#f7faff!important;border-color:#c6d7eb!important;color:#173c70!important}
body.recrumax-mockup-theme .btn-primary{
  background:linear-gradient(180deg,#197cff 0%,var(--rm2-blue-strong) 100%)!important;color:#fff!important;
  border-color:#126cf0!important;box-shadow:0 4px 10px rgba(20,115,244,.15)!important
}
body.recrumax-mockup-theme .btn-primary:hover{background:#0d63df!important;border-color:#0d63df!important;color:#fff!important}
body.recrumax-mockup-theme .btn-danger{background:#fff3f1!important;border-color:#f1d2ce!important;color:#bb4239!important}
body.recrumax-mockup-theme .btn-ghost{background:#f8fafc!important;border-color:#e2e8f0!important;color:#596c84!important}
body.recrumax-mockup-theme input:not([type="checkbox"]):not([type="radio"]),
body.recrumax-mockup-theme select,
body.recrumax-mockup-theme textarea{
  min-height:34px!important;padding:7px 9px!important;border:1px solid #dce5ef!important;border-radius:var(--rm2-control-radius)!important;
  background:#fff!important;color:#2b405b!important;font-size:9.5px!important;box-shadow:none!important
}
body.recrumax-mockup-theme textarea{min-height:74px!important}
body.recrumax-mockup-theme input:focus,
body.recrumax-mockup-theme select:focus,
body.recrumax-mockup-theme textarea:focus{border-color:#77abf5!important;box-shadow:0 0 0 3px rgba(20,115,244,.09)!important}
body.recrumax-mockup-theme label,
body.recrumax-mockup-theme .form-label{font-size:8.5px!important;color:#6f8198!important;font-weight:800!important;margin-bottom:4px!important}
body.recrumax-mockup-theme .grid-form{gap:9px!important;padding:11px!important}
body.recrumax-mockup-theme .toolbar,
body.recrumax-mockup-theme .filter-meta{
  padding:9px 11px!important;gap:7px!important;background:#fbfcfe!important;border-color:#e8edf4!important
}
body.recrumax-mockup-theme .filter-meta{border:1px solid #e8edf4!important;border-radius:9px!important}
body.recrumax-mockup-theme .pills{gap:5px!important}
body.recrumax-mockup-theme .pill,
body.recrumax-mockup-theme .badge{
  min-height:21px!important;padding:3px 7px!important;border-radius:999px!important;font-size:8px!important;line-height:1.3!important;font-weight:800!important
}
body.recrumax-mockup-theme .pill{border:1px solid #dfe6ef!important;background:#f8fafc!important;color:#607289!important}
body.recrumax-mockup-theme .pill:hover{background:#eff5fd!important;border-color:#cad9eb!important;color:#24578f!important}
body.recrumax-mockup-theme .pill-active,
body.recrumax-mockup-theme .worker-tab-active{background:var(--rm2-blue-soft)!important;border-color:#cbdffb!important;color:#155fbd!important}
body.recrumax-mockup-theme .badge.approved,
body.recrumax-mockup-theme .badge.done,
body.recrumax-mockup-theme .badge.success{background:var(--rm2-green-soft)!important;color:#168049!important;border-color:transparent!important}
body.recrumax-mockup-theme .badge.pending,
body.recrumax-mockup-theme .badge.warning,
body.recrumax-mockup-theme .badge.open{background:var(--rm2-yellow-soft)!important;color:#a96605!important;border-color:transparent!important}
body.recrumax-mockup-theme .badge.info,
body.recrumax-mockup-theme .badge.submitted,
body.recrumax-mockup-theme .badge.in_progress{background:var(--rm2-blue-soft)!important;color:#155fbd!important;border-color:transparent!important}
body.recrumax-mockup-theme .badge.rejected,
body.recrumax-mockup-theme .badge.danger,
body.recrumax-mockup-theme .badge.cancelled{background:var(--rm2-red-soft)!important;color:#bd423a!important;border-color:transparent!important}
body.recrumax-mockup-theme .badge.draft{background:#eef2f6!important;color:#607086!important;border-color:transparent!important}

/* Tab-like surface switches: text + underline, as in Hours/Documents mockups. */
body.recrumax-mockup-theme :where(.surface-switch,.worker-portal-tabs,.adjustments-nav,.portal-section-pills,.recruitment-view-switcher){
  display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important;border-bottom:1px solid #e7edf4!important
}
body.recrumax-mockup-theme :where(.surface-switch,.worker-portal-tabs,.adjustments-nav,.portal-section-pills,.recruitment-view-switcher) .pill{
  position:relative!important;border:0!important;border-radius:0!important;background:transparent!important;color:#65768d!important;
  min-height:34px!important;padding:8px 2px!important;box-shadow:none!important
}
body.recrumax-mockup-theme :where(.surface-switch,.worker-portal-tabs,.adjustments-nav,.portal-section-pills,.recruitment-view-switcher) .pill-active,
body.recrumax-mockup-theme .worker-portal-tabs .worker-tab-active{
  color:var(--rm2-blue)!important;background:transparent!important
}
body.recrumax-mockup-theme :where(.surface-switch,.worker-portal-tabs,.adjustments-nav,.portal-section-pills,.recruitment-view-switcher) .pill-active::after,
body.recrumax-mockup-theme .worker-portal-tabs .worker-tab-active::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:99px;background:var(--rm2-blue)
}

/* ------------------------------------------------------------------
   TABLES — same compact listing style used in Candidates/Hours/Documents.
   ------------------------------------------------------------------ */
body.recrumax-mockup-theme .table-wrap{
  overflow:auto!important;border:1px solid #e7edf4!important;border-radius:10px!important;background:#fff!important
}
body.recrumax-mockup-theme .card>.table-wrap{border:0!important;border-radius:0 0 12px 12px!important}
body.recrumax-mockup-theme table{width:100%!important;min-width:680px!important;border-collapse:separate!important;border-spacing:0!important;font-size:9.5px!important}
body.recrumax-mockup-theme thead th{
  position:sticky;top:0;z-index:2;padding:9px 10px!important;background:#f8fafd!important;color:#64758b!important;
  border-bottom:1px solid #e6ecf3!important;font-size:8px!important;text-transform:none!important;letter-spacing:.01em!important;font-weight:850!important
}
body.recrumax-mockup-theme tbody td{padding:9px 10px!important;border-bottom:1px solid #edf1f6!important;color:#263b56!important;vertical-align:middle!important}
body.recrumax-mockup-theme tbody tr:last-child td{border-bottom:0!important}
body.recrumax-mockup-theme tbody tr:nth-child(even){background:#fcfdff!important}
body.recrumax-mockup-theme tbody tr:hover td{background:#f6f9fe!important}
body.recrumax-mockup-theme .table-empty td{padding:18px!important}
body.recrumax-mockup-theme .empty-state{
  padding:18px!important;border:1px dashed #d9e3ee!important;border-radius:9px!important;background:#f9fbfe!important;
  color:#798a9f!important;font-size:9.5px!important;text-align:center!important
}

/* ------------------------------------------------------------------
   DASHBOARD — actual hierarchy from the approved overview mockup.
   ------------------------------------------------------------------ */
body.recrumax-mockup-theme.page-dashboard .content{padding-top:17px!important}
body.recrumax-mockup-theme .rm-dashboard{display:flex;flex-direction:column;gap:13px;width:100%}
body.recrumax-mockup-theme .rm-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.recrumax-mockup-theme .rm-kpi-card{
  min-height:76px;display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #e6ecf3;
  background:#fff;border-radius:11px;text-decoration:none;color:#102540;box-shadow:var(--rm2-shadow);transition:.15s ease
}
body.recrumax-mockup-theme .rm-kpi-card:hover{transform:translateY(-1px);border-color:#d2e0f1;box-shadow:var(--rm2-shadow-hover)}
body.recrumax-mockup-theme .rm-kpi-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:16px;font-weight:900}
body.recrumax-mockup-theme .rm-kpi-card div{display:flex;flex-direction:column;gap:1px}
body.recrumax-mockup-theme .rm-kpi-card strong{font-size:20px;line-height:1;font-weight:850;letter-spacing:-.45px}
body.recrumax-mockup-theme .rm-kpi-card span:not(.rm-kpi-icon){font-size:9px;color:#77869a;font-weight:700}
body.recrumax-mockup-theme .rm-kpi-blue .rm-kpi-icon{background:var(--rm2-blue-soft);color:var(--rm2-blue)}
body.recrumax-mockup-theme .rm-kpi-indigo .rm-kpi-icon{background:#eef1ff;color:#566cdc}
body.recrumax-mockup-theme .rm-kpi-green .rm-kpi-icon{background:var(--rm2-green-soft);color:var(--rm2-green)}
body.recrumax-mockup-theme .rm-kpi-orange .rm-kpi-icon{background:var(--rm2-orange-soft);color:#ea6c1a}
body.recrumax-mockup-theme .rm-dashboard-primary-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(310px,.82fr);gap:12px}
body.recrumax-mockup-theme .rm-panel{padding:14px;border:1px solid #e6ecf3;border-radius:12px;background:#fff;box-shadow:var(--rm2-shadow);min-width:0}
body.recrumax-mockup-theme .rm-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
body.recrumax-mockup-theme .rm-panel-head h3{margin:0;font-size:12px;font-weight:850;color:#132943}
body.recrumax-mockup-theme .rm-panel-head p{margin:2px 0 0;color:#8492a5;font-size:8.5px}
body.recrumax-mockup-theme .rm-panel-head>a{color:var(--rm2-blue);text-decoration:none;font-size:8.5px;font-weight:850;white-space:nowrap}
body.recrumax-mockup-theme .rm-pipeline-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #e6ecf3;border-radius:9px;overflow:hidden}
body.recrumax-mockup-theme .rm-pipeline-grid>a{min-height:74px;padding:11px 10px;text-decoration:none;color:#122843;border-right:1px solid #e7edf4;display:flex;flex-direction:column;gap:5px}
body.recrumax-mockup-theme .rm-pipeline-grid>a:last-child{border-right:0}
body.recrumax-mockup-theme .rm-pipeline-grid>a:nth-child(1){background:#f7faff}
body.recrumax-mockup-theme .rm-pipeline-grid>a:nth-child(2){background:#fff9ec}
body.recrumax-mockup-theme .rm-pipeline-grid>a:nth-child(3){background:#f0f6ff}
body.recrumax-mockup-theme .rm-pipeline-grid>a:nth-child(4){background:#eefaf3}
body.recrumax-mockup-theme .rm-pipeline-grid>a:nth-child(5){background:#f8f9fd}
body.recrumax-mockup-theme .rm-pipeline-grid span{font-size:8px;color:#718095;font-weight:750}
body.recrumax-mockup-theme .rm-pipeline-grid strong{font-size:17px;line-height:1;color:#142946}
body.recrumax-mockup-theme .rm-pipeline-footer{display:flex;align-items:center;gap:9px;margin-top:10px;color:#7a899d;font-size:8.5px}
body.recrumax-mockup-theme .rm-avatar-stack{display:flex;align-items:center;padding-left:3px}
body.recrumax-mockup-theme .rm-avatar-stack i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;margin-left:-3px;background:#dce9fa;color:#2f5e96;border:2px solid #fff;font-size:6.5px;font-weight:850}
body.recrumax-mockup-theme .rm-avatar-stack i:nth-child(2){background:#ffe7d7;color:#a84b16}
body.recrumax-mockup-theme .rm-avatar-stack i:nth-child(3){background:#e1f4e9;color:#26754a}
body.recrumax-mockup-theme .rm-avatar-stack i:nth-child(4){background:#eef1f6;color:#64748b}
body.recrumax-mockup-theme .rm-upcoming-list{display:flex;flex-direction:column;gap:6px}
body.recrumax-mockup-theme .rm-upcoming-row{display:grid;grid-template-columns:42px 7px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border:1px solid #e8edf4;border-radius:8px;text-decoration:none;color:#17304f;background:#fff}
body.recrumax-mockup-theme .rm-upcoming-row:hover{border-color:#d4e2f2;background:#fbfdff}
body.recrumax-mockup-theme .rm-date-tile{display:flex;flex-direction:column;line-height:1.05}
body.recrumax-mockup-theme .rm-date-tile b{font-size:8px}
body.recrumax-mockup-theme .rm-date-tile small{font-size:7.5px;color:#8390a3;margin-top:2px}
body.recrumax-mockup-theme .rm-upcoming-dot{width:5px;height:5px;border-radius:50%;background:var(--rm2-blue)}
body.recrumax-mockup-theme .rm-dot-1{background:#20ad64}.rm-dot-2{background:#f28a2c}.rm-dot-3{background:#7a67d8}
body.recrumax-mockup-theme .rm-upcoming-main{display:flex;flex-direction:column;min-width:0}
body.recrumax-mockup-theme .rm-upcoming-main strong{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.recrumax-mockup-theme .rm-upcoming-main small{font-size:7.5px;color:#78889c;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.recrumax-mockup-theme .rm-status-pill{font-size:7px;font-weight:850;padding:3px 6px;border-radius:999px}
body.recrumax-mockup-theme .rm-status-warning{background:#fff1e0;color:#b45c0a}
body.recrumax-mockup-theme .rm-empty-compact{padding:18px 7px;color:#8694a7;text-align:center;font-size:9px}
body.recrumax-mockup-theme .rm-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.recrumax-mockup-theme .rm-module-card{min-height:80px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid #e6ecf3;border-radius:11px;text-decoration:none;color:#112641;box-shadow:var(--rm2-shadow)}
body.recrumax-mockup-theme .rm-module-card:hover{border-color:#d1e0f3;box-shadow:var(--rm2-shadow-hover)}
body.recrumax-mockup-theme .rm-module-badge{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:900}
body.recrumax-mockup-theme .rm-badge-blue{background:var(--rm2-blue-soft);color:var(--rm2-blue)}
body.recrumax-mockup-theme .rm-badge-orange{background:var(--rm2-orange-soft);color:#ef751d}
body.recrumax-mockup-theme .rm-module-copy{display:flex;flex-direction:column;gap:1px;min-width:0}
body.recrumax-mockup-theme .rm-module-copy>span{font-size:9px;font-weight:850}
body.recrumax-mockup-theme .rm-module-copy strong{font-size:10.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.recrumax-mockup-theme .rm-module-copy small{font-size:7.5px;color:#7d8ba0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.recrumax-mockup-theme .rm-module-arrow{justify-self:end;color:#8da0b9;font-size:13px}
body.recrumax-mockup-theme .rm-dashboard-more{margin-top:3px!important;border:1px solid #e3eaf3!important;border-radius:11px!important;background:#fff!important;overflow:hidden!important;box-shadow:var(--rm2-shadow)!important}
body.recrumax-mockup-theme .rm-dashboard-more>summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 13px;cursor:pointer;color:#172d49;background:#fff}
body.recrumax-mockup-theme .rm-dashboard-more>summary::-webkit-details-marker{display:none}
body.recrumax-mockup-theme .rm-dashboard-more>summary>span{font-weight:850;font-size:10px}
body.recrumax-mockup-theme .rm-dashboard-more>summary>small{color:#8290a3;font-size:8px}
body.recrumax-mockup-theme .rm-dashboard-more>summary>b{color:var(--rm2-blue);font-size:8px}
body.recrumax-mockup-theme .rm-dashboard-more[open]>summary{border-bottom:1px solid #e8edf4;background:#fbfcfe}
body.recrumax-mockup-theme .rm-dashboard-more>.dashboard-layout{padding:12px}

/* ------------------------------------------------------------------
   RECRUITMENT — candidates + pipeline + profile, matching mockup #4.
   ------------------------------------------------------------------ */
body.recrumax-mockup-theme.page-recruitment_jobs .content{max-width:1680px!important;padding-top:14px!important}
body.recrumax-mockup-theme .recruitment-workspace{gap:12px!important}
body.recrumax-mockup-theme .recruitment-workspace-header{
  padding:13px 15px!important;border:1px solid #e5ebf3!important;border-radius:12px!important;background:#fff!important;
  box-shadow:var(--rm2-shadow)!important
}
body.recrumax-mockup-theme .recruitment-workspace-header h1{font-size:19px!important;margin:0!important;font-weight:850!important}
body.recrumax-mockup-theme .recruitment-kpi-grid,
body.recrumax-mockup-theme .recruitment-kpi-grid-tight{gap:9px!important}
body.recrumax-mockup-theme .recruitment-kpi-card{border:1px solid #e5ebf3!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;padding:10px!important}
body.recrumax-mockup-theme .recruitment-admin-card{padding:12px!important}
body.recrumax-mockup-theme .recruitment-filter-grid,
body.recrumax-mockup-theme .recruitment-primary-filters,
body.recrumax-mockup-theme .recruitment-advanced-filters{gap:7px!important}
body.recrumax-mockup-theme .recruitment-admin-table-responsive{border:1px solid #e6ecf3!important;border-radius:9px!important;overflow:auto!important}
body.recrumax-mockup-theme .recruitment-admin-table-responsive table{min-width:860px!important}
body.recrumax-mockup-theme .recruitment-row-active{box-shadow:inset 3px 0 0 var(--rm2-blue)!important;background:#f5f9ff!important}
body.recrumax-mockup-theme .recruitment-row-hot{box-shadow:inset 3px 0 0 var(--rm2-orange)!important}
body.recrumax-mockup-theme .recruitment-tag{border-radius:999px!important;font-size:7.5px!important;padding:3px 6px!important}
body.recrumax-mockup-theme .recruitment-pipeline-board{
  display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(220px,1fr)!important;
  gap:8px!important;overflow-x:auto!important;padding:2px 1px 9px!important;scrollbar-gutter:stable!important
}
body.recrumax-mockup-theme .recruitment-pipeline-col{
  min-width:220px!important;border:1px solid #e3eaf3!important;border-radius:10px!important;background:#f7f9fc!important;overflow:hidden!important
}
body.recrumax-mockup-theme .recruitment-pipeline-col:nth-child(1){background:#f7faff!important}
body.recrumax-mockup-theme .recruitment-pipeline-col:nth-child(2){background:#fffaf0!important}
body.recrumax-mockup-theme .recruitment-pipeline-col:nth-child(3){background:#f3f8ff!important}
body.recrumax-mockup-theme .recruitment-pipeline-col:nth-child(4){background:#eefaf3!important}
body.recrumax-mockup-theme .recruitment-pipeline-col:nth-child(5){background:#f6fbf8!important}
body.recrumax-mockup-theme .recruitment-pipeline-col-top{padding:9px 9px 7px!important;border-bottom:1px solid rgba(216,226,239,.9)!important}
body.recrumax-mockup-theme .recruitment-pipeline-head{gap:6px!important}
body.recrumax-mockup-theme .recruitment-pipeline-head h2,
body.recrumax-mockup-theme .recruitment-pipeline-head h3,
body.recrumax-mockup-theme .recruitment-pipeline-head strong{font-size:10px!important;color:#1b3150!important}
body.recrumax-mockup-theme .recruitment-pipeline-cards{padding:7px!important;gap:6px!important}
body.recrumax-mockup-theme .recruitment-pipeline-card{
  padding:8px!important;border:1px solid #e1e8f1!important;border-radius:8px!important;background:#fff!important;
  box-shadow:0 2px 7px rgba(20,48,84,.045)!important
}
body.recrumax-mockup-theme .recruitment-pipeline-card:hover{border-color:#cddced!important;box-shadow:0 5px 14px rgba(20,48,84,.075)!important}
body.recrumax-mockup-theme .recruitment-pipeline-card.active{border-color:#9fc6fb!important;box-shadow:0 0 0 2px rgba(20,115,244,.08)!important}
body.recrumax-mockup-theme .recruitment-pipeline-card-summary{gap:6px!important}
body.recrumax-mockup-theme .recruitment-pipeline-card-details>summary{font-size:7.5px!important;color:#72839a!important}
body.recrumax-mockup-theme .recruitment-candidate-workspace{padding:13px!important}
body.recrumax-mockup-theme .recruitment-candidate-summary-card,
body.recrumax-mockup-theme .recruitment-profile-block{border:1px solid #e5ebf3!important;border-radius:9px!important;background:#fbfdff!important}
body.recrumax-mockup-theme .recruitment-action-grid{gap:8px!important}
body.recrumax-mockup-theme .recruitment-action-card{padding:10px!important;min-height:72px!important}
body.recrumax-mockup-theme .recruitment-hiring-board{gap:9px!important}
body.recrumax-mockup-theme .recruitment-hiring-card{padding:11px!important}

/* ------------------------------------------------------------------
   PLANNING — weekly board + assignment/housing clarity, mockup #2.
   ------------------------------------------------------------------ */
body.recrumax-mockup-theme.page-planning .content{max-width:1680px!important;padding-top:14px!important}
body.recrumax-mockup-theme.page-planning .planning-page-flow{gap:12px!important}
body.recrumax-mockup-theme.page-planning .planning-summary-primary{padding:8px!important}
body.recrumax-mockup-theme.page-planning .planning-action-strip{
  padding:10px!important;border:1px solid #e5ebf3!important;border-radius:10px!important;background:#fff!important;box-shadow:var(--rm2-shadow)!important
}
body.recrumax-mockup-theme.page-planning .planning-filter-panel{border:1px solid #e6ecf3!important;border-radius:10px!important;background:#fff!important;box-shadow:var(--rm2-shadow)!important}
body.recrumax-mockup-theme.page-planning .planning-filter-summary{padding:10px 12px!important}
body.recrumax-mockup-theme.page-planning .planning-worker-board{
  border:1px solid #e4ebf3!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--rm2-shadow)!important;overflow:auto!important
}
body.recrumax-mockup-theme.page-planning .planning-worker-board table{min-width:980px!important;font-size:8.5px!important}
body.recrumax-mockup-theme.page-planning .planning-worker-board th{background:#f8fafd!important}
body.recrumax-mockup-theme.page-planning .planning-worker-board td{height:44px!important}
body.recrumax-mockup-theme.page-planning .planning-row-focus td{background:#eef6ff!important}
body.recrumax-mockup-theme.page-planning .row-conflict td{background:#fff5f4!important}
body.recrumax-mockup-theme.page-planning .row-imminent td{background:#fffaf0!important}
body.recrumax-mockup-theme.page-planning .planning-pressure-grid{gap:9px!important}
body.recrumax-mockup-theme.page-planning .planning-note{border-radius:8px!important;background:#f8fbff!important;border-color:#dfe8f3!important}
body.recrumax-mockup-theme.page-planning .planning-row-more-menu{border:1px solid #dfe7f1!important;border-radius:9px!important;background:#fff!important;box-shadow:0 12px 30px rgba(20,48,84,.14)!important}

/* ------------------------------------------------------------------
   HOURS / DOCUMENTS — mockup #3.
   ------------------------------------------------------------------ */
body.recrumax-mockup-theme.page-hours .content,
body.recrumax-mockup-theme.page-documents .content,
body.recrumax-mockup-theme.page-document_signing .content{max-width:1600px!important;padding-top:14px!important}
body.recrumax-mockup-theme.page-hours .hours-mode-strip{
  padding:9px 11px!important;border:1px solid #e5ebf3!important;border-radius:10px!important;background:#fff!important;box-shadow:var(--rm2-shadow)!important
}
body.recrumax-mockup-theme.page-hours .hours-queue-layout{gap:11px!important}
body.recrumax-mockup-theme.page-hours .admin-hours-day-row{border:1px solid #e7edf4!important;border-radius:8px!important;background:#fcfdff!important;padding:8px!important}
body.recrumax-mockup-theme.page-hours .timesheet-thumb,
body.recrumax-mockup-theme.page-client_approvals .timesheet-thumb{border-radius:8px!important;border:1px solid #dfe6ef!important;box-shadow:0 3px 12px rgba(20,48,84,.07)!important}
body.recrumax-mockup-theme.page-hours .hours-preview-placeholder{border-radius:9px!important;background:#f8fbff!important}
body.recrumax-mockup-theme.page-documents .grid-2{align-items:start!important}
body.recrumax-mockup-theme.page-documents .item-row{align-items:center!important}
body.recrumax-mockup-theme.page-documents .summary-strip{margin-bottom:2px!important}
body.recrumax-mockup-theme .signature-document-panel,
body.recrumax-mockup-theme .signature-signer-panel,
body.recrumax-mockup-theme .signature-queue-panel{padding:12px!important}

/* ------------------------------------------------------------------
   TASKS / HOUSING — mockup #1 supporting modules.
   ------------------------------------------------------------------ */
body.recrumax-mockup-theme.page-tasks .content,
body.recrumax-mockup-theme.page-housing_overview .content,
body.recrumax-mockup-theme.page-houses .content{max-width:1600px!important;padding-top:14px!important}
body.recrumax-mockup-theme.page-tasks .page-intro{
  padding:12px 14px!important;border:1px solid #e5ebf3!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--rm2-shadow)!important
}
body.recrumax-mockup-theme.page-tasks .ownership-card{padding:10px!important;border-radius:9px!important}
body.recrumax-mockup-theme.page-tasks .ownership-grid{gap:9px!important}
body.recrumax-mockup-theme.page-housing_overview .house-card-tile,
body.recrumax-mockup-theme.page-houses .house-card-tile{padding:10px!important;border-radius:9px!important}
body.recrumax-mockup-theme .occupancy-bar{height:5px!important;border-radius:999px!important;background:#e7edf4!important;overflow:hidden!important}
body.recrumax-mockup-theme .occupancy-bar>span{background:linear-gradient(90deg,#21b567,#16a25a)!important}
body.recrumax-mockup-theme .operations-record-row{border:1px solid #e5ebf3!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}
body.recrumax-mockup-theme .operations-record-row:hover{border-color:#ccdbea!important;background:#fbfdff!important}
body.recrumax-mockup-theme .operations-record-detail{background:#f8fbff!important;border-color:#e3eaf3!important}

/* ------------------------------------------------------------------
   REMAINING APPLICATION ROUTES — the same product shell cap-to-cap.
   ------------------------------------------------------------------ */
body.recrumax-mockup-theme :where(
  .page-workers,.page-companies,.page-vehicles,.page-fuel_cards,.page-fines,.page-leaves,
  .page-insurance,.page-client_requests,.page-client_approvals,.page-reminders,.page-notifications,
  .page-attention_queue,.page-reports,.page-exports,.page-imports,.page-periods,.page-audit,
  .page-payroll_center,.page-payroll_finance,.page-payroll_payments,.page-payroll_salary_alignment,
  .page-payroll_salary_adjustments,.page-settings,.page-help,.page-search,.page-logistics
) .content{max-width:1600px!important;padding-top:14px!important}
body.recrumax-mockup-theme .entity-quick-lane,
body.recrumax-mockup-theme .entity-next-step-grid,
body.recrumax-mockup-theme .route-handoff-grid,
body.recrumax-mockup-theme .workflow-guidance-strip{gap:9px!important}
body.recrumax-mockup-theme .worker-metric-card,
body.recrumax-mockup-theme .company-request-row,
body.recrumax-mockup-theme .route-handoff-item,
body.recrumax-mockup-theme .quick-route-card,
body.recrumax-mockup-theme .workflow-step{
  border:1px solid #e4ebf3!important;border-radius:9px!important;background:#fbfdff!important;box-shadow:none!important
}
body.recrumax-mockup-theme .worker-metric-card:hover,
body.recrumax-mockup-theme .company-request-row:hover,
body.recrumax-mockup-theme .route-handoff-item:hover,
body.recrumax-mockup-theme .quick-route-card:hover{border-color:#ccdcec!important;background:#f7faff!important}
body.recrumax-mockup-theme .settings-modern-shell{gap:12px!important}
body.recrumax-mockup-theme .settings-modern-nav .card,
body.recrumax-mockup-theme .settings-modern-panel>.card,
body.recrumax-mockup-theme .settings-modern-summary,
body.recrumax-mockup-theme .settings-users-table-card,
body.recrumax-mockup-theme .settings-user-bulk-panel{border-radius:11px!important}
body.recrumax-mockup-theme .settings-modern-toolbar,
body.recrumax-mockup-theme .settings-section-head-plain{background:#fbfcfe!important;border-color:#e7edf4!important}
body.recrumax-mockup-theme .salary-toolbar{border-radius:9px!important;background:#f8fbff!important;border-color:#e4ebf3!important}
body.recrumax-mockup-theme .salary-tab{border-radius:7px!important;background:#f8fafc!important;border-color:#e1e8f1!important;color:#65778e!important}
body.recrumax-mockup-theme .salary-tab.is-active,
body.recrumax-mockup-theme .salary-tab.active{background:var(--rm2-blue-soft)!important;border-color:#c9ddfb!important;color:#145ebd!important}
body.recrumax-mockup-theme .payroll-finance-row{border:1px solid #e3eaf3!important;border-radius:10px!important;background:#fff!important;box-shadow:var(--rm2-shadow)!important}
body.recrumax-mockup-theme .report-card,
body.recrumax-mockup-theme .export-card,
body.recrumax-mockup-theme .import-card,
body.recrumax-mockup-theme .period-card,
body.recrumax-mockup-theme .audit-card{border-radius:10px!important}
body.recrumax-mockup-theme pre,
body.recrumax-mockup-theme .debug-pre{border:1px solid #dfe7f1!important;border-radius:9px!important;background:#0d213c!important;color:#e8f1ff!important}

/* public/portal/login continuity */
body.recrumax-mockup-theme .login-card{border-radius:16px!important;box-shadow:0 24px 70px rgba(11,31,58,.14)!important}
body.recrumax-mockup-theme .worker-portal-head,
body.recrumax-mockup-theme .portal-hero{border-radius:14px!important}

/* Remove oversized legacy rounding/spacing that clashes with the reference. */
body.recrumax-mockup-theme [style*="border-radius:18px"]{border-radius:11px!important}
body.recrumax-mockup-theme [style*="border-radius:20px"]{border-radius:11px!important}
body.recrumax-mockup-theme [style*="border-radius:24px"]{border-radius:12px!important}
body.recrumax-mockup-theme [style*="box-shadow:0 20px"],
body.recrumax-mockup-theme [style*="box-shadow: 0 20px"]{box-shadow:var(--rm2-shadow)!important}

/* ------------------------------------------------------------------
   RESPONSIVE — retain mockup hierarchy instead of reverting to old UI.
   ------------------------------------------------------------------ */
@media (max-width:1280px){
  body.recrumax-mockup-theme{--rm2-sidebar:214px}
  body.recrumax-mockup-theme .topbar-search input{width:230px!important;min-width:180px!important}
  body.recrumax-mockup-theme .rm-dashboard-primary-grid{grid-template-columns:1fr!important}
  body.recrumax-mockup-theme .rm-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:980px){
  body.recrumax-mockup-theme .topbar-search{display:none!important}
  body.recrumax-mockup-theme .topbar-inner{padding:11px 16px!important;min-height:68px!important}
  body.recrumax-mockup-theme .content{padding:14px 16px 24px!important}
  body.recrumax-mockup-theme .rm-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.recrumax-mockup-theme .rm-pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.recrumax-mockup-theme .rm-pipeline-grid>a{border-bottom:1px solid #e7edf4!important}
  body.recrumax-mockup-theme .grid-2,
  body.recrumax-mockup-theme .grid-3,
  body.recrumax-mockup-theme .grid-4{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  body.recrumax-mockup-theme .sidebar{width:min(88vw,300px)!important;flex-basis:auto!important}
  body.recrumax-mockup-theme .topbar-user .rm-user-copy{display:none!important}
  body.recrumax-mockup-theme .rm-user-avatar-small{width:32px;height:32px}
  body.recrumax-mockup-theme .rm-module-grid{grid-template-columns:1fr!important}
  body.recrumax-mockup-theme .summary-strip,
  body.recrumax-mockup-theme .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.recrumax-mockup-theme .recruitment-pipeline-board{grid-auto-columns:minmax(205px,80vw)!important}
}
@media (max-width:520px){
  body.recrumax-mockup-theme .content{padding:11px!important;gap:10px!important}
  body.recrumax-mockup-theme .topbar h2{font-size:17px!important}
  body.recrumax-mockup-theme .page-description{display:none!important}
  body.recrumax-mockup-theme .rm-kpi-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.recrumax-mockup-theme .rm-kpi-card{min-height:66px;padding:10px!important}
  body.recrumax-mockup-theme .rm-kpi-card strong{font-size:17px}
  body.recrumax-mockup-theme .rm-panel{padding:10px!important}
  body.recrumax-mockup-theme .rm-pipeline-grid{grid-template-columns:1fr 1fr!important}
  body.recrumax-mockup-theme .rm-module-grid{gap:8px!important}
  body.recrumax-mockup-theme .summary-strip,
  body.recrumax-mockup-theme .stats{grid-template-columns:1fr!important}
  body.recrumax-mockup-theme table{font-size:8.5px!important}
}