/* THRS Employee Center | Midnight Gold Premium 2026
   Screenshot-driven, visual-only release. Uses actual existing data, filters and actions.
   The UI reference illustrates decorative growth charts, bulk checkboxes, and extra controls
   absent from the app. Do NOT fabricate metrics or add nonfunctional controls.
   Dark theme only; preserve RTL/LTR, light mode, accessibility and page permissions. */

/* Base canvas, same midnight navy/gold identity as dashboard. */
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees.thrs-content-operational {
  --emp-lux-ink:#f6f9ff;
  --emp-lux-text:#d0deed;
  --emp-lux-quiet:#afc4df;
  --emp-lux-gold:#f0c778;
  --emp-lux-line:rgba(165,202,242,.23);
  --emp-lux-gold-line:rgba(235,190,110,.57);
  --emp-lux-shadow:0 19px 46px rgba(0,7,22,.27),inset 0 1px 0 rgba(248,252,255,.06);
  color:var(--emp-lux-ink);
  background:transparent;
}

/* Editorial employee central hero, ornamental gold horizon & luminous sweep. */
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:165px!important;
  padding:23px clamp(20px,2.6vw,40px)!important;
  margin-bottom:23px!important;
  border-radius:22px!important;
  border:1px solid rgba(234,191,112,.66)!important;
  background:
    radial-gradient(ellipse at 84% 0%,rgba(231,177,89,.17),transparent 31%),
    radial-gradient(ellipse at 16% 93%,rgba(37,98,151,.23),transparent 39%),
    linear-gradient(112deg,#0a2645 0%,#091e37 56%,#102c48 100%)!important;
  box-shadow:0 20px 51px rgba(0,7,22,.28),0 0 19px rgba(219,172,92,.09),inset 0 1px 0 rgba(255,235,184,.08)!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero::before {
  content:"";position:absolute;inset:0 0 0 37%;pointer-events:none;z-index:0;
  opacity:.7;
  background:
    repeating-radial-gradient(ellipse 200px 92px at 73% 140%,transparent 0 15px,rgba(243,197,110,.26) 16px 16.45px,transparent 17px 26px),
    radial-gradient(ellipse at 68% 10%,rgba(255,220,130,.31),transparent 32%);
  mask-image:linear-gradient(90deg,transparent,black 30%,black);
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero::after {
  content:"";position:absolute;inset-block:0;inset-inline-end:0;width:43%;pointer-events:none;z-index:0;
  background:linear-gradient(142deg,transparent 51%,rgba(254,204,102,.27) 51.18%,transparent 51.43%);
  opacity:.65;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero > * {position:relative;z-index:1;}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero .thrs-eyebrow {
  color:#f4d795!important;
  background:linear-gradient(105deg,rgba(224,174,79,.22),rgba(80,78,39,.06))!important;
  border:1px solid rgba(242,190,90,.60)!important;
  box-shadow:inset 0 1px 0 rgba(255,244,219,.07);
  font-size:11.5px!important;font-weight:770!important;
  letter-spacing:.04em;
  padding:7px 12px;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero .page-title {
  color:#f9fbff!important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(28px,2.5vw,43px)!important;
  letter-spacing:-.022em;
  font-weight:800!important;
  line-height:1.12!important;
  text-shadow:0 4px 22px rgba(1,10,33,.27);
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) [dir="rtl"] .thrs-page-employees .thrs-employee-central-hero .page-title {
  font-family:inherit;letter-spacing:0;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero .thrs-page-subtitle {
  color:#d4e4f5!important;
  font-size:13px!important;
  font-weight:640!important;
  line-height:1.5;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero .thrs-page-header-actions {
  flex:1 1 500px;gap:12px;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero .emp-search-wrap {
  width:min(100%,415px)!important;
  max-width:415px!important;
  min-height:45px!important;
  flex:1 1 270px;
  border:1px solid rgba(139,192,242,.38)!important;
  border-radius:13px!important;
  background:rgba(20,52,88,.88)!important;
  box-shadow:inset 0 1px 0 rgba(244,250,255,.075),0 8px 19px rgba(0,12,34,.16)!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero .emp-search-icon {
  color:#aac9e8!important;opacity:1!important;
  inset-inline-start:15px;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero .emp-search-input {
  width:100%!important;height:45px!important;
  color:#f1f8ff!important;font-size:13px!important;
  border:0!important;background:transparent!important;
  box-shadow:none!important;
  padding-inline-start:46px!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero .emp-search-input::placeholder {
  color:#b5cce2!important;opacity:1;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero .emp-search-wrap:focus-within {
  border-color:rgba(248,204,123,.87)!important;
  box-shadow:0 0 0 3px rgba(231,185,90,.16),0 9px 19px rgba(0,11,30,.21)!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero .thrs-btn {
  min-height:45px!important;
  border-radius:12px!important;
  color:#201b10!important;
  background:linear-gradient(180deg,#ffe5a0,#f2bf63)!important;
  border:1px solid #ffe6ab!important;
  font-size:12.5px!important;
  font-weight:820!important;
  box-shadow:0 8px 23px rgba(216,162,71,.22),inset 0 1px 0 rgba(255,255,255,.37)!important;
  white-space:nowrap;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero .thrs-btn:hover {
  background:linear-gradient(180deg,#ffefbd,#ffd27f)!important;
  box-shadow:0 10px 27px rgba(216,162,71,.29)!important;
}

/* Filter bar: eliminate white-on-dark theme leakage. */
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-filter-command-bar {
  display:grid;
  grid-template-columns:minmax(156px,.64fr) repeat(3,minmax(160px,1fr)) auto;
  align-items:center;
  gap:11px!important;
  min-height:70px!important;
  margin:0 0 23px!important;
  padding:13px 15px!important;
  border-radius:16px!important;
  background:linear-gradient(118deg,#102d4c,#0a233c 74%,#112d4c)!important;
  border:1px solid rgba(229,192,113,.38)!important;
  box-shadow:var(--emp-lux-shadow)!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-filter-title {
  color:#f5d594!important;
  font-size:11.5px!important;
  font-weight:770!important;
  display:flex;align-items:center;gap:8px;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-filter-title svg {
  color:#f4d18b;
  background:rgba(247,194,94,.14);
  border-radius:7px;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-filter-command-bar .form-select {
  width:100%!important;
  min-width:0!important;
  min-height:43px!important;
  padding-inline:13px 28px!important;
  color:#ecf4ff!important;
  background-color:#153755!important;
  background-image:none!important;
  color-scheme:dark;
  border:1px solid rgba(148,198,241,.35)!important;
  border-radius:11px!important;
  box-shadow:inset 0 1px 0 rgba(238,250,255,.055)!important;
  font-size:12.5px!important;
  font-weight:630;
  cursor:pointer;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-filter-command-bar .form-select option {
  background:#0e2c49;color:#f5faff;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-filter-command-bar .form-select:hover {
  border-color:rgba(245,201,123,.65)!important;
  background-color:#1a4166!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-filter-command-bar .form-select:focus-visible {
  outline:2px solid #f5d38b!important;
  outline-offset:2px;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-clear-filter-btn {
  min-height:43px!important;
  padding-inline:13px!important;
  color:#ffced5!important;
  background:rgba(118,39,64,.25)!important;
  border:1px solid rgba(245,140,158,.41)!important;
  border-radius:11px!important;
  font-size:12px!important;
  font-weight:750!important;
}

/* Real four KPI numbers, luxury elevation and distinct accents. */
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stats-grid {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(13px,1.4vw,20px)!important;
  margin:0 0 22px!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card {
  position:relative;isolation:isolate;overflow:hidden;
  display:grid!important;
  grid-template-columns:65px minmax(0,1fr)!important;
  grid-template-rows:1fr auto!important;
  align-items:center;
  column-gap:10px;row-gap:5px;
  min-height:142px!important;
  padding:19px 19px!important;
  border-radius:19px!important;
  border:1px solid rgba(142,184,231,.33)!important;
  background:linear-gradient(132deg,#0e3051 0%,#0a203d 100%)!important;
  box-shadow:var(--emp-lux-shadow)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card::before {
  content:"";position:absolute;inset-block-start:-54px;inset-inline-start:-47px;
  width:139px;height:139px;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(115,167,228,.18),transparent 72%);
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card::after {
  content:"";position:absolute;inset-inline:22px;bottom:0;height:2px;pointer-events:none;z-index:0;
  background:linear-gradient(90deg,transparent,rgba(211,177,109,.72),transparent);
  opacity:.48;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card > * {z-index:1;position:relative;}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card .emp-stat-icon {
  grid-column:1;grid-row:1 / span 2;
  width:56px!important;height:56px!important;
  margin:0!important;
  display:grid;place-items:center;
  border-radius:15px!important;
  background:linear-gradient(150deg,rgba(66,132,205,.33),rgba(18,67,132,.61))!important;
  border:1px solid rgba(135,199,255,.29);
  color:#a9d8ff!important;
  box-shadow:0 9px 21px rgba(1,13,35,.22),inset 0 1px 0 rgba(238,252,255,.08);
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card .emp-stat-value {
  grid-column:2;grid-row:1;
  align-self:end;
  color:#f9fcff!important;
  font-size:clamp(32px,2.65vw,47px)!important;
  font-weight:810!important;
  letter-spacing:-.035em;
  line-height:1.04!important;
  font-variant-numeric:tabular-nums;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card .emp-stat-label {
  grid-column:2;grid-row:2;
  align-self:start;
  margin-top:0!important;
  color:#d2e1f0!important;
  font-size:11.5px!important;
  font-weight:780!important;
  letter-spacing:.035em;
  line-height:1.55;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card:nth-child(2) {
  border-color:rgba(57,197,142,.47)!important;
  background:linear-gradient(137deg,#0c403f,#082a41)!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card:nth-child(2) .emp-stat-icon {
  color:#5af0bb!important;background:linear-gradient(140deg,rgba(14,138,112,.48),rgba(12,78,83,.58))!important;
  border-color:rgba(69,226,169,.28);
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card:nth-child(3) {
  border-color:rgba(240,197,104,.52)!important;
  background:linear-gradient(135deg,#373626,#0c2b49)!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card:nth-child(3) .emp-stat-icon {
  color:#ffe09a!important;background:linear-gradient(140deg,rgba(172,125,39,.42),rgba(107,80,32,.50))!important;
  border-color:rgba(236,189,97,.29);
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card:nth-child(4) {
  border-color:rgba(164,131,240,.45)!important;
  background:linear-gradient(135deg,#282952,#0b2544)!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card:nth-child(4) .emp-stat-icon {
  color:#d7bbff!important;background:linear-gradient(145deg,rgba(120,73,205,.45),rgba(54,42,114,.55))!important;
  border-color:rgba(181,139,254,.29);
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card:is(:hover,:focus-within) {
  border-color:rgba(255,215,139,.67)!important;
  box-shadow:0 23px 44px rgba(0,8,24,.29),0 0 19px rgba(236,181,89,.10)!important;
}

/* Employee table: sapphire glass header, alternating navy rows and gold identity. */
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table-card {
  overflow:hidden!important;
  border-radius:20px!important;
  background:#0c2848!important;
  border:1px solid rgba(133,183,232,.34)!important;
  box-shadow:0 21px 52px rgba(0,6,19,.32),inset 0 1px 0 rgba(243,248,255,.08)!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table-wrap {
  max-height:min(68vh,800px);
  overflow:auto!important;
  border-radius:19px 19px 0 0!important;
  scrollbar-color:rgba(218,178,105,.63) rgba(9,32,58,.42);
  scrollbar-width:thin;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table {
  border-collapse:separate!important;
  border-spacing:0!important;
  min-width:900px;
  width:100%;
  table-layout:fixed;
  background:transparent!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table thead th {
  height:54px!important;
  position:sticky;top:0;z-index:5;
  background:linear-gradient(180deg,#173d64,#112f50)!important;
  border-bottom:1px solid rgba(176,211,240,.29)!important;
  color:#d8e7f5!important;
  font-size:11px!important;
  font-weight:820!important;
  letter-spacing:.064em;
  text-transform:uppercase;
  padding:14px 15px!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table .thrs-table-heading {
  color:#dfeaf7!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table tbody tr {
  height:75px;
  background:transparent!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table tbody td {
  padding:11px 15px!important;
  color:#e7eff9!important;
  background:#102f52!important;
  border-bottom:1px solid rgba(150,195,238,.13)!important;
  vertical-align:middle;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table tbody tr:nth-child(even) td {
  background:#17395e!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table tbody tr:hover td,
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table tbody tr:focus-visible td {
  background:#234873!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table tbody tr:focus-visible {
  outline:2px solid #f6d28b!important;
  outline-offset:-2px;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table .thrs-employee-avatar {
  flex:0 0 41px;width:41px!important;height:41px!important;
  border-radius:13px!important;
  background:linear-gradient(152deg,#ffe4a5,#e4ac51)!important;
  border:1px solid rgba(255,222,150,.75);
  color:#102846!important;
  font-size:12px!important;font-weight:900!important;
  box-shadow:0 6px 14px rgba(239,188,94,.21);
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-name {
  color:#f6faff!important;font-size:13.5px!important;
  font-weight:810!important;line-height:1.42;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees :is(.thrs-employee-meta,.thrs-employee-email) {
  color:#c6d8ec!important;
  font-size:11px!important;
  line-height:1.45;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-department {
  color:#f0f6ff!important;font-size:12.5px!important;font-weight:750!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-position {
  color:#c6d9ed!important;font-size:11.5px!important;font-weight:610!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-hire-date {
  color:#dae7f7!important;font-size:12px!important;font-weight:690!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table .thrs-employee-role-chip {
  color:#dcecff!important;background:#1a416f!important;
  border:1px solid rgba(103,164,232,.48)!important;
  border-radius:9px!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:770!important;
  min-height:27px!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table :is(.badge-success,.badge-info) {
  color:#94f6c4!important;
  background:rgba(20,125,86,.29)!important;
  border:1px solid rgba(57,214,143,.56)!important;
  border-radius:9px!important;
  min-height:27px!important;
  font-weight:760!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table :is(.badge-warning,.badge-orange) {
  color:#ffe2a1!important;
  background:rgba(155,104,28,.28)!important;
  border:1px solid rgba(239,188,92,.55)!important;
  border-radius:9px!important;
  min-height:27px!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table :is(.badge-danger,.badge-error) {
  color:#ffb4ba!important;
  background:rgba(132,40,59,.31)!important;
  border:1px solid rgba(252,126,140,.46)!important;
  border-radius:9px!important;
  min-height:27px!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-actions .action-btn-edit {
  color:#f8fbff!important;
  background:linear-gradient(145deg,#3891f7,#2370d8)!important;
  border:1px solid rgba(130,196,255,.58)!important;
  border-radius:10px!important;
  font-size:11.5px!important;
  min-height:34px!important;
  padding-inline:11px!important;
  box-shadow:0 5px 14px rgba(16,66,146,.25)!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-actions .action-btn-edit:hover {
  background:linear-gradient(140deg,#57a7ff,#3382ec)!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-more-btn {
  color:#e7f3ff!important;
  background:#0c2b4c!important;
  border:1px solid rgba(142,190,239,.45)!important;
  border-radius:10px!important;
  width:34px!important;height:34px!important;
  min-height:34px!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-more-btn:hover {
  color:#ffe6ae!important;border-color:rgba(243,200,115,.66)!important;
  background:#18456d!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-employee-action-menu {
  border:1px solid rgba(148,190,233,.33)!important;
  background:#102d4e!important;
  box-shadow:0 19px 45px rgba(0,7,25,.38)!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-employee-action-menu button {
  color:#eef6ff!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-employee-action-menu button.is-danger {
  color:#ffb8c1!important;
}

/* Golden active pagination, matching reference. */
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table-card .pagination-bar {
  min-height:66px;
  padding:12px 18px!important;
  border:0!important;
  border-top:1px solid rgba(148,197,239,.27)!important;
  border-radius:0 0 19px 19px!important;
  background:linear-gradient(120deg,#0a2747,#0c3152)!important;
  color:#d1e3f5!important;
  gap:12px;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .pagination-info {
  font-size:12px!important;color:#c7d8eb!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .pagination-info strong {color:#f4faff!important;}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .pagination-btn {
  background:#102d4d!important;
  color:#e5f0fb!important;
  border:1px solid rgba(123,177,231,.38)!important;
  border-radius:10px!important;
  font-size:12.5px!important;
  font-weight:720!important;
  min-width:36px;height:36px!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .pagination-btn.active {
  color:#241c10!important;
  background:linear-gradient(160deg,#ffe6a8,#edba61)!important;
  border-color:#ffdfa3!important;
  box-shadow:0 4px 12px rgba(232,176,82,.24)!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .pagination-btn:not(:disabled):not(.active):hover {
  color:#f5daa4!important;background:#174368!important;
  border-color:rgba(243,201,122,.64)!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .pagination-size label {
  color:#c9dced!important;font-size:12px!important;
}
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .pagination-size-select {
  min-height:36px!important;
  color:#ebf4ff!important;
  background:#123657!important;
  border:1px solid rgba(136,187,239,.47)!important;
  border-radius:10px!important;
  color-scheme:dark;
}

/* Accessible focus rings and reduced-motion respecting hover. */
:is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees :is(
  a,button,input,select,tr[tabindex]
):focus-visible {
  outline:2px solid #ffe29c!important;
  outline-offset:3px;
}
@media (max-width:1150px) {
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-filter-command-bar {
   grid-template-columns:repeat(3,minmax(0,1fr));
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-filter-title {
   grid-column:1 / -1;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-clear-filter-btn {
   grid-column:1 / -1;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stats-grid {
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}
@media (max-width:760px) {
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero {
   padding:20px 17px!important;
   min-height:0!important;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero::before {
   inset-inline-start:0;opacity:.19;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero .page-title {
   font-size:clamp(26px,6vw,36px)!important;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-central-hero .emp-search-wrap {
   max-width:100%!important;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-filter-command-bar {
   grid-template-columns:1fr!important;padding:13px!important;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-filter-title,
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-clear-filter-btn {
   grid-column:auto;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stats-grid {
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:10px!important;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card {
   min-height:118px!important;
   grid-template-columns:43px 1fr!important;
   padding:13px!important;
   column-gap:7px;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card .emp-stat-icon {
   width:40px!important;height:40px!important;border-radius:11px!important;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card .emp-stat-value {
   font-size:clamp(26px,5vw,35px)!important;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stat-card .emp-stat-label {
   font-size:10px!important;letter-spacing:0;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table-wrap {
   max-height:65vh;overflow:auto!important;
 }
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .thrs-employee-table-card .pagination-bar {
   align-items:center;justify-content:center;
 }
}
@media (max-width:390px) {
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees .emp-stats-grid {
   grid-template-columns:1fr!important;
 }
}
@media (prefers-reduced-motion:reduce) {
 :is(html[data-theme="dark"],html.dark,body.dark-mode) .thrs-page-employees :is(
  .emp-stat-card,.thrs-employee-table tbody tr,
  .thrs-employee-central-hero .thrs-btn
 ) {
   animation:none!important;transition:none!important;transform:none!important;
 }
}
@media (forced-colors:active) {
 .thrs-page-employees :is(a,button,input,select):focus-visible {
   outline:2px solid Highlight!important;
 }
}