/* Surety 2.8.0 — interaction reliability and unified employee experience */
:root{
  --ux290-content-wide:1440px;
  --ux290-content-reading:760px;
  --ux290-touch:44px;
  --ux290-section-gap:clamp(18px,2vw,28px);
  --ux290-shadow-drawer:0 26px 80px rgba(15,23,42,.22);
}

/* Shared interaction reliability */
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--primary,#5d52d9) 72%,white);outline-offset:3px}
:where(.icon-button,[data-close-modal],[data-close-drawer],[data-close-employee-drawer]){min-width:var(--ux290-touch);min-height:var(--ux290-touch)}
:where(.modal,.drawer,.employee-drawer) :where(input,select,textarea,button,a){scroll-margin-block:96px}
body.has-open-overlay,body.employee-drawer-open{overflow:hidden;overscroll-behavior:none}
[data-unsaved-guard].is-dirty::before{content:"Unsaved changes";display:inline-flex;align-items:center;gap:6px;color:var(--amber,#a15c00);font-size:.78rem;font-weight:800;margin-block-end:8px}
[data-unsaved-guard].is-dirty::after{content:"";display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--amber,#a15c00);margin-inline-start:7px;vertical-align:middle}
[data-field-state="complete"]{--field-state-color:var(--green,#137a48)}
[data-field-state="warning"]{--field-state-color:var(--amber,#a15c00)}
[data-field-state="invalid"]{--field-state-color:var(--red,#b42318)}
label[data-field-state]{position:relative}
label[data-field-state] :where(input,select,textarea){border-color:var(--field-state-color)!important;box-shadow:0 0 0 1px var(--field-state-color)}
label[data-field-state]::after{position:absolute;right:10px;top:31px;font-family:"Font Awesome 6 Free";font-weight:900;color:var(--field-state-color)}
label[data-field-state="complete"]::after{content:"\f058"}
label[data-field-state="warning"]::after{content:"\f071"}
label[data-field-state="invalid"]::after{content:"\f057"}

/* Strict page templates and readable wide-screen composition */
.page-template-dashboard,.page-template-list,.page-template-record,.page-template-form,.page-template-settings,.page-template-review,.page-template-marketplace,.page-template-checkout{width:min(100%,var(--ux290-content-wide));margin-inline:auto}
.page-template-form{max-width:1080px}.page-template-settings{max-width:1180px}.page-template-review{max-width:1500px}
.sticky-context{position:sticky;top:88px;align-self:start}
.detail-list{display:grid;gap:0;margin:0}
.detail-list>div{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.4fr);gap:16px;padding:11px 0;border-bottom:1px solid var(--border,rgba(15,23,42,.11))}
.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:var(--text-muted,#667085);font-size:.8rem;font-weight:800}.detail-list dd{margin:0;font-weight:700;min-width:0;overflow-wrap:anywhere}
.panel-workspace>*+*{margin-top:var(--ux290-section-gap)}
.section-head{align-items:flex-start}.section-head p{max-width:72ch}
:where(.page-heading,.panel-hero) .page-actions,:where(.page-heading,.panel-hero) .heading-actions{align-self:flex-start}
:where(.case-form,.auth-form,.employee-drawer-form) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){max-width:100%}
.control-width-short{max-width:180px}.control-width-medium{max-width:420px}.control-width-reading{max-width:var(--ux290-content-reading)}

/* Unified employee shell */
.employee-main{width:min(100%,var(--ux290-content-wide));margin-inline:auto;padding-bottom:80px}
.employee-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.employee-profile-line{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-top:15px;color:var(--text-muted,#667085)}
.employee-profile-line strong{color:var(--text,#172033)}.employee-profile-line code{font-size:.75rem}
.employee-hero-actions,.employee-team-actions{display:flex;gap:10px;flex-wrap:wrap}
.employee-today-grid{display:grid;grid-template-columns:minmax(320px,1.25fr) repeat(3,minmax(220px,1fr));gap:16px;align-items:stretch}
.employee-clock-card,.employee-summary-card,.employee-work-card,.employee-context-card{background:var(--surface,#fff);border:1px solid var(--border,rgba(15,23,42,.1));border-radius:var(--radius-lg,18px);box-shadow:var(--shadow-sm,0 8px 24px rgba(15,23,42,.05));padding:20px;min-width:0}
.employee-clock-card{background:linear-gradient(145deg,color-mix(in srgb,var(--primary,#5d52d9) 8%,var(--surface,#fff)),var(--surface,#fff));border-color:color-mix(in srgb,var(--primary,#5d52d9) 28%,var(--border,transparent))}
.employee-clock-card.is-clocked-in{background:linear-gradient(145deg,color-mix(in srgb,var(--green,#137a48) 10%,var(--surface,#fff)),var(--surface,#fff));border-color:color-mix(in srgb,var(--green,#137a48) 34%,var(--border,transparent))}
.employee-card-head{display:flex;align-items:flex-start;gap:12px}.employee-card-head>div{min-width:0;flex:1}.employee-card-head h2{font-size:1.05rem;margin:2px 0 0;overflow-wrap:anywhere}.employee-card-head>.case-status{margin-left:auto}
.employee-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--primary,#5d52d9) 12%,transparent);color:var(--primary,#5d52d9);flex:0 0 auto}
.employee-clock-time{display:grid;gap:4px;padding:22px 0 16px}.employee-clock-time strong{font-size:clamp(2rem,4vw,3.35rem);font-variant-numeric:tabular-nums;letter-spacing:-.045em}.employee-clock-time small{color:var(--text-muted,#667085)}
.employee-week-total{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border,rgba(15,23,42,.1));border-bottom:1px solid var(--border,rgba(15,23,42,.1));font-size:.88rem}.employee-week-total span{color:var(--text-muted,#667085)}
.employee-clock-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:14px}.employee-clock-form label{margin:0}.employee-clock-form input{height:44px}.employee-clock-form button{white-space:nowrap}
.employee-summary-card{display:flex;flex-direction:column;gap:16px}.employee-summary-card>.text-link{margin-top:auto;align-self:flex-start}
.employee-metric-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.employee-metric-list>div{padding:10px;border-radius:12px;background:var(--surface-sunken,#f6f7fb)}.employee-metric-list dt{font-size:.72rem;color:var(--text-muted,#667085)}.employee-metric-list dd{margin:3px 0 0;font-size:1.25rem;font-weight:900}
.employee-mini-list{display:grid;gap:11px}.employee-mini-list>div{display:flex;align-items:flex-start;gap:9px}.employee-mini-list strong,.employee-mini-list small{display:block}.employee-mini-list small{color:var(--text-muted,#667085);font-size:.74rem}
.priority-dot{width:9px;height:9px;border-radius:999px;background:var(--text-muted,#667085);margin-top:5px;flex:0 0 auto}.priority-dot.high,.priority-dot.urgent{background:var(--red,#b42318)}.priority-dot.normal{background:var(--primary,#5d52d9)}.priority-dot.low{background:var(--green,#137a48)}
.employee-tabs b{display:grid;place-items:center;min-width:20px;height:20px;padding-inline:5px;border-radius:999px;background:var(--red,#b42318);color:#fff;font-size:.68rem;margin-left:4px}
.employee-section-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.72fr);gap:18px;align-items:start}
.employee-context-card h2{margin:8px 0 14px}.employee-context-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.employee-task-list{display:grid;gap:10px}.employee-task-list>article{display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--border,rgba(15,23,42,.1));border-radius:14px;background:var(--surface,#fff)}
.employee-task-list>article.is-complete{opacity:.62}.priority-rail{align-self:stretch;border-radius:999px;background:var(--primary,#5d52d9)}.priority-rail.urgent,.priority-rail.high{background:var(--red,#b42318)}.priority-rail.low{background:var(--green,#137a48)}
.employee-task-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.employee-task-list p{margin:5px 0;color:var(--text-muted,#667085)}.employee-task-list small{color:var(--text-muted,#667085)}
.employee-shift-list{display:grid;gap:10px}.employee-shift-list>article{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid var(--border,rgba(15,23,42,.1));border-radius:14px;background:var(--surface,#fff)}.employee-shift-list time{display:grid;place-items:center;padding:8px;border-radius:12px;background:var(--surface-sunken,#f6f7fb)}.employee-shift-list time strong{font-size:.74rem;text-transform:uppercase;color:var(--primary,#5d52d9)}.employee-shift-list time span{font-weight:900}.employee-shift-list small{display:block;color:var(--text-muted,#667085);margin-top:3px}
.employee-team-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.employee-team-summary article{padding:16px;border:1px solid var(--border,rgba(15,23,42,.1));border-radius:14px;background:var(--surface,#fff)}.employee-team-summary span{display:block;color:var(--text-muted,#667085);font-size:.78rem}.employee-team-summary strong{display:block;font-size:1.7rem;margin-top:4px}
.employee-empty{display:grid;place-items:center;text-align:center;gap:7px;padding:28px;color:var(--text-muted,#667085);border:1px dashed var(--border,rgba(15,23,42,.18));border-radius:14px}.employee-empty i{font-size:1.4rem}.employee-empty strong{color:var(--text,#172033)}.employee-empty p{margin:0}.employee-empty.compact{padding:12px;display:flex;justify-content:flex-start;text-align:left}

/* Employee drawers replace complex modal forms */
.employee-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(2px);z-index:1190}.employee-drawer-backdrop[hidden]{display:none}
.employee-drawer{position:fixed;inset:0 0 0 auto;width:min(560px,100%);height:100dvh;background:var(--surface,#fff);box-shadow:var(--ux290-shadow-drawer);z-index:1200;transform:translateX(102%);visibility:hidden;transition:transform .2s ease,visibility .2s;display:grid;grid-template-rows:auto minmax(0,1fr)}
.employee-drawer.is-open{transform:translateX(0);visibility:visible}.employee-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--border,rgba(15,23,42,.1))}.employee-drawer h2{margin:2px 0 0}.employee-drawer-form{padding:22px;overflow:auto;display:block}.employee-drawer-form>*+*{margin-top:14px}.employee-drawer-form footer{position:sticky;bottom:-22px;display:flex;justify-content:flex-end;gap:10px;padding:16px 0 22px;margin-top:24px;background:linear-gradient(transparent,var(--surface,#fff) 20%)}

/* Command search, recent/pinned navigation */
.surety-command-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(3px);z-index:1250;display:grid;place-items:start center;padding:9vh 16px}.surety-command-backdrop[hidden]{display:none}.surety-command{width:min(720px,100%);max-height:78vh;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--surface,#fff);border:1px solid var(--border,rgba(15,23,42,.1));border-radius:18px;box-shadow:0 30px 90px rgba(15,23,42,.28);overflow:hidden}.surety-command-search{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border,rgba(15,23,42,.1))}.surety-command-search input{border:0!important;box-shadow:none!important;font-size:1.05rem;width:100%;background:transparent}.surety-command-results{overflow:auto;padding:8px}.surety-command-group>strong{display:block;padding:10px 10px 6px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted,#667085)}.surety-command-results a,.surety-command-results button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:var(--text,#172033);text-align:left;text-decoration:none}.surety-command-results :is(a,button):hover,.surety-command-results .is-active{background:var(--surface-sunken,#f6f7fb)}.surety-command-results i{width:20px;text-align:center;color:var(--primary,#5d52d9)}.surety-command-results small{display:block;color:var(--text-muted,#667085)}.surety-command-empty{padding:28px;text-align:center;color:var(--text-muted,#667085)}

/* Saved views, bulk actions, previews, action menus, density */
[data-saved-view-bar]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.saved-view-chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid var(--border,rgba(15,23,42,.12));border-radius:999px;background:var(--surface,#fff);font-weight:800;font-size:.76rem}.saved-view-chip.active{border-color:var(--primary,#5d52d9);color:var(--primary,#5d52d9);background:color-mix(in srgb,var(--primary,#5d52d9) 8%,transparent)}
.bulk-action-bar{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--primary,#5d52d9) 28%,var(--border,transparent));border-radius:14px;background:color-mix(in srgb,var(--surface,#fff) 94%,var(--primary,#5d52d9));box-shadow:0 14px 36px rgba(15,23,42,.16)}.bulk-action-bar[hidden]{display:none}
[data-row-preview]{cursor:pointer}.row-preview-panel{position:fixed;right:16px;bottom:16px;width:min(420px,calc(100vw - 32px));max-height:70vh;overflow:auto;padding:18px;border:1px solid var(--border,rgba(15,23,42,.12));border-radius:16px;background:var(--surface,#fff);box-shadow:0 22px 60px rgba(15,23,42,.22);z-index:1120}.row-preview-panel[hidden]{display:none}
.action-menu{position:absolute;z-index:1130;min-width:210px;padding:6px;border:1px solid var(--border,rgba(15,23,42,.12));border-radius:12px;background:var(--surface,#fff);box-shadow:0 18px 48px rgba(15,23,42,.18)}.action-menu[hidden]{display:none}.action-menu a,.action-menu button{display:flex;width:100%;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:8px;background:transparent;text-decoration:none;text-align:left;color:var(--text,#172033)}.action-menu .danger{color:var(--red,#b42318)}
html[data-density="compact"] :where(.admin-table td,.admin-table th){padding-block:7px}html[data-density="compact"] :where(.panel,.case-card,.admin-section){--panel-pad:14px}html[data-density="spacious"] :where(.admin-table td,.admin-table th){padding-block:15px}

/* File uploads and conditional workflow states */
.file-dropzone{position:relative;display:grid;place-items:center;gap:8px;min-height:150px;padding:22px;border:2px dashed color-mix(in srgb,var(--primary,#5d52d9) 34%,var(--border,transparent));border-radius:14px;background:color-mix(in srgb,var(--primary,#5d52d9) 4%,var(--surface,#fff));text-align:center}.file-dropzone.is-dragover{border-color:var(--primary,#5d52d9);background:color-mix(in srgb,var(--primary,#5d52d9) 10%,var(--surface,#fff))}.file-dropzone input[type="file"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-preview-list{display:grid;gap:8px;margin-top:10px}.file-preview-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--border,rgba(15,23,42,.1));border-radius:11px}.file-preview-item img{width:42px;height:42px;object-fit:cover;border-radius:8px}.file-preview-item small{display:block;color:var(--text-muted,#667085)}
[data-conditional-section][hidden]{display:none!important}.completion-estimate{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;background:var(--surface-sunken,#f6f7fb);font-size:.82rem;color:var(--text-muted,#667085)}.completion-estimate progress{flex:1}

/* Marketplace, transaction, and dispute clarity */
.marketplace-listing-card{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.marketplace-listing-card .listing-media{aspect-ratio:4/3;background:var(--surface-sunken,#f6f7fb)}.marketplace-listing-card .listing-media img{width:100%;height:100%;object-fit:cover}.marketplace-listing-card .listing-trust-row{display:flex;gap:6px;flex-wrap:wrap}.marketplace-listing-card .listing-price{font-size:1.35rem;font-weight:900}.comparable-listings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.transaction-stage-timeline,.dispute-timeline{display:grid;grid-template-columns:repeat(var(--stage-count,6),minmax(110px,1fr));gap:0;overflow-x:auto;padding-bottom:8px}.transaction-stage-timeline>div,.dispute-timeline>div{position:relative;padding:32px 12px 10px;border-top:3px solid var(--border,rgba(15,23,42,.12))}.transaction-stage-timeline>div::before,.dispute-timeline>div::before{content:"";position:absolute;top:-8px;left:12px;width:13px;height:13px;border-radius:999px;background:var(--surface,#fff);border:3px solid var(--border,rgba(15,23,42,.3))}.transaction-stage-timeline>.complete,.dispute-timeline>.complete{border-color:var(--green,#137a48)}.transaction-stage-timeline>.active,.dispute-timeline>.active{border-color:var(--primary,#5d52d9)}.transaction-stage-timeline>.complete::before,.dispute-timeline>.complete::before{border-color:var(--green,#137a48);background:var(--green,#137a48)}.transaction-stage-timeline>.active::before,.dispute-timeline>.active::before{border-color:var(--primary,#5d52d9);background:var(--primary,#5d52d9)}
.live-fee-summary{position:sticky;top:88px;padding:18px;border:1px solid var(--border,rgba(15,23,42,.1));border-radius:16px;background:var(--surface,#fff)}.live-fee-summary dl>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.live-fee-summary .total{border-top:1px solid var(--border,rgba(15,23,42,.12));margin-top:6px;padding-top:13px;font-size:1.1rem;font-weight:900}

/* Review and admin safety */
.review-checklist-sticky{position:sticky;top:88px}.review-note-visibility{display:flex;gap:8px;align-items:center;padding:9px 11px;border-radius:10px;background:var(--surface-sunken,#f6f7fb)}.elevated-mode-banner{position:sticky;top:0;z-index:1210;display:flex;justify-content:center;align-items:center;gap:10px;padding:8px 14px;background:#7a1f1f;color:#fff;font-weight:900}.elevated-mode-banner a{color:#fff}.bulk-confirm-summary{display:grid;gap:8px;padding:12px;border-radius:12px;background:var(--surface-sunken,#f6f7fb)}.bulk-confirm-summary strong{font-size:1.1rem}
.audit-readable-event{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px}.audit-readable-event code,.audit-readable-event pre{white-space:pre-wrap;overflow-wrap:anywhere}

/* Responsive and zoom hardening */
@media (max-width:1380px){.employee-today-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-clock-card{grid-row:span 2}.employee-section-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media (max-width:900px){.employee-hero{display:grid}.employee-today-grid{grid-template-columns:1fr 1fr}.employee-clock-card{grid-row:auto;grid-column:1/-1}.employee-section-grid{grid-template-columns:1fr}.sticky-context{position:static}.employee-team-summary{grid-template-columns:1fr 1fr}.comparable-listings{grid-template-columns:1fr 1fr}.detail-list>div{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr)}}
@media (max-width:640px){.employee-main{padding-inline:12px}.employee-today-grid{grid-template-columns:1fr}.employee-clock-card{grid-column:auto}.employee-clock-form{grid-template-columns:1fr}.employee-clock-form button{width:100%}.employee-task-list>article{grid-template-columns:4px minmax(0,1fr)}.employee-task-list>article>form{grid-column:2}.employee-task-list>article>form button{width:100%}.employee-shift-list>article{grid-template-columns:64px minmax(0,1fr)}.employee-shift-list>article>.case-status{grid-column:2;justify-self:start}.employee-team-summary{grid-template-columns:1fr}.employee-context-actions{grid-template-columns:1fr}.employee-drawer{width:100%}.detail-list>div{grid-template-columns:1fr;gap:4px}.comparable-listings{grid-template-columns:1fr}.bulk-action-bar{left:8px;right:8px;flex-wrap:wrap}.employee-timesheet{min-width:760px}}
@media (max-width:360px){.employee-clock-card,.employee-summary-card,.employee-work-card,.employee-context-card{padding:15px}.employee-profile-line{align-items:flex-start}.employee-card-head{flex-wrap:wrap}.employee-card-head>.case-status{margin-left:54px}.employee-hero-actions>*{width:100%}}
@media (min-resolution:1.5dppx){:where(.admin-table,.case-card,.panel,.employee-clock-card,.employee-summary-card){border-width:.75px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.employee-drawer{transition:none}.skeleton,.loading-shimmer{animation:none!important}}
@media (forced-colors:active){:where(button,a,input,select,textarea):focus-visible{outline:3px solid CanvasText}.priority-rail,.priority-dot{forced-color-adjust:none}}

/* Long text and translated-content resilience */
:where(.nav-link,.panel-tabs button,.page-heading h1,.employee-task-heading strong,.marketplace-listing-card h3,.admin-table td,.admin-table th){overflow-wrap:anywhere;word-break:normal}
:where(.panel-tabs,.account-settings-nav,.style-guide-index){scrollbar-width:thin}
@supports (font-size:clamp(1rem,1vw,2rem)){html{font-size:clamp(15px,.18vw + 14.4px,17px)}}

/* Injected interaction controls and completion feedback */
.saved-view-controls,.density-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.saved-view-controls select{min-width:132px;min-height:40px}.density-controls{margin-left:auto}.density-controls .icon-button{border:1px solid var(--border,rgba(15,23,42,.12));background:var(--surface,#fff)}
.action-result-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--green,#137a48) 32%,var(--border,transparent));border-radius:13px;background:color-mix(in srgb,var(--green,#137a48) 8%,var(--surface,#fff));color:var(--text,#172033)}.action-result-banner strong{color:var(--green,#137a48)}.action-result-banner .secondary-button{margin-left:auto}
[data-modal].complex-overlay-drawer{align-items:stretch;justify-content:flex-end;padding:0}.complex-overlay-drawer>.modal,.complex-overlay-drawer>[role="dialog"]{width:min(720px,100%);max-width:none;height:100dvh;max-height:none;border-radius:0;overflow:auto;margin:0;box-shadow:var(--ux290-shadow-drawer)}
.table-toolbar:has(.saved-view-controls){align-items:center}.table-toolbar .saved-view-controls{margin-left:auto}
.employee-manager-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px 14px;border-radius:12px;background:#7a1f1f;color:#fff}.employee-manager-banner strong,.employee-manager-banner a{color:#fff}.employee-manager-banner small{opacity:.86}
@media(max-width:760px){.saved-view-controls{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto}.density-controls{margin-left:0}.table-toolbar .saved-view-controls{margin-left:0}.action-result-banner .secondary-button{margin-left:0;width:100%}}

/* Employee shell containment: preserve the workspace sidebar lane on desktop. */
@media(min-width:1101px){body.ux290-ready .employee-main{width:calc(100% - var(--sidebar-w));max-width:none;margin:0 0 0 var(--sidebar-w)}}
@media(max-width:1100px){body.ux290-ready .employee-main{width:100%;max-width:none;margin:0}}
/* Closed drawers are removed from layout/scroll geometry; open drawers remain delegated and focus-managed. */
.employee-drawer[aria-hidden="true"],.employee-drawer[hidden]{display:none}.employee-drawer.is-open[aria-hidden="false"]{display:grid}


/* Cross-workflow comparison, review, loading, responsive-column, and table-summary utilities. */
body.ux290-ready button[aria-busy="true"],body.ux290-ready [role="button"][aria-busy="true"]{position:relative;cursor:progress;opacity:.74;pointer-events:none}
body.ux290-ready button[aria-busy="true"]::after,body.ux290-ready [role="button"][aria-busy="true"]::after{content:"";width:14px;height:14px;margin-inline-start:8px;display:inline-block;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ux290-spin .7s linear infinite;vertical-align:-2px}
@keyframes ux290-spin{to{transform:rotate(360deg)}}
.change-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.change-comparison>article{min-width:0;padding:14px;border:1px solid var(--border,rgba(15,23,42,.1));border-radius:13px;background:var(--surface,#fff)}.change-comparison>article:first-child{background:var(--surface-sunken,#f6f7fb)}.change-comparison h3{margin:0 0 10px;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#667085)}.change-comparison ins,.change-comparison del{display:block;text-decoration:none;overflow-wrap:anywhere}.change-comparison ins{color:var(--green,#137a48)}.change-comparison del{color:var(--red,#b42318)}
.review-summary{display:grid;gap:12px}.review-summary>section,.review-summary>article{padding:14px;border:1px solid var(--border,rgba(15,23,42,.1));border-radius:13px;background:var(--surface,#fff)}.review-summary :where(input,select,textarea):disabled{opacity:1;color:var(--text,#172033);-webkit-text-fill-color:var(--text,#172033)}
.table-summary-sticky{position:sticky;top:76px;z-index:14;display:inline-flex;align-items:center;min-height:38px;padding:7px 11px;border:1px solid var(--border,rgba(15,23,42,.1));border-radius:999px;background:var(--surface,#fff);box-shadow:0 6px 18px rgba(15,23,42,.08)}
@media(max-width:900px){table :is(th,td)[data-column-priority="low"]{display:none}}
@media(max-width:640px){table :is(th,td)[data-column-priority="medium"]{display:none}.change-comparison{grid-template-columns:1fr}.table-summary-sticky{position:static}}
@media(prefers-reduced-motion:reduce){body.ux290-ready button[aria-busy="true"]::after,body.ux290-ready [role="button"][aria-busy="true"]::after{animation:none}}