/* THRS Employees Premium Workspace V1 — scoped, design-only release.
   No employee data, filters, role rules or handlers changed. Portaled form and
   action menu intentionally have their own tightly scoped selectors. */

html[data-theme="light"] .thrs-page-employees {
 --e1-bg:#f1f5fb; --e1-surface:#ffffff; --e1-surface-2:#f7f9fd;
 --e1-heading:#142d48; --e1-ink:#25435f; --e1-muted:#536d86;
 --e1-line:#d4e0ed; --e1-gold:#94651f;
 --e1-shadow:0 16px 38px rgba(15,43,75,.095);
 --e1-shadow-hover:0 24px 44px rgba(15,43,75,.14);
 --e1-ring:#b68c41;
 color:var(--e1-heading);
}
html[data-theme="dark"] .thrs-page-employees {
 --e1-bg:#081a2d; --e1-surface:#112c47; --e1-surface-2:#173955;
 --e1-heading:#f4f8ff; --e1-ink:#e3eefc; --e1-muted:#bfd3e9;
 --e1-line:#50718e; --e1-gold:#f3d28b;
 --e1-shadow:0 16px 41px rgba(0,0,0,.30);
 --e1-shadow-hover:0 23px 47px rgba(0,0,0,.42);
 --e1-ring:#f0c982;
 color:var(--e1-heading);
}
html[data-theme] .thrs-page-employees {
 display:flex !important; flex-direction:column !important;
 gap:clamp(16px,1.5vw,23px) !important;
 padding-block-end:32px !important;
}
html[data-theme] .thrs-page-employees > :is(.thrs-employee-central-hero,.thrs-filter-command-bar,.emp-stats-grid,.thrs-employee-table-card) {
 margin-block:0 !important;
}

/* An editorial, crisp Hero — interactive text and controls are actual DOM. */
html[data-theme="light"] .thrs-page-employees .thrs-employee-central-hero {
 background:
  radial-gradient(circle at 89% 16%,rgba(235,200,134,.21),transparent 27%),
  radial-gradient(circle at 12% 100%,rgba(57,119,166,.25),transparent 46%),
  linear-gradient(122deg,#123a61 0%,#092741 64%,#0a2239 100%) !important;
 border:1px solid #b88c4c !important;
 box-shadow:0 22px 48px rgba(11,36,64,.23) !important;
}
html[data-theme="dark"] .thrs-page-employees .thrs-employee-central-hero {
 background:
  radial-gradient(circle at 88% 20%,rgba(233,179,85,.18),transparent 32%),
  radial-gradient(circle at 7% 90%,rgba(31,96,148,.25),transparent 46%),
  linear-gradient(122deg,#09233e 0%,#071b31 68%,#081c31 100%) !important;
 border:1px solid #b68a4f !important;
 box-shadow:0 23px 49px rgba(0,0,0,.43) !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero {
 position:relative;isolation:isolate;overflow:hidden;
 min-height:186px !important;
 display:grid !important;
 grid-template-columns:minmax(0,1fr) minmax(325px,.88fr) !important;
 align-items:center !important;
 gap:25px !important;
 padding:clamp(24px,2.4vw,35px) clamp(24px,2.9vw,42px) !important;
 border-radius:24px !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero::before {
 content:"";position:absolute;inset:0;
 pointer-events:none;z-index:0;opacity:.4;
 background:
  repeating-linear-gradient(145deg,transparent 0 50px,rgba(255,214,134,.045) 51px,transparent 52px 103px),
  radial-gradient(circle at 82% 40%,transparent 0 72px,rgba(232,189,101,.21) 73px,transparent 75px,transparent 100px,rgba(232,189,101,.12) 101px,transparent 103px);
 mask-image:linear-gradient(90deg,transparent 30%,#000 75%);
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero::after {
 content:"";position:absolute;
 inset-block-start:-150px;inset-inline-end:-150px;
 width:390px;height:390px;border:1px solid rgba(251,220,151,.22);
 border-radius:50%;box-shadow:0 0 0 45px rgba(239,191,108,.035);
 pointer-events:none;z-index:0;
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero > * {
 position:relative;z-index:1;min-width:0;
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero .thrs-eyebrow {
 display:inline-flex !important;width:max-content;max-width:100%;
 align-items:center;gap:8px;
 color:#f9dd9d !important;
 background:rgba(246,217,150,.11) !important;
 border:1px solid rgba(248,213,141,.52) !important;
 border-radius:999px !important;
 padding:8px 12px !important;
 font-size:11px !important;font-weight:800 !important;
 letter-spacing:.07em;
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero .page-title {
 font-family:inherit !important;
 font-size:clamp(30px,2.65vw,43px) !important;
 color:#ffffff !important;
 line-height:1.22 !important;
 font-weight:880 !important;
 letter-spacing:-.025em !important;
 text-shadow:0 5px 17px rgba(0,8,27,.22);
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero .thrs-page-subtitle {
 color:#e0eaf7 !important;
 font-size:13.5px !important;
 font-weight:650 !important;line-height:1.7 !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero .thrs-page-header-actions {
 display:flex !important;
 align-items:center !important;justify-content:flex-end !important;
 flex-wrap:wrap !important;gap:10px !important;
 flex:initial !important;min-width:0;
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero .emp-search-wrap {
 flex:1 1 245px !important;
 width:100% !important;max-width:415px !important;min-width:160px !important;
 min-height:49px !important;
 border-radius:13px !important;
 background:rgba(8,30,53,.76) !important;
 border:1px solid rgba(170,203,234,.55) !important;
 box-shadow:0 8px 22px rgba(1,12,28,.16),inset 0 1px 0 rgba(255,255,255,.1) !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero .emp-search-icon {color:#d9e9ff !important;}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero .emp-search-input {
 background:transparent !important;
 border:0 !important;
 width:100% !important;min-height:47px !important;
 color:#fff !important;-webkit-text-fill-color:#fff !important;
 box-shadow:none !important;
 font-size:13px !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero .emp-search-input::placeholder {
 color:#c4d7ec !important;-webkit-text-fill-color:#c4d7ec !important;opacity:1;
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero .emp-search-wrap:focus-within {
 border-color:#f6d58e !important;box-shadow:0 0 0 3px rgba(245,209,133,.22) !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero .thrs-btn {
 min-height:49px !important;
 padding-inline:19px !important;
 color:#0c2438 !important;-webkit-text-fill-color:#0c2438 !important;
 font-size:13px !important;font-weight:860 !important;
 background:linear-gradient(125deg,#ffedbd,#e3b763) !important;
 border:1px solid #ffebba !important;
 border-radius:13px !important;
 box-shadow:0 9px 23px rgba(7,23,38,.16) !important;
 white-space:nowrap;
}
html[data-theme] .thrs-page-employees .thrs-employee-central-hero .thrs-btn:hover:not(:disabled) {
 background:linear-gradient(120deg,#fff4cf,#edc77c) !important;
 transform:translateY(-1px);
}

/* Search/filter station — same controls, deliberate ergonomic order. */
html[data-theme="light"] .thrs-page-employees .thrs-filter-command-bar {
 background:linear-gradient(130deg,#ffffff,#f5f8fd) !important;
 border:1px solid #d1deeb !important;
 box-shadow:var(--e1-shadow) !important;
}
html[data-theme="dark"] .thrs-page-employees .thrs-filter-command-bar {
 background:linear-gradient(130deg,#173a59,#102b45) !important;
 border:1px solid #517793 !important;
 box-shadow:var(--e1-shadow) !important;
}
html[data-theme] .thrs-page-employees .thrs-filter-command-bar {
 display:grid !important;
 grid-template-columns:minmax(160px,.72fr) repeat(3,minmax(145px,1fr)) auto !important;
 align-items:center !important;
 gap:12px !important;
 min-height:79px !important;
 padding:15px 18px !important;
 border-radius:18px !important;
}
html[data-theme] .thrs-page-employees .thrs-filter-title {
 display:flex !important;align-items:center;gap:9px;
 color:var(--e1-heading) !important;
 font-size:13px !important;font-weight:830 !important;
 white-space:normal !important;
}
html[data-theme] .thrs-page-employees .thrs-filter-title svg {
 width:35px;height:35px;padding:9px;
 color:var(--e1-gold) !important;
 border-radius:11px;
 background:color-mix(in srgb,var(--e1-gold) 13%,transparent);
 flex:0 0 auto;
}
html[data-theme] .thrs-page-employees .thrs-filter-command-bar .form-select {
 width:100% !important;min-width:0 !important;
 min-height:46px !important;
 padding-inline:13px 28px !important;
 background:var(--e1-surface) !important;color:var(--e1-ink) !important;
 -webkit-text-fill-color:var(--e1-ink) !important;
 border:1px solid var(--e1-line) !important;
 box-shadow:0 3px 9px rgba(6,26,49,.045) !important;
 font-size:12.5px !important;font-weight:700 !important;
 border-radius:12px !important;
 color-scheme:normal;
 cursor:pointer;
}
html[data-theme] .thrs-page-employees .thrs-filter-command-bar .form-select option {
 background:var(--e1-surface);color:var(--e1-heading);
}
html[data-theme] .thrs-page-employees .thrs-filter-command-bar .form-select:focus-visible {
 border-color:var(--e1-ring) !important;
 outline:3px solid var(--e1-ring) !important;outline-offset:2px;
}
html[data-theme="light"] .thrs-page-employees .thrs-clear-filter-btn {
 color:#9b3030 !important;background:#fff2f0 !important;
 border:1px solid #eab9b0 !important;
}
html[data-theme="dark"] .thrs-page-employees .thrs-clear-filter-btn {
 color:#ffe0de !important;background:#64303a !important;
 border:1px solid #ac6a71 !important;
}
html[data-theme] .thrs-page-employees .thrs-clear-filter-btn {
 min-height:46px !important;padding-inline:14px !important;
 border-radius:12px !important;font-size:12px !important;font-weight:760 !important;
 white-space:nowrap;
}

/* Genuine four metrics: distinctive semantic surfaces, no mock KPIs. */
html[data-theme] .thrs-page-employees .emp-stats-grid {
 display:grid !important;
 grid-template-columns:repeat(4,minmax(0,1fr)) !important;
 gap:clamp(11px,1.35vw,18px) !important;
}
html[data-theme] .thrs-page-employees .emp-stat-card {
 position:relative;isolation:isolate;
 display:grid !important;
 grid-template-columns:62px minmax(0,1fr) !important;
 grid-template-rows:1fr auto !important;
 gap:7px 15px !important;align-items:center !important;
 min-height:152px !important;
 padding:21px !important;
 border-radius:20px !important;
 overflow:hidden !important;
 border:1px solid var(--e1-line) !important;
 box-shadow:var(--e1-shadow) !important;
 transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease;
}
html[data-theme="light"] .thrs-page-employees .emp-stat-card {
 background:linear-gradient(140deg,#ffffff,#f0f5fc) !important;
}
html[data-theme="dark"] .thrs-page-employees .emp-stat-card {
 background:linear-gradient(137deg,#163957,#092842) !important;
}
html[data-theme] .thrs-page-employees .emp-stat-card:nth-child(2) {
 border-color:color-mix(in srgb,#159b72 48%,var(--e1-line)) !important;
}
html[data-theme="light"] .thrs-page-employees .emp-stat-card:nth-child(2) {background:linear-gradient(135deg,#ffffff,#effbf5) !important;}
html[data-theme="dark"] .thrs-page-employees .emp-stat-card:nth-child(2) {background:linear-gradient(135deg,#153d3b,#0b2e40) !important;}
html[data-theme] .thrs-page-employees .emp-stat-card:nth-child(3) {
 border-color:color-mix(in srgb,#bf9438 49%,var(--e1-line)) !important;
}
html[data-theme="light"] .thrs-page-employees .emp-stat-card:nth-child(3) {background:linear-gradient(135deg,#ffffff,#fdf8eb) !important;}
html[data-theme="dark"] .thrs-page-employees .emp-stat-card:nth-child(3) {background:linear-gradient(135deg,#373326,#132e48) !important;}
html[data-theme] .thrs-page-employees .emp-stat-card:nth-child(4) {
 border-color:color-mix(in srgb,#636fc5 42%,var(--e1-line)) !important;
}
html[data-theme="light"] .thrs-page-employees .emp-stat-card:nth-child(4) {background:linear-gradient(135deg,#ffffff,#f1f1fe) !important;}
html[data-theme="dark"] .thrs-page-employees .emp-stat-card:nth-child(4) {background:linear-gradient(135deg,#272d53,#102a46) !important;}
html[data-theme] .thrs-page-employees .emp-stat-card::before {
 content:"";position:absolute;top:-53px;inset-inline-end:-42px;
 width:160px;height:160px;border-radius:50%;
 border:1px solid color-mix(in srgb,var(--e1-gold) 24%,transparent);
 box-shadow:0 0 0 22px color-mix(in srgb,var(--e1-gold) 3%,transparent);
 pointer-events:none;
}
html[data-theme] .thrs-page-employees .emp-stat-card::after {
 content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;
 background:linear-gradient(90deg,transparent,var(--e1-gold),transparent) !important;
 opacity:.75;
}
html[data-theme] .thrs-page-employees .emp-stat-icon {
 grid-column:1 !important;grid-row:1 / span 2 !important;
 width:60px !important;height:60px !important;margin:0 !important;
 display:grid !important;place-items:center;
 border-radius:17px !important;
 color:var(--e1-gold) !important;
 background:color-mix(in srgb,var(--e1-gold) 12%,var(--e1-surface)) !important;
 border:1px solid color-mix(in srgb,var(--e1-gold) 25%,var(--e1-line)) !important;
 box-shadow:0 7px 15px rgba(8,32,61,.075);
}
html[data-theme] .thrs-page-employees .emp-stat-card:nth-child(2) .emp-stat-icon {
 color:var(--e1-ink) !important;
 background:color-mix(in srgb,#29b88b 17%,var(--e1-surface)) !important;
 border-color:color-mix(in srgb,#27a87d 36%,var(--e1-line)) !important;
}
html[data-theme] .thrs-page-employees .emp-stat-value {
 grid-column:2 !important;grid-row:1 !important;align-self:end;
 color:var(--e1-heading) !important;
 font-size:clamp(35px,2.55vw,45px) !important;
 font-weight:870 !important;line-height:1.08 !important;
 font-variant-numeric:tabular-nums;
 letter-spacing:-.03em !important;
}
html[data-theme] .thrs-page-employees .emp-stat-label {
 grid-column:2 !important;grid-row:2 !important;align-self:start;
 color:var(--e1-muted) !important;
 font-size:12.5px !important;font-weight:750 !important;
 line-height:1.5 !important;
 letter-spacing:0 !important;
}
@media(hover:hover) and (pointer:fine) {
 html[data-theme] .thrs-page-employees .emp-stat-card:hover {
  transform:translateY(-3px);
  border-color:var(--e1-ring) !important;box-shadow:var(--e1-shadow-hover) !important;
 }
}

/* Employee directory table: professional data density, legible states. */
html[data-theme] .thrs-page-employees .thrs-employee-table-card {
 border-radius:22px !important;overflow:hidden !important;
 border:1px solid var(--e1-line) !important;
 box-shadow:var(--e1-shadow) !important;
 background:var(--e1-surface) !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-table-wrap {
 max-height:min(69vh,830px) !important;
 overflow:auto !important;
 border-radius:21px 21px 0 0 !important;
 scrollbar-width:thin;
 scrollbar-color:color-mix(in srgb,var(--e1-gold) 65%,var(--e1-line)) var(--e1-surface-2);
}
html[data-theme] .thrs-page-employees .thrs-employee-table {
 width:100% !important;min-width:990px !important;
 table-layout:fixed !important;
 border-collapse:separate !important;border-spacing:0 !important;
 background:transparent !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-table thead th {
 position:sticky;top:0;z-index:7;
 height:56px !important;
 font-size:11.5px !important;font-weight:850 !important;
 letter-spacing:.045em !important;
 padding:15px 18px !important;
 text-transform:uppercase;
 border-bottom:1px solid var(--e1-line) !important;
}
html[data-theme="light"] .thrs-page-employees .thrs-employee-table thead th {
 background:#edf3fa !important;
 color:#38536e !important;
 box-shadow:inset 0 -1px 0 #d0deeb;
}
html[data-theme="dark"] .thrs-page-employees .thrs-employee-table thead th {
 background:linear-gradient(180deg,#214362,#163650) !important;
 color:#e4eef9 !important;
 box-shadow:inset 0 -1px 0 #5a7792;
}
html[data-theme] .thrs-page-employees .thrs-employee-table .thrs-table-heading {
 color:inherit !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-table tbody tr {
 height:81px !important;transition:background .17s ease;
}
html[data-theme] .thrs-page-employees .thrs-employee-table tbody td {
 min-height:80px !important;
 padding:12px 18px !important;
 border-bottom:1px solid var(--e1-line) !important;
 font-size:12.5px !important;vertical-align:middle;
 color:var(--e1-ink) !important;
}
html[data-theme="light"] .thrs-page-employees .thrs-employee-table tbody tr:nth-child(odd) td {
 background:#ffffff !important;
}
html[data-theme="light"] .thrs-page-employees .thrs-employee-table tbody tr:nth-child(even) td {
 background:#f7fafe !important;
}
html[data-theme="light"] .thrs-page-employees .thrs-employee-table tbody tr:hover td,
html[data-theme="light"] .thrs-page-employees .thrs-employee-table tbody tr:focus-visible td {
 background:#eaf2fb !important;
}
html[data-theme="dark"] .thrs-page-employees .thrs-employee-table tbody tr:nth-child(odd) td {
 background:#112c46 !important;
}
html[data-theme="dark"] .thrs-page-employees .thrs-employee-table tbody tr:nth-child(even) td {
 background:#183854 !important;
}
html[data-theme="dark"] .thrs-page-employees .thrs-employee-table tbody tr:hover td,
html[data-theme="dark"] .thrs-page-employees .thrs-employee-table tbody tr:focus-visible td {
 background:#244d6c !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-table tbody tr:focus-visible {
 outline:3px solid var(--e1-ring) !important;outline-offset:-3px;
}
html[data-theme] .thrs-page-employees .thrs-employee-identity-cell {
 display:flex;align-items:center;gap:13px !important;
 min-width:0 !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-avatar {
 flex:0 0 46px !important;width:46px !important;height:46px !important;
 display:grid;place-items:center;
 border:1px solid #e5b86a !important;
 border-radius:14px !important;
 color:#102940 !important;background:linear-gradient(140deg,#ffebbc,#e4b467) !important;
 font-size:13px !important;font-weight:900 !important;
 box-shadow:0 6px 15px rgba(136,99,44,.17);
}
html[data-theme] .thrs-page-employees .thrs-employee-name {
 color:var(--e1-heading) !important;
 font-size:14px !important;font-weight:850 !important;
 line-height:1.45 !important;
}
html[data-theme] .thrs-page-employees :is(.thrs-employee-meta,.thrs-employee-email) {
 color:var(--e1-muted) !important;
 font-size:11.5px !important;line-height:1.53 !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-email {
 display:block;overflow:hidden;text-overflow:ellipsis;max-width:285px;white-space:nowrap;
}
html[data-theme] .thrs-page-employees .thrs-employee-department {
 color:var(--e1-heading) !important;
 font-size:13px !important;font-weight:780 !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-position {
 color:var(--e1-muted) !important;
 font-size:12px !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-hire-date {
 color:var(--e1-ink) !important;font-size:12.5px !important;font-weight:670 !important;
 font-variant-numeric:tabular-nums;
}
html[data-theme] .thrs-page-employees .thrs-employee-role-chip {
 display:inline-flex;align-items:center;
 max-width:100%;
 color:var(--e1-ink) !important;
 background:var(--e1-surface-2) !important;
 border:1px solid var(--e1-line) !important;
 border-radius:9px !important;font-size:11px !important;
 font-weight:750 !important;box-shadow:none !important;
}
html[data-theme="light"] .thrs-page-employees .thrs-employee-table :is(.badge-success,.badge-info) {
 color:#116244 !important;background:#e5f7ee !important;border:1px solid #a4dac1 !important;
}
html[data-theme="dark"] .thrs-page-employees .thrs-employee-table :is(.badge-success,.badge-info) {
 color:#99f0c4 !important;background:#184e41 !important;border:1px solid #529e80 !important;
}
html[data-theme="light"] .thrs-page-employees .thrs-employee-table :is(.badge-warning,.badge-orange) {
 color:#86591b !important;background:#fff4dd !important;border:1px solid #e7c88a !important;
}
html[data-theme="dark"] .thrs-page-employees .thrs-employee-table :is(.badge-warning,.badge-orange) {
 color:#ffe1a1 !important;background:#503d27 !important;border:1px solid #ad8750 !important;
}
html[data-theme="light"] .thrs-page-employees .thrs-employee-table :is(.badge-danger,.badge-error) {
 color:#a0373c !important;background:#fff0f1 !important;border:1px solid #edb8be !important;
}
html[data-theme="dark"] .thrs-page-employees .thrs-employee-table :is(.badge-danger,.badge-error) {
 color:#ffc2c6 !important;background:#53303e !important;border:1px solid #a96c79 !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-table .badge {
 border-radius:9px !important;min-height:27px !important;
 font-size:11px !important;font-weight:760 !important;padding-inline:10px !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-actions {
 display:flex !important;align-items:center;gap:8px !important;
 flex-wrap:nowrap;white-space:nowrap;
}
html[data-theme="light"] .thrs-page-employees .thrs-employee-actions .action-btn-edit {
 background:linear-gradient(120deg,#17486f,#0f3153) !important;
 border:1px solid #2d6085 !important;color:#fff !important;
}
html[data-theme="dark"] .thrs-page-employees .thrs-employee-actions .action-btn-edit {
 background:linear-gradient(120deg,#2875b7,#19528c) !important;
 border:1px solid #5da0d5 !important;color:#fff !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-actions .action-btn-edit {
 display:inline-flex !important;align-items:center;justify-content:center;
 gap:6px !important;
 min-height:38px !important;
 padding:8px 11px !important;
 border-radius:11px !important;
 font-size:11.5px !important;font-weight:790 !important;
 box-shadow:0 5px 15px rgba(5,33,68,.12) !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-more-btn {
 display:grid !important;place-items:center;
 width:38px !important;height:38px !important;min-height:38px !important;
 background:var(--e1-surface-2) !important;
 color:var(--e1-ink) !important;
 border:1px solid var(--e1-line) !important;
 border-radius:11px !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-more-btn:hover {
 border-color:var(--e1-ring) !important;
 background:var(--e1-surface) !important;
}

/* Pagination: a coherent control dock with visible selected state. */
html[data-theme="light"] .thrs-page-employees .thrs-employee-table-card .pagination-bar {
 background:#f6f9fd !important;border-top:1px solid #d3e0ec !important;
}
html[data-theme="dark"] .thrs-page-employees .thrs-employee-table-card .pagination-bar {
 background:#14324f !important;border-top:1px solid #50728e !important;
}
html[data-theme] .thrs-page-employees .thrs-employee-table-card .pagination-bar {
 min-height:70px !important;
 display:flex !important;align-items:center;justify-content:space-between;
 gap:12px !important;
 padding:14px 19px !important;
 border-radius:0 0 21px 21px !important;
}
html[data-theme] .thrs-page-employees .pagination-info,
html[data-theme] .thrs-page-employees .pagination-size label {
 color:var(--e1-muted) !important;font-size:12.5px !important;
}
html[data-theme] .thrs-page-employees .pagination-info strong {
 color:var(--e1-heading) !important;
}
html[data-theme] .thrs-page-employees .pagination-btn {
 min-width:37px !important;height:37px !important;
 font-size:12px !important;border-radius:10px !important;
 border:1px solid var(--e1-line) !important;
 background:var(--e1-surface) !important;color:var(--e1-ink) !important;
}
html[data-theme] .thrs-page-employees .pagination-btn.active {
 color:#132a40 !important;background:linear-gradient(130deg,#ffe5a8,#ddb166) !important;
 border-color:#e2b979 !important;box-shadow:0 5px 12px rgba(165,124,59,.18) !important;
}
html[data-theme] .thrs-page-employees .pagination-size-select {
 min-height:38px !important;
 border:1px solid var(--e1-line) !important;
 background:var(--e1-surface) !important;color:var(--e1-ink) !important;
 border-radius:10px !important;
}

/* Actual portaled row actions — *outside* the Employees page. */
html[data-theme="light"] body > .thrs-employee-action-menu,
html[data-theme="light"] .thrs-employee-action-menu {
 background:#fff !important;border-color:#cfdce9 !important;color:#1b3551 !important;
 box-shadow:0 21px 43px rgba(12,35,61,.19) !important;
}
html[data-theme="dark"] body > .thrs-employee-action-menu,
html[data-theme="dark"] .thrs-employee-action-menu {
 background:#163550 !important;border-color:#60809b !important;color:#f1f7ff !important;
 box-shadow:0 23px 48px rgba(0,0,0,.43) !important;
}
html[data-theme] .thrs-employee-action-menu {
 border-radius:15px !important;
 padding:7px !important;
}
html[data-theme] .thrs-employee-action-menu button {
 color:inherit !important;min-height:43px !important;
 border-radius:10px !important;font-size:12px !important;
}
html[data-theme="light"] .thrs-employee-action-menu button:hover {
 background:#edf3fa !important;
}
html[data-theme="dark"] .thrs-employee-action-menu button:hover {
 background:#25516f !important;
}
html[data-theme="light"] .thrs-employee-action-menu button.is-danger {color:#a82f39 !important;}
html[data-theme="dark"] .thrs-employee-action-menu button.is-danger {color:#ffc1c6 !important;}

/* Actual employee add/edit Portal and form — scoped to this special modal. */
html[data-theme="light"] .thrs-modal-overlay > .employee-edit-modal-card {
 --em-ink:#17334e;--em-muted:#526b83;--em-line:#d6e1ec;
 --em-card:#ffffff;--em-field:#ffffff;--em-soft:#f3f7fc;--em-accent:#94671f;
 background:#f7f9fc !important;color:var(--em-ink) !important;
 border:1px solid #cbd9e7 !important;
}
html[data-theme="dark"] .thrs-modal-overlay > .employee-edit-modal-card {
 --em-ink:#f1f7ff;--em-muted:#c4d6e9;--em-line:#54738d;
 --em-card:#163751;--em-field:#1d3d59;--em-soft:#102b46;--em-accent:#f0cf88;
 background:#0e2741 !important;color:var(--em-ink) !important;
 border:1px solid #62829c !important;
}
html[data-theme] .thrs-modal-overlay > .employee-edit-modal-card {
 border-radius:23px !important;
 box-shadow:0 31px 83px rgba(2,15,33,.43) !important;
 max-height:calc(100vh - 96px) !important;
}
html[data-theme="light"] .thrs-modal-overlay > .employee-edit-modal-card > div:first-child {
 background:linear-gradient(120deg,#ffffff,#edf4fb) !important;
 border-bottom:1px solid #d4e0ec !important;
}
html[data-theme="dark"] .thrs-modal-overlay > .employee-edit-modal-card > div:first-child {
 background:linear-gradient(120deg,#1c3c59,#0e2741) !important;
 border-bottom:1px solid #55748e !important;
}
html[data-theme] .thrs-modal-overlay > .employee-edit-modal-card > div:first-child h2 {
 font-size:19px !important;font-weight:860 !important;
 color:var(--em-ink) !important;
}
html[data-theme] .employee-edit-modal-card .employee-edit-modal-body {
 background:var(--em-soft) !important;
 padding:0 !important;
 overflow-y:auto !important;overflow-x:hidden !important;
}
html[data-theme] .employee-edit-modal-card .employee-edit-form-pro {
 display:flex;flex-direction:column;gap:16px !important;
 padding:22px !important;
}
html[data-theme] .employee-edit-modal-card .employee-edit-hero {
 display:grid;grid-template-columns:auto minmax(0,1fr);
 gap:17px;align-items:center;
 padding:21px !important;
 border-radius:18px !important;
 background:var(--em-card) !important;
 border:1px solid var(--em-line) !important;
 box-shadow:0 9px 24px rgba(3,27,57,.06) !important;
}
html[data-theme] .employee-edit-modal-card .employee-edit-avatar {
 width:61px !important;height:61px !important;
 border-radius:16px !important;
 background:linear-gradient(135deg,#fce6ac,#d4a252) !important;
 color:#102b46 !important;
 border:1px solid #f7d693 !important;
}
html[data-theme] .employee-edit-modal-card .employee-edit-kicker {
 color:var(--em-accent) !important;
 font-size:11px !important;letter-spacing:.065em;
}
html[data-theme] .employee-edit-modal-card .employee-edit-hero h3 {
 color:var(--em-ink) !important;font-family:inherit !important;
 font-size:clamp(20px,2vw,25px) !important;
}
html[data-theme] .employee-edit-modal-card .employee-edit-hero p {
 color:var(--em-muted) !important;font-size:13px !important;
}
html[data-theme] .employee-edit-modal-card .employee-form-section {
 padding:19px !important;
 background:var(--em-card) !important;
 border:1px solid var(--em-line) !important;
 border-radius:18px !important;
 box-shadow:0 8px 21px rgba(10,36,64,.055) !important;
}
html[data-theme] .employee-edit-modal-card .employee-form-section-head {
 align-items:center !important;
 padding-bottom:12px !important;
 border-bottom:1px solid var(--em-line) !important;
 margin-bottom:19px !important;
}
html[data-theme] .employee-edit-modal-card .employee-form-section-head > span {
 width:37px !important;height:37px !important;
 border-radius:12px !important;
 background:color-mix(in srgb,var(--em-accent) 12%,var(--em-card)) !important;
 color:var(--em-accent) !important;
 border:1px solid color-mix(in srgb,var(--em-accent) 31%,var(--em-line)) !important;
 font-size:12px !important;font-weight:900 !important;
}
html[data-theme] .employee-edit-modal-card .employee-form-section-head h4 {
 color:var(--em-ink) !important;font-size:15px !important;font-weight:870 !important;
}
html[data-theme] .employee-edit-modal-card .employee-form-section-head p {
 color:var(--em-muted) !important;font-size:12.5px !important;line-height:1.5;
}
html[data-theme] .employee-edit-modal-card .employee-form-grid {
 display:grid !important;
 grid-template-columns:repeat(3,minmax(0,1fr)) !important;
 gap:16px !important;
}
html[data-theme] .employee-edit-modal-card .form-group {
 min-width:0 !important;
}
html[data-theme] .employee-edit-modal-card .form-label {
 color:var(--em-ink) !important;
 font-size:12.5px !important;font-weight:760 !important;
 margin-bottom:7px !important;
}
html[data-theme] .employee-edit-modal-card :is(.form-input,.form-select,.form-textarea) {
 width:100% !important;min-height:44px !important;
 color:var(--em-ink) !important;-webkit-text-fill-color:var(--em-ink) !important;
 background:var(--em-field) !important;
 border:1px solid var(--em-line) !important;
 border-radius:11px !important;font-size:13px !important;
}
html[data-theme] .employee-edit-modal-card :is(.form-input,.form-select,.form-textarea):focus {
 outline:3px solid var(--em-accent) !important;outline-offset:2px !important;
 border-color:var(--em-accent) !important;
}
html[data-theme] .employee-edit-modal-card .employee-edit-footer {
 display:flex !important;
 align-items:center;justify-content:space-between;
 gap:15px !important;
 margin:0 -22px -22px !important;
 padding:17px 22px !important;
 border-top:1px solid var(--em-line) !important;
 background:var(--em-card) !important;
 backdrop-filter:blur(12px);
}
html[data-theme] .employee-edit-modal-card .employee-edit-footer strong {
 color:var(--em-ink) !important;
}
html[data-theme] .employee-edit-modal-card .employee-edit-footer span {
 color:var(--em-muted) !important;
}
html[data-theme] .employee-edit-modal-card .employee-edit-footer .thrs-btn {
 min-height:43px !important;
 background:linear-gradient(125deg,#f4d792,#d6a44d) !important;
 border:1px solid #f4d89b !important;
 color:#10273a !important;-webkit-text-fill-color:#10273a !important;
 font-weight:850 !important;border-radius:12px !important;
 padding-inline:18px !important;
}
html[data-theme] .employee-edit-modal-card .employee-office-days button {
 background:var(--em-field) !important;
 color:var(--em-ink) !important;
 border:1px solid var(--em-line) !important;
}
html[data-theme] .employee-edit-modal-card .employee-office-days button.selected {
 background:#17486f !important;color:#fff !important;
 border-color:#4084ad !important;
}
html[data-theme] .employee-edit-modal-card .employee-form-microcopy {
 color:var(--em-muted) !important;
}
html[data-theme] .employee-edit-modal-card .employee-form-work-note {
 color:var(--em-ink) !important;
}
/* Focus and accessibility; never change menu actions, validation or permissions. */
html[data-theme] .thrs-page-employees :is(button,a,input,select,tr[tabindex]):focus-visible,
html[data-theme] .thrs-employee-action-menu button:focus-visible,
html[data-theme] .employee-edit-modal-card :is(button,input,select,textarea):focus-visible {
 outline:3px solid #d4a75a !important;outline-offset:3px !important;
}

/* Responsiveness: preserve horizontal table scrolling within its own card. */
@media(max-width:1270px) {
 html[data-theme] .thrs-page-employees .thrs-employee-central-hero {
  grid-template-columns:minmax(0,1fr) !important;
  gap:19px !important;
 }
 html[data-theme] .thrs-page-employees .thrs-employee-central-hero .thrs-page-header-actions {
  justify-content:flex-start !important;
 }
 html[data-theme] .thrs-page-employees .thrs-filter-command-bar {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
 }
 html[data-theme] .thrs-page-employees .thrs-filter-title {
  grid-column:1/-1;
 }
 html[data-theme] .thrs-page-employees .thrs-clear-filter-btn {
  grid-column:1/-1;
 }
}
@media(max-width:1040px) {
 html[data-theme] .thrs-page-employees .emp-stats-grid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 }
 html[data-theme] .employee-edit-modal-card .employee-form-grid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 }
}
@media(max-width:760px) {
 html[data-theme] .thrs-page-employees {
  gap:13px !important;padding-inline:10px !important;
 }
 html[data-theme] .thrs-page-employees .thrs-employee-central-hero {
  min-height:0 !important;
  padding:21px 18px !important;
  border-radius:20px !important;
 }
 html[data-theme] .thrs-page-employees .thrs-employee-central-hero .page-title {
  font-size:clamp(27px,6vw,36px) !important;
 }
 html[data-theme] .thrs-page-employees .thrs-employee-central-hero .thrs-page-header-actions {
  width:100% !important;flex-direction:column !important;align-items:stretch !important;
 }
 html[data-theme] .thrs-page-employees .thrs-employee-central-hero .emp-search-wrap {
  max-width:none !important;flex:initial !important;width:100% !important;
 }
 html[data-theme] .thrs-page-employees .thrs-filter-command-bar {
  grid-template-columns:minmax(0,1fr) !important;
  gap:9px !important;padding:14px !important;
 }
 html[data-theme] .thrs-page-employees .thrs-filter-title,
 html[data-theme] .thrs-page-employees .thrs-clear-filter-btn {
  grid-column:auto !important;
 }
 html[data-theme] .thrs-page-employees .emp-stats-grid {
  gap:10px !important;
 }
 html[data-theme] .thrs-page-employees .emp-stat-card {
  min-height:128px !important;
  grid-template-columns:45px minmax(0,1fr) !important;
  gap:5px 9px !important;padding:14px !important;
  border-radius:16px !important;
 }
 html[data-theme] .thrs-page-employees .emp-stat-icon {
  width:43px !important;height:43px !important;border-radius:12px !important;
 }
 html[data-theme] .thrs-page-employees .emp-stat-value {
  font-size:clamp(27px,6vw,35px) !important;
 }
 html[data-theme] .thrs-page-employees .emp-stat-label {
  font-size:11px !important;
 }
 html[data-theme] .thrs-page-employees .thrs-employee-table-wrap {
  max-height:65vh !important;
 }
 html[data-theme] .thrs-page-employees .thrs-employee-table-card .pagination-bar {
  justify-content:center !important;
  flex-wrap:wrap !important;
  padding:13px !important;
 }
 html[data-theme] .thrs-modal-overlay-top > .employee-edit-modal-card {
  width:calc(100vw - 20px) !important;max-width:calc(100vw - 20px) !important;
  max-height:calc(100vh - 95px) !important;
 }
 html[data-theme] .employee-edit-modal-card .employee-edit-form-pro {
  padding:14px !important;
 }
 html[data-theme] .employee-edit-modal-card .employee-edit-hero {
  padding:15px !important;grid-template-columns:1fr !important;
 }
 html[data-theme] .employee-edit-modal-card .employee-form-section {padding:14px !important;}
 html[data-theme] .employee-edit-modal-card .employee-form-grid {grid-template-columns:1fr !important;gap:11px !important;}
 html[data-theme] .employee-edit-modal-card .employee-edit-footer {
  flex-direction:column !important;align-items:stretch !important;
  margin:0 -14px -14px !important;padding:13px 14px !important;
 }
}
@media(max-width:370px) {
 html[data-theme] .thrs-page-employees .emp-stats-grid {
  grid-template-columns:1fr !important;
 }
}
@media(prefers-reduced-motion:reduce) {
 html[data-theme] .thrs-page-employees :is(.emp-stat-card,.thrs-btn,.thrs-employee-table tbody tr),
 html[data-theme] .thrs-employee-action-menu :is(button),
 html[data-theme] .employee-edit-modal-card :is(button,input,select) {
  transition:none !important;animation:none !important;transform:none !important;
 }
}

/* Final visual acceptance — remove inherited full-bleed gold pseudo layer.
   A slender decorative ring stays on the far edge, never behind labels. */
html[data-theme] .thrs-page-employees .thrs-employee-central-hero::after {
 background:transparent !important;
 background-image:none !important;
 inset-inline-start:auto !important;
 inset-inline-end:-145px !important;
 inset-block-start:-135px !important;
 inset-block-end:auto !important;
 width:315px !important;height:315px !important;
 border:1px solid rgba(241,204,128,.24) !important;
 opacity:.55 !important;
 box-shadow:0 0 0 32px rgba(232,188,92,.025) !important;
}
/* Keep identity column and actions within their own scrollable table.
   No sticky overlay swallowing neighboring cells on narrow viewports. */
html[data-theme] .thrs-page-employees .thrs-employee-table .thrs-employee-col-actions {
 overflow:visible;
}