/* Keep HR page edges stable when navigating between short and scrollable pages. */
html:has(> body.ui-hr) { scrollbar-gutter:stable; }
body.ui-hr { --hr-content-max-width:88rem; }
.ui-header { background:var(--color-surface); border-top:3px solid var(--color-header-rule); border-bottom:1px solid var(--color-border); }
.ui-header-inner { max-width:80rem; margin:auto; min-height:5.25rem; padding:var(--space-3) var(--space-5); display:flex; align-items:center; gap:var(--space-6); flex-wrap:wrap; }
.ui-brand { display:flex; align-items:center; gap:var(--space-3); text-decoration:none; font-size:1.125rem; font-weight:600; min-width:0; overflow-wrap:anywhere; }
.ui-brand img { flex-shrink:0; width:3.25rem; height:auto; object-fit:contain; }
.ui-brand-context { display:block; font-size:var(--text-small); font-weight:400; color:var(--color-muted); }
.ui-nav { display:flex; gap:var(--space-4); align-items:center; justify-content:center; flex:1; flex-wrap:wrap; min-width:0; font-size:var(--text-small); }
.ui-nav a { padding:var(--space-3) var(--space-1); border-bottom:3px solid transparent; text-decoration:none; transition:background-color var(--motion-short),color var(--motion-short); }
.ui-nav a[aria-current="page"] { border-bottom-color:var(--color-selected-rule); font-weight:600; }
.ui-nav a:hover:not(.ui-header-apply) { background:color-mix(in srgb,currentColor 7%,transparent); }
.ui-header-apply { border-radius:var(--radius-button); box-shadow:var(--elevation-button); transition:box-shadow var(--motion-short); }
.ui-header-apply:hover { box-shadow:var(--elevation-button-hover); }
.ui-nav a:focus-visible { outline-offset:-3px; }
.ui-public-navigation { display:flex; align-items:center; gap:var(--space-6); flex:1; min-width:0; }
.ui-hr-navigation { display:contents; }
.ui-header--hr .ui-menu-toggle { display:none; }
.ui-header--hr .ui-menu-toggle .ui-icon:last-child { display:none; }
.ui-header--hr[data-menu-open] .ui-menu-toggle .ui-icon:first-child { display:none; }
.ui-header--hr[data-menu-open] .ui-menu-toggle .ui-icon:last-child { display:block; }
.ui-account { display:flex; flex-direction:column; font-size:var(--text-small); overflow-wrap:anywhere; min-width:0; }
/* One button system for public pages, HR tools, popups and generated pagination. */
.ui-button,:where(.ui-candidate-pages button,.ui-candidate-filter summary) { display:inline-flex; justify-content:center; align-items:center; gap:var(--space-2); max-width:100%; min-height:2.75rem; padding:var(--space-2) var(--space-4); border:1px solid var(--color-button-primary); border-radius:var(--radius-button); background:var(--color-button-primary); color:var(--color-on-primary); box-shadow:var(--button-shadow,var(--elevation-button)); font-weight:600; line-height:1.5; text-decoration:none; overflow-wrap:anywhere; transition:background-color var(--motion-short),border-color var(--motion-short),box-shadow var(--motion-short),color var(--motion-short); }
.ui-button--secondary,:where(.ui-candidate-pages button,.ui-candidate-filter summary) { --button-shadow:var(--elevation-button-secondary); --button-hover-shadow:var(--elevation-button-secondary); --button-hover-background:var(--color-surface-subtle); --button-hover-border:var(--color-control-border); background:var(--color-surface); color:var(--color-button-primary); border-color:var(--color-button-border); }
.ui-button--accent { --button-hover-background:var(--color-accent-surface); --button-hover-border:var(--color-accent-text); background:var(--color-accent); color:var(--color-on-accent); border-color:var(--color-accent); }
.ui-button--plain { --button-shadow:none; --button-hover-shadow:none; --button-hover-background:var(--color-surface-subtle); --button-hover-border:transparent; background:transparent; color:var(--color-primary); border-color:transparent; }
.ui-button--danger { --button-shadow:none; --button-hover-shadow:none; --button-hover-background:var(--color-danger-surface); --button-hover-border:var(--color-danger); background:var(--color-surface); color:var(--color-danger); border-color:var(--color-danger); }
:is(.ui-button,.ui-candidate-pages button,.ui-candidate-filter summary):where(:hover:not(:disabled):not([aria-disabled="true"])):not(:where(.ui-actions *,.ui-menu-toggle,.ui-file-preview-actions *)) { background:var(--button-hover-background,var(--color-button-hover)); border-color:var(--button-hover-border,var(--color-button-hover)); box-shadow:var(--button-hover-shadow,var(--elevation-button-hover)); }
:is(.ui-button,.ui-candidate-pages button):where(:active:not(:disabled):not([aria-disabled="true"])):not(:where(.ui-actions *,.ui-menu-toggle,.ui-file-preview-actions *)) { box-shadow:inset 0 1px 3px rgb(8 23 58 / .18); }
:is(.ui-button,.ui-candidate-pages button):is([aria-current="page"],[aria-pressed="true"]) { background:var(--color-button-primary); border-color:var(--color-button-primary); color:var(--color-on-primary); }
.ui-button:disabled,.ui-button[aria-disabled="true"],.ui-candidate-pages button:disabled { color:var(--color-muted); background:var(--color-surface-subtle); border-color:var(--color-border); box-shadow:none; cursor:default; }
.ui-button[aria-disabled="true"] { pointer-events:none; }
.ui-button[hidden] { display:none; }
/* Keep the existing colored view/edit/delete controls and their hover treatment. */
.ui-actions .ui-button { --button-shadow:none; border-radius:var(--radius-control); }
.ui-actions .ui-button:hover:not(:disabled):not([aria-disabled="true"]) { outline:1px solid currentColor; outline-offset:2px; }
.ui-menu-toggle { display:none; margin-inline-start:auto; box-shadow:none; border-radius:var(--radius-control); }
.ui-field { display:flex; flex-direction:column; gap:var(--space-1); min-width:0; }
.ui-field label { font-weight:600; }
.ui-field input,.ui-field select,.ui-field textarea { width:100%; }
.ui-field input:disabled { color:var(--color-muted); background:var(--color-surface-subtle); }
.ui-field [aria-invalid="true"] { border-color:var(--color-danger); }
.ui-field input[type="file"]::file-selector-button { font:inherit; font-weight:600; color:var(--color-button-primary); background:var(--color-surface-subtle); border:1px solid var(--color-button-border); border-radius:var(--radius-button); padding:var(--space-2) var(--space-3); margin-inline-end:var(--space-2); cursor:pointer; }
.ui-field input[type="checkbox"] { width:1.5rem; min-height:1.5rem; margin:var(--space-2) 0; padding:0; accent-color:var(--color-primary); }
.ui-field:has(input[type="checkbox"]) { display:grid; grid-template-columns:2rem minmax(0,1fr); align-items:start; }
.ui-field:has(input[type="checkbox"]) > label { grid-column:2; padding-block:var(--space-2); }
.ui-field:has(input[type="checkbox"]) > input { grid-column:1; grid-row:1; }
.ui-field:has(input[type="checkbox"]) > p { grid-column:2; }
.ui-help { color:var(--color-muted); font-size:var(--text-small); margin:0; }
.ui-inline-error { color:var(--color-danger); margin:0; }
.ui-validation { border-inline-start:3px solid var(--color-danger); padding:var(--space-3) var(--space-4); background:var(--color-danger-surface); margin-bottom:var(--space-5); }
.ui-validation ul { padding-inline-start:var(--space-5); list-style:disc; }
.ui-status { display:inline-block; font-size:var(--text-small); font-weight:600; padding:.125rem var(--space-2); border-radius:var(--radius-small); }
.ui-status--success,.ui-feedback--success { color:var(--color-success); background:var(--color-success-surface); }
.ui-status--warning,.ui-feedback--warning { color:var(--color-warning); background:var(--color-warning-surface); }
.ui-status--danger,.ui-feedback--danger { color:var(--color-danger); background:var(--color-danger-surface); }
.ui-status--info,.ui-feedback--info { color:var(--color-info); background:var(--color-info-surface); }
.ui-status--neutral { color:var(--color-muted); background:var(--color-surface-subtle); }
.ui-feedback { padding:var(--space-3) var(--space-4); border-inline-start:3px solid currentColor; }
.ui-state { padding-block:var(--space-3); }
.ui-table-toolbar { display:flex; flex-wrap:wrap; gap:var(--space-4); justify-content:space-between; align-items:end; padding:var(--space-4); background:var(--color-surface); border-radius:var(--radius-control) var(--radius-control) 0 0; }
.ui-table-toolbar > .ui-field:first-child { flex:0 1 28rem; }
.ui-table-scroll { max-width:100%; overflow:auto; background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-control); scrollbar-color:var(--color-control-border) var(--color-surface-subtle); }
.ui-table-scroll table { width:100%; min-width:48rem; border-collapse:collapse; font-size:var(--text-small); }
.ui-table-scroll caption { text-align:start; font-weight:600; padding:var(--space-4); }
.ui-table-scroll th,.ui-table-scroll td { text-align:start; vertical-align:middle; padding:var(--space-3); border-top:1px solid var(--color-border); overflow-wrap:anywhere; }
.ui-table-scroll th { min-width:7rem; background:var(--color-surface-subtle); font-weight:600; }
.ui-table-scroll tbody tr:nth-child(even) td { background:var(--color-canvas); }
.ui-table-scroll tbody tr:focus-within td { background:var(--color-selected); }
.ui-actions { display:flex; flex-wrap:wrap; gap:var(--space-1); }
.ui-actions--icons { flex-wrap:nowrap; min-width:max-content; }
.ui-actions .ui-button { font-size:var(--text-small); padding:var(--space-2); min-height:2.75rem; border-color:transparent; background:transparent; color:var(--color-primary); }
.ui-actions .ui-button--danger { color:var(--color-danger); font-weight:400; }
.ui-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-5); }
.ui-footer { margin-top:var(--space-7); color:var(--color-on-primary); background:var(--color-primary); padding:var(--space-7) var(--space-5) var(--space-5); font-size:var(--text-small); }
.ui-footer-inner { max-width:77rem; margin:auto; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(9rem,.7fr) minmax(0,1.25fr); gap:clamp(2.5rem,6vw,6rem); align-items:start; }
.ui-footer h2 { position:relative; width:max-content; margin:0 0 var(--space-3); padding-bottom:var(--space-2); color:var(--color-on-primary); font-size:1.125rem; font-weight:700; }
.ui-footer h2::after { content:""; position:absolute; inset:auto auto 0 0; width:3.5rem; height:2px; background:var(--color-accent); }
.ui-footer nav { display:flex; flex-direction:column; align-items:start; gap:0; }
.ui-footer a { color:var(--color-on-dark-muted); text-decoration:none; overflow-wrap:anywhere; }
.ui-footer a:hover { color:var(--color-on-primary); text-decoration:underline; text-underline-offset:.2em; }
.ui-footer-brand-heading { display:flex; align-items:center; gap:var(--space-3); }
.ui-footer-brand-heading > img { flex:0 0 auto; background:var(--color-surface); border-radius:50%; }
.ui-footer-brand-copy strong { display:block; width:max-content; padding:0 var(--space-5) var(--space-1) 0; border-bottom:2px solid var(--color-accent); font-size:1.25rem; line-height:1.35; color:#ff8b24; }
.ui-footer-brand-copy strong span { font-weight:600; color:var(--color-on-primary); }
.ui-footer-brand-copy p { margin:var(--space-2) 0 0; color:var(--color-on-dark-muted); font-weight:600; }
.ui-footer-description { max-width:34rem; margin:var(--space-4) 0 var(--space-2); color:var(--color-on-dark-muted); line-height:1.7; }
.ui-footer-nav a { min-height:2.35rem; display:inline-flex; align-items:center; }
.ui-footer address { display:flex; flex-direction:column; align-items:stretch; gap:var(--space-2); margin:0; color:var(--color-on-dark-muted); font-style:normal; }
.ui-footer-contact-row { display:grid; grid-template-columns:1.25rem minmax(0,1fr); gap:var(--space-2); align-items:start; margin:0; line-height:1.55; }
.ui-footer a.ui-footer-contact-row { min-height:2.25rem; }
.ui-footer-contact-row svg { width:1.2rem; height:1.2rem; margin-top:.15rem; color:var(--color-accent); fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; }
.ui-social { flex-direction:row !important; flex-wrap:wrap; gap:var(--space-1) !important; }
.ui-footer a.ui-social-link { display:inline-flex; align-items:center; justify-content:center; width:2.75rem; height:2.75rem; color:var(--color-on-primary); }
.ui-social-link svg { width:1.35rem; height:1.35rem; }
.ui-footer a.ui-social-link:hover { color:var(--color-accent); text-decoration:none; }
.ui-footer-bottom { max-width:77rem; margin:var(--space-6) auto 0; padding-top:var(--space-4); border-top:1px solid rgb(255 255 255 / .18); color:var(--color-on-dark-muted); text-align:center; font-size:.8125rem; }

.ui-discovery-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); background:var(--color-surface); margin-bottom:var(--space-5); }
.ui-discovery-hero + section { margin-top:0; }
.ui-discovery-intro { align-self:center; padding:var(--space-6); }
.ui-discovery-hero h1 { font-family:"Noto Serif Thai",serif; font-size:clamp(2rem,3.5vw,3.25rem); line-height:1.45; letter-spacing:-.025em; }
.ui-discovery-hero h1 span { color:var(--color-accent-text); }
.ui-discovery-hero > img { width:100%; height:100%; min-height:25rem; object-fit:cover; object-position:center 65%; }
.ui-discovery-intro p { font-size:1.125rem; color:var(--color-muted); max-width:38ch; margin-bottom:var(--space-5); text-wrap:balance; }
.ui-discovery-hero a { display:inline-flex; align-items:center; gap:var(--space-2); font-weight:600; text-decoration-color:var(--color-accent); text-decoration-thickness:2px; }
.ui-discovery-reasons { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:var(--space-5) var(--space-6); background:var(--color-accent-surface); border-top:2px solid var(--color-accent); }
.ui-discovery-reasons > div { padding-inline:var(--space-5); }
.ui-discovery-reasons > div:first-child { padding-inline-start:0; }
.ui-discovery-reasons > div:last-child { padding-inline-end:0; }
.ui-discovery-reasons > div + div { border-inline-start:1px solid var(--color-accent-border); }
.ui-discovery-reasons h2 { font-size:1rem; margin-bottom:var(--space-2); }
.ui-discovery-reasons p { font-size:var(--text-small); color:var(--color-muted); margin:0; }
.ui-job-search { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto; gap:var(--space-4); align-items:end; padding:var(--space-5); background:var(--color-surface); border-radius:var(--radius-control); margin-block:0 var(--space-5); box-shadow:var(--elevation-surface); border-top:3px solid var(--color-accent); }
.ui-discovery-columns { display:grid; grid-template-columns:minmax(0,3fr) minmax(14rem,1fr); gap:var(--space-5); align-items:start; margin-top:var(--space-4); }
.ui-result-count { color:var(--color-muted); font-size:var(--text-small); }
.ui-job-list { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-control); }
.ui-job-card { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:var(--space-4); padding:var(--space-4) var(--space-5); }
.ui-job-card + .ui-job-card { border-top:1px solid var(--color-border); }
.ui-job-card h3 { font-size:1.125rem; margin:0; overflow-wrap:anywhere; }
.ui-job-card-content > .ui-help { margin-top:var(--space-2); }
.ui-job-salary { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-block:var(--space-2); font-size:var(--text-small); }
.ui-job-salary dt { color:var(--color-muted); }
.ui-job-salary dd { margin:0; font-weight:600; }
.ui-job-summary { list-style:disc; padding-inline-start:var(--space-4); font-size:var(--text-small); color:var(--color-muted); }
.ui-job-actions { display:flex; flex-wrap:wrap; gap:var(--space-2); align-self:end; }
.ui-benefits { background:var(--color-accent-surface); padding:var(--space-5); border-radius:var(--radius-control); border-top:2px solid var(--color-accent); }
.ui-benefits h2 { font-size:1.5rem; }
.ui-benefits ul,.ui-job-detail ul { list-style:disc; padding-inline-start:var(--space-5); }
.ui-benefits li + li { margin-top:var(--space-4); }
.ui-benefits li::marker { color:var(--color-accent-text); }
.ui-job-detail { max-width:65ch; }
.ui-job-detail dl { display:grid; grid-template-columns:8rem minmax(0,1fr); gap:var(--space-2) var(--space-4); margin-block:var(--space-4) var(--space-5); }
.ui-job-detail dt { color:var(--color-muted); }
.ui-job-detail dd { margin:0; }
.ui-job-detail section { margin-block:var(--space-5); }
.ui-job-detail h3 { font-size:1.125rem; }
.ui-job-contact p { display:flex; align-items:baseline; gap:.625rem; margin:.5rem 0; overflow-wrap:anywhere; }
.ui-job-contact .ui-icon { align-self:flex-start; width:1.25rem; height:1.25rem; margin-top:.2rem; color:var(--color-primary); }
.ui-job-contact span { min-width:0; }
html:has(#job-details-modal[open]),body:has(#job-details-modal[open]) { overflow:hidden; overscroll-behavior:none; }
#job-details-modal::part(body) { overscroll-behavior:contain; }
.ui-detail-apply { margin-block:var(--space-5); }
.ui-contact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-5); }
.ui-contact-branch { padding-block:var(--space-4); border-top:1px solid var(--color-border); }
.ui-contact-branch img { width:100%; height:auto; aspect-ratio:1.8; object-fit:cover; margin-bottom:var(--space-4); }
.ui-contact-branch address { font-style:normal; }
.ui-contact-branch a { overflow-wrap:anywhere; }
.ui-application { max-width:62rem; margin-inline:auto; }
/* Application form: one continuous surface, with Frames X inspired native fields. */
.ui-application--form { --application-border:#8491a3; --application-rule:#dce2e9; width:100%; max-width:none; margin-inline:auto; background:var(--color-surface); border:1px solid var(--application-rule); border-top:3px solid var(--color-primary); border-radius:var(--radius-control); padding:2rem 2.5rem; counter-reset:application-section; }
.ui-application-heading { padding-bottom:1.5rem; border-bottom:1px solid var(--application-rule); }
.ui-application-heading h1 { font-size:1.875rem; letter-spacing:-.025em; margin-bottom:.625rem; }
.ui-application-heading p { color:var(--color-muted); font-size:.875rem; margin:0; max-width:48rem; }
.ui-application--form #draft-status:empty { display:none; }
.ui-application--form #draft-status:not(:empty) { font-size:.875rem; color:var(--color-muted); margin:1rem 0 0; }
.ui-application-section { margin:0; padding:1.75rem 0; border-bottom:1px solid var(--application-rule); }
.ui-application-section h2 { display:flex; align-items:center; gap:.875rem; font-size:1.1875rem; line-height:1.6; margin:0 0 1.25rem; scroll-margin-top:1.5rem; }
.ui-application-section h2 > .ui-icon { width:1.5rem; height:1.5rem; color:var(--color-primary); flex-shrink:0; }
.ui-application-section h3 { font-size:.9375rem; margin:0 0 1rem; }
.ui-application--form .ui-fields { gap:1.25rem 1.5rem; }
.ui-application--form .ui-field { gap:.5rem; }
.ui-application--form .ui-field > label { color:var(--color-text); font-size:.875rem; font-weight:600; line-height:1.6; }
.ui-application--form .ui-field > label .ui-muted { font-size:.75rem; font-weight:400; white-space:nowrap; }
.ui-application--form .ui-field-label-primary,.ui-application--form .ui-field-label-secondary { display:block; }
.ui-application--form .ui-field-label-secondary { color:var(--color-muted); font-size:.75rem; font-weight:400; line-height:1.45; }
.ui-application--form .ui-field :is(input:not([type="checkbox"]),select,textarea) { min-height:3rem; padding:.6875rem .875rem; border:1px solid var(--application-border); border-radius:.375rem; background:var(--color-surface); color:var(--color-text); font-size:1rem; line-height:1.6; box-shadow:none; scroll-margin-block:2rem; }
.ui-application--form .ui-field :is(input:not([type="checkbox"]),select,textarea):hover:not(:disabled):not(:focus):not([aria-invalid="true"]) { border-color:var(--color-primary); }
.ui-application--form :is(input,select,textarea,.ui-button):focus-visible { outline:2px solid var(--color-primary); outline-offset:3px; }
.ui-application--form .ui-field :is(input,select,textarea):focus { border-color:var(--color-primary); }
.ui-application--form .ui-field :is(input,textarea)::placeholder { color:var(--color-muted); opacity:1; }
.ui-application--form .ui-field :is(input,select,textarea):disabled { background:var(--color-surface-subtle); color:var(--color-muted); border-color:var(--application-border); opacity:1; cursor:not-allowed; }
.ui-application--form .ui-field :is(input,select,textarea)[aria-invalid="true"] { border-color:var(--color-danger); }
.ui-application--form .ui-field :is(input,select,textarea)[aria-invalid="true"]:focus-visible { outline-color:var(--color-danger); }
.ui-application--form .ui-help { font-size:.8125rem; line-height:1.65; color:var(--color-muted); margin:0; }
.ui-application--form .ui-field > p:empty { display:none; }
.ui-application--form .ui-fields > .ui-field:has(:is(#job_name,#address,#u_school,#u_major,#v_school,#v_major)) { grid-column:1 / -1; }
.ui-application-section > .ui-help,.ui-application-section > p { font-size:.875rem; margin-bottom:1.25rem; }
.ui-application--form .ui-button { font-size:.875rem; padding:.625rem 1rem; min-height:2.875rem; }
.ui-application-section > button { margin-top:1.25rem; }
.ui-application-extra { margin-top:1.5rem; padding-top:1.25rem; border-top:1px solid var(--application-rule); }
.ui-application--form .hidden { display:none; }
.ui-application-channels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.25rem 1.5rem; border:0; padding:0; margin:1.5rem 0 0; min-width:0; }
.ui-application-channels legend { width:100%; font-size:.875rem; font-weight:600; margin-bottom:.625rem; }
.ui-check { display:flex; gap:var(--space-3); align-items:start; }
.ui-check input { width:1.5rem; min-height:1.5rem; flex-shrink:0; margin-block:var(--space-2); padding:0; accent-color:var(--color-primary); }
.ui-check label { padding-block:var(--space-2); }
.ui-application--form .ui-check { gap:.625rem; }
.ui-application--form .ui-check input { width:1.125rem; height:1.125rem; min-height:1.125rem; margin:.8125rem 0; border-radius:.25rem; }
.ui-application--form .ui-check label { flex:1; font-size:.875rem; line-height:1.6; min-height:2.75rem; padding:.6875rem 0; cursor:pointer; }
.ui-upload-pickers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:1.5rem; width:100%; margin:1.5rem 0 0; }
.ui-upload-picker { min-width:0; }
.ui-upload-custom h3 { margin:0 0 .625rem; font-size:.9375rem; line-height:1.6; font-weight:600; }
.ui-upload-custom h3 .ui-muted { font-size:.8125rem; font-weight:400; }
.ui-upload-dropzone { display:flex; flex-direction:column; align-items:center; padding:1.25rem 1rem; border:1px dashed var(--color-primary); border-radius:.5rem; text-align:center; }
.ui-upload-dropzone.is-dragging { border-style:solid; background:#eef2f8; }
.ui-upload-dropzone > .ui-icon { width:1.75rem; height:1.75rem; color:var(--color-primary); }
.ui-upload-prompt { margin:.625rem 0 .375rem; font-size:.875rem; }
.ui-upload-or { display:flex; align-items:center; gap:1rem; margin-bottom:1rem; color:var(--color-muted); font-size:.875rem; }
.ui-upload-or::before,.ui-upload-or::after { content:''; width:3rem; border-top:1px solid var(--application-rule); }
.ui-upload-dropzone .ui-button { min-height:2.75rem; }
.ui-upload-custom > .ui-help { margin:.625rem 0 0; }
.ui-upload-custom > .ui-inline-error:empty { display:none; }
.ui-application-file { min-width:0; margin-top:.75rem; }
.ui-attachment-field { min-width:0; }
.ui-upload-enhanced .ui-attachment-field .ui-field > :is(label,.ui-help),.ui-upload-enhanced .ui-attachment-field > .ui-help { display:none; }
.ui-upload-enhanced .ui-attachment-field input[type="file"] { position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; pointer-events:none; }
.ui-upload-enhanced .ui-attachment-field .ui-field { display:block; margin:0; }
.ui-upload-enhanced .ui-attachment-field .ui-inline-error:empty { display:none; }
.ui-upload-enhanced .ui-application-file:not(:has(.ui-file-preview:not([hidden]))) { display:none; }
.ui-file-preview { display:grid; grid-template-columns:3.5rem minmax(0,1fr) auto; align-items:center; gap:.875rem; padding:.875rem; border:1px solid var(--application-rule); border-radius:.5rem; }
.ui-file-preview-media { display:flex; align-items:center; justify-content:center; width:3.5rem; height:3.5rem; overflow:hidden; border-radius:.25rem; color:var(--color-primary); }
.ui-file-preview-media img { width:100%; height:100%; object-fit:contain; }
.ui-file-preview-placeholder { display:flex; flex-direction:column; align-items:center; font-size:.6875rem; text-align:center; }
.ui-file-preview-placeholder .ui-icon { width:1.75rem; height:1.75rem; }
.ui-file-preview-info { display:flex; flex-direction:column; gap:.125rem; min-width:0; font-size:.875rem; }
.ui-file-preview-info > span { overflow-wrap:anywhere; }
.ui-file-preview-info .ui-help { margin:0; }
.ui-file-preview-actions { display:flex; gap:.125rem; }
.ui-file-preview-actions .ui-button { width:2.75rem; min-width:0; min-height:2.75rem; padding:.625rem; color:var(--color-muted); }
.ui-application--form .ui-file-preview-actions .ui-button { background:transparent; border-color:transparent; box-shadow:none; transform:none; transition:color var(--motion-short); }
.ui-application--form .ui-file-preview-actions .ui-button:is(:hover,:active):not(:disabled) { background:transparent; }
.ui-application--form .ui-file-preview-actions .ui-button:hover:not(:focus-visible) { outline:none; }
.ui-application--form .ui-file-preview-actions [data-file-replace]:is(:hover,:focus-visible) { color:#145f9d; }
.ui-application--form .ui-file-preview-actions [data-file-remove]:is(:hover,:focus-visible) { color:var(--color-danger); }
.ui-application--form .ui-application-file input[type="file"] { padding:.375rem; min-width:0; font-size:.875rem; }
.ui-application--form .ui-application-file input[type="file"]::file-selector-button { min-height:2.125rem; margin-inline-end:.625rem; padding:.375rem .75rem; border:1px solid var(--color-button-border); border-radius:var(--radius-button); background:var(--color-surface-subtle); color:var(--color-button-primary); font-size:.8125rem; }
.ui-application--form .ui-application-file input[type="file"]::file-selector-button:hover { border-color:var(--application-border); }
.ui-application--form #application-section-6 ~ .ui-field:has(#agree) { margin-top:1rem; }
.ui-application--form .ui-field:has(#agree) > label { padding:0; font-weight:400; }
.ui-application--form .ui-field:has(#agree) > input { width:1.125rem; height:1.125rem; min-height:1.125rem; margin:.125rem 0; }
.ui-application--form .ui-field:has(#agree) { grid-template-columns:1.125rem minmax(0,1fr); gap:.375rem .75rem; }
.ui-application-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:var(--space-3); padding:var(--space-5); background:var(--color-surface-subtle); border-radius:var(--radius-control); }
.ui-application--form #applicationForm > .ui-application-actions { margin:0; padding:1.5rem 0 0; background:transparent; border-radius:0; align-items:center; }
.ui-application--form #submit-btn { padding-inline:1.5rem; }
.ui-application-check-dialog { width:min(27rem,calc(100% - 2rem)); max-height:calc(100dvh - 2rem); padding:0; border:0; border-radius:.75rem; background:var(--color-surface); color:var(--color-text); box-shadow:var(--elevation-dialog); }
.ui-application-check-dialog::backdrop { background:#08173a99; backdrop-filter:blur(2px); }
.ui-application-check-content { padding:1.75rem; }
.ui-application-check-label { margin:0 0 .5rem; color:var(--color-warning); font-size:.8125rem; font-weight:600; }
.ui-application-check-content h2 { margin:0; font-size:1.375rem; line-height:1.5; }
.ui-application-check-content > p:not(.ui-application-check-label) { margin:.625rem 0 1.5rem; color:var(--color-muted); }
.ui-application-check-content .ui-button { width:100%; }
.ui-application-policy-open { margin-top:1rem; }
.ui-application--form :is(#addPrevEducationBtn,#addMoreWorkBtn):not(:disabled) { background:#ff8b24; border-color:#ff8b24; color:#142944; }
.ui-application--form #application-policy-open { background:#142944; border-color:#142944; color:#fff; }
.ui-application--form :is(#addPrevEducationBtn,#addMoreWorkBtn):hover:not(:disabled) { background:#f27c10; border-color:#f27c10; }
.ui-application--form #application-policy-open:hover { background:#203b5b; border-color:#203b5b; }
.ui-application-policy-dialog { width:min(52rem,calc(100% - 2rem)); max-height:calc(100dvh - 2rem); padding:0; border:0; border-radius:.75rem; background:var(--color-surface); color:var(--color-text); box-shadow:var(--elevation-dialog); }
.ui-application-policy-dialog::backdrop { background:#08173a99; backdrop-filter:blur(2px); }
.ui-application-policy-scroll { max-height:calc(100dvh - 7rem); overflow-y:auto; overscroll-behavior:contain; padding:1.5rem 2rem .5rem; }
.ui-application-policy-actions { display:flex; justify-content:flex-end; padding:1rem 2rem; border-top:1px solid var(--application-rule); background:var(--color-surface); }
.ui-policy-summary { font-size:.9375rem; line-height:1.8; }
.ui-policy-company { font-weight:600; }
.ui-policy-summary p { margin:0 0 .875rem; }
.ui-policy-summary ul,.ui-policy-text ul { list-style:disc; padding-inline-start:1.5rem; margin:0 0 1rem; }
.ui-policy-summary li + li,.ui-policy-text li + li { margin-top:.625rem; }
.ui-policy-summary a,.ui-policy-text a { overflow-wrap:anywhere; text-decoration:underline; text-underline-offset:.2em; }
.ui-policy-text { padding:1.5rem 0 .5rem; font-size:.9375rem; line-height:1.85; overflow-wrap:anywhere; }
.ui-policy-text header { margin-bottom:1.25rem; }
.ui-policy-text h3 { font-size:1.125rem; line-height:1.7; margin:0 0 .5rem; }
.ui-policy-text h4 { font-size:1rem; font-weight:600; line-height:1.75; margin:1.5rem 0 .75rem; }
.ui-policy-text p { margin:0 0 1rem; }
@media (max-width:48rem) {
 .ui-application--form { padding:1.5rem; }
 .ui-file-preview { gap:.625rem; padding:.75rem; }
 .ui-upload-pickers { grid-template-columns:minmax(0,1fr); }
 .ui-file-preview-actions { flex-direction:column; }
 .ui-application-heading h1 { font-size:1.625rem; }
 .ui-application--form .ui-fields,.ui-application-files,.ui-application-channels { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:40rem) {
 .ui-application--form { padding:1.25rem 1rem; }
 .ui-application--form .ui-application-section { padding:1.5rem 0; }
 .ui-application-section h2 { font-size:1.0625rem; gap:.625rem; }
 .ui-application--form #applicationForm > .ui-application-actions { flex-direction:column-reverse; align-items:stretch; }
 .ui-application--form .ui-application-actions > .ui-button { width:100%; }
 .ui-application-policy-scroll { padding:1.25rem 1rem .5rem; }
 .ui-application-policy-actions { padding:1rem; }
 .ui-application-policy-actions .ui-button { width:100%; }
}
.ui-application-receipt { margin-block:var(--space-5); }
.ui-application-receipt dt { color:var(--color-muted); }
.ui-application-receipt dd { margin:0 0 var(--space-3); overflow-wrap:anywhere; }
.ui-auth { background:#fff; }
.ui-auth-shell { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-height:100svh; }
.ui-auth-story { display:grid; grid-template-rows:minmax(0,1fr) auto; align-self:start; height:100dvh; min-width:0; background:#142944; color:#fff; }
.ui-auth-photo { width:100%; height:100%; min-height:0; object-fit:cover; object-position:center; }
.ui-auth-intro { padding:2.5rem 2rem; border-top:4px solid #ff8b24; text-align:center; }
.ui-auth-brand { display:flex; align-items:center; gap:.875rem; margin-bottom:2.5rem; color:#142944; }
.ui-auth-brand img { width:3.5rem; height:3.5rem; border-radius:50%; background:#fff; flex-shrink:0; }
.ui-auth-brand > div { min-width:0; }
.ui-auth-brand strong { display:block; font-size:1.375rem; font-weight:600; line-height:1.4; }
.ui-auth-brand span { display:block; margin-top:.25rem; color:var(--color-muted); font-size:.9375rem; }
.ui-auth-intro h2 { margin:0 0 .75rem; font-size:1.875rem; color:#fff; }
.ui-auth-intro p { margin:0; color:#d5dfea; font-size:.9375rem; line-height:1.8; }
.ui-auth-panel { display:flex; flex-direction:column; min-width:0; }
.ui-auth main { display:flex; align-items:center; justify-content:center; flex:1; width:100%; max-width:none; margin:0; padding:3rem 2.5rem; }
.ui-auth-content { width:100%; max-width:27rem; }
.ui-auth .ui-sign-in { width:100%; max-width:27rem; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
.ui-sign-in .ui-required-mark { color:#b42332; font-weight:600; }
.ui-sign-in h1 { font-size:1.75rem; margin-bottom:.625rem; text-align:left; text-wrap:initial; }
.ui-sign-in header > .ui-muted { font-size:.9375rem; margin:0; }
.ui-sign-in .ui-inline-error { font-size:.8125rem; line-height:1.6; }
.ui-sign-in .ui-inline-error:empty { display:none; }
.ui-sign-in form { margin-top:2rem; }
.ui-sign-in .ui-field { gap:.5rem; }
.ui-sign-in .ui-field label { font-size:.9375rem; font-weight:500; }
.ui-sign-in .ui-field input { min-height:3.375rem; padding:.75rem 1rem; border-radius:.375rem; }
.ui-sign-in form > * + * { margin-top:1.25rem; }
.ui-sign-in form > button { width:100%; min-height:3.375rem; margin-top:1.75rem; }
.ui-sign-in-password { position:relative; }
.ui-sign-in .ui-sign-in-password input { padding-inline-end:3.5rem; }
.ui-sign-in-password > button { position:absolute; inset-inline-end:.375rem; top:2rem; width:2.75rem; min-height:2.75rem; padding:.75rem; border:0; background:transparent; color:var(--color-muted); }
.ui-sign-in-password > button:hover { color:var(--color-primary); }
.ui-sign-in-password > button[aria-pressed="true"] { color:#145f9d; }
.ui-auth-footer { padding:1.25rem 2rem; text-align:center; color:var(--color-muted); font-size:.8125rem; }
@media (max-height:48rem) {
 .ui-auth .ui-auth-panel main { padding-block:1.25rem; }
 .ui-auth-brand { margin-bottom:1.5rem; }
 .ui-sign-in form { margin-top:1.25rem; }
 .ui-sign-in form > * + * { margin-top:1rem; }
 .ui-sign-in form > button { min-height:3rem; margin-top:1.25rem; }
 .ui-auth-intro { padding:1.5rem 2rem; }
 .ui-auth-intro h2 { font-size:1.625rem; }
 .ui-auth-footer { padding-block:.75rem; }
}
@media (max-width:60rem) {
 .ui-auth-shell { grid-template-columns:minmax(0,1fr); }
 .ui-auth-story { display:none; }
 .ui-auth main { padding:2.5rem 1.5rem; }
 .ui-auth-panel { min-height:100svh; }
}
@media (max-width:24rem) {
 .ui-auth-brand { gap:.625rem; }
 .ui-auth-brand img { width:3rem; height:3rem; }
 .ui-auth-brand strong { font-size:1.125rem; }
 .ui-auth-brand span { font-size:.875rem; }
 .ui-sign-in h1 { font-size:1.5rem; }
}
.ui-hr:has([data-analytics],[data-dashboard],[data-jobs-page],[data-resume-page],[data-interviews-page],[data-application-audit]) { background:#F4F6F9; }
.ui-header--dashboard { background:#142944; border-top:0; border-bottom:1px solid #213b59; color:#fff; }
.ui-header--dashboard .ui-header-inner { min-height:6rem; }
.ui-header--dashboard .ui-brand { color:#fff; }
.ui-header--dashboard .ui-brand img { width:3.5rem; height:3.5rem; border-radius:50%; background:#fff; }
.ui-header--dashboard .ui-brand-context { color:#d4deea; font-size:.8125rem; }
.ui-header--dashboard .ui-nav a { padding:.75rem .25rem; }
.ui-header--dashboard .ui-nav a[aria-current="page"] { border-color:#ff8b24; }
.ui-header--dashboard :is(.ui-nav,.ui-account) a:hover { color:#ffb16e; }
.ui-header--dashboard .ui-account { font-size:.8125rem; gap:.25rem; }
.ui-header--dashboard .ui-account { flex-direction:row; align-items:center; gap:.75rem; }
.ui-header-logout { display:inline-flex; align-items:center; justify-content:center; width:2.75rem; min-height:2.75rem; border-inline-start:1px solid #40536b; color:#fff; text-decoration:none; }
.ui-header-logout .ui-icon { width:1.25rem; height:1.25rem; }
.ui-dashboard { padding-block:.5rem; }
.ui-dashboard > .ui-dashboard-heading h1 { font-size:1.75rem; margin-bottom:.375rem; }
.ui-dashboard .ui-metrics { gap:.875rem; margin:1rem 0; }
.ui-dashboard .ui-metrics > div { padding:1.125rem 1.25rem; border:1px solid #DDE4EE; border-radius:.375rem; background:#fff; box-shadow:none; }
.ui-dashboard .ui-metrics > div:first-child { background:#142944; border-color:#142944; color:#fff; }
.ui-dashboard .ui-metrics > div:first-child dt,.ui-dashboard .ui-metrics > div:first-child dd,.ui-dashboard .ui-metrics > div:first-child dd span { color:#fff; }
.ui-dashboard .ui-metrics > div:nth-child(2) { background:#fff; border-color:#DDE4EE; }
.ui-dashboard .ui-metrics dt { min-height:1.5rem; font-size:.875rem; line-height:1.5; font-weight:600; color:#64748B; }
.ui-dashboard .ui-metrics dd { font-size:2.25rem; line-height:1.2; margin:.5rem 0 0; color:#142944; font-weight:600; }
.ui-dashboard .ui-metrics dd.ui-metric-value--long { font-size:1.5rem; }
.ui-dashboard .ui-metrics dd span { display:block; margin-top:.375rem; font-size:.875rem; line-height:1.4; color:#64748B; }
.ui-dashboard .ui-dashboard-charts { gap:1rem; margin:1rem 0; align-items:stretch; }
.ui-dashboard .ui-chart { display:flex; flex-direction:column; padding:1rem 1.125rem; border-color:#DDE4EE; border-radius:.375rem; min-width:0; }
.ui-dashboard .ui-chart h2 { display:flex; align-items:center; gap:.5rem; font-size:var(--dashboard-heading-size); line-height:1.5; margin-bottom:.375rem; }
.ui-dashboard .ui-chart h2 .ui-icon { width:1.25rem; height:1.25rem; flex-shrink:0; color:#5044A3; }
.ui-dashboard .ui-chart h2 span { min-width:0; }
.ui-dashboard .ui-chart > .ui-muted { font-size:.8125rem; }
.ui-dashboard [data-chart-status]:empty { display:none; }
.ui-dashboard .ui-chart-data { border-top:1px solid #E6EAF0; padding-top:.25rem; margin-top:auto; }
.ui-dashboard .ui-chart-data > summary { min-height:1.75rem; padding-block:.125rem; font-size:.75rem; text-decoration:none; color:#64748B; }
.ui-dashboard { --color-text:#142944; --color-muted:#64748B; --dashboard-heading-size:1.0625rem; --dashboard-content-size:.8125rem; --dashboard-meta-size:.75rem; }
.ui-hr:has([data-analytics],[data-dashboard],[data-jobs-page],[data-resume-page],[data-interviews-page],[data-application-audit]) > main { padding-block:1.25rem; }
.ui-dashboard > .ui-dashboard-heading { margin-bottom:1rem; }
.ui-dashboard .ui-chart-plot { height:clamp(12rem,20vh,15rem); min-width:0; }
.ui-dashboard .ui-chart--external .ui-chart-visual { display:grid; grid-template-columns:minmax(0,1fr) minmax(8rem,.6fr); align-items:center; gap:1rem; }
.ui-dashboard .ui-chart--donut .ui-chart-visual { grid-template-columns:minmax(10rem,.85fr) minmax(0,1.15fr); }
.ui-dashboard .ui-chart--external:not(.ui-chart--donut) .ui-chart-visual { grid-template-columns:minmax(0,1fr); gap:.5rem; }
.ui-dashboard .ui-chart--external:not(.ui-chart--donut) .ui-chart-key { display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem 1.25rem; }
.ui-dashboard .ui-chart--external:not(.ui-chart--donut) .ui-chart-key li { max-width:100%; }
.ui-chart-key { list-style:none; margin:0; padding:0; display:grid; gap:.625rem; min-width:0; }
.ui-chart-key li { display:grid; grid-template-columns:.625rem minmax(0,1fr); align-items:center; gap:.375rem .625rem; font-size:var(--dashboard-content-size,.8125rem); line-height:1.5; color:#64748B; }
.ui-chart--donut .ui-chart-key li { grid-template-columns:.625rem minmax(0,1fr) auto 3.5rem; }
.ui-chart-swatch { display:block; width:.625rem; height:.625rem; border-radius:50%; }
.ui-chart-key-label { overflow-wrap:anywhere; }
.ui-position-details-open { padding:0; border:0; background:none; color:inherit; font:inherit; line-height:inherit; text-align:start; text-decoration:underline; text-underline-offset:.2em; cursor:pointer; }
.ui-position-details-open:hover { color:#142944; }
/* Shared action/feedback surface. Chart and document dialogs keep their layout. */
.ui-feedback-dialog { --width:28rem; font-family:var(--font-body,inherit); color:#142944; }
.ui-feedback-dialog::part(dialog) { max-height:calc(100dvh - 2rem); border:1px solid #d8e2ee; border-radius:.5rem; }
.ui-feedback-dialog::part(header) { padding:1.25rem 1.5rem .75rem; }
.ui-feedback-dialog::part(title) { font-family:inherit; font-size:1.25rem; font-weight:600; line-height:1.5; color:#142944; overflow-wrap:anywhere; }
.ui-feedback-dialog::part(body) { padding:0 1.5rem 1.25rem; overscroll-behavior:contain; }
.ui-feedback-dialog::part(footer) { padding:1rem 1.5rem; background:#f7f9fc; border-top:1px solid #e1e7ef; }
.ui-feedback-dialog-message { margin:0; font-size:1rem; line-height:1.65; color:#52627a; white-space:pre-line; overflow-wrap:anywhere; }
.ui-feedback-dialog-message:empty { display:none; }
.ui-feedback-dialog [slot=footer] { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.625rem; }
.ui-feedback-dialog [slot=footer] .ui-button { min-height:2.75rem; min-width:5.5rem; padding:.5rem 1rem; font-size:1rem; }
.ui-feedback-dialog .ui-feedback-dialog-accept { background:#142944; border-color:#142944; color:#fff; }
.ui-feedback-dialog[data-tone=danger] .ui-feedback-dialog-accept { background:#b32350; border-color:#b32350; }
.ui-feedback-dialog[data-tone=success]::part(title) { color:#207c73; }
.ui-feedback-dialog .ui-feedback-dialog-accept:hover { filter:brightness(.9); }
@media(max-width:30rem) {
 .ui-feedback-dialog::part(header) { padding:1rem 1rem .75rem; }
 .ui-feedback-dialog::part(body) { padding:0 1rem 1rem; }
 .ui-feedback-dialog::part(footer) { padding:.75rem 1rem; }
 .ui-feedback-dialog [slot=footer] .ui-button { flex:1; }
}
/* Applicant outcomes: a light status header and one primary action, scoped to this flow. */
.ui-feedback-dialog--application-result { --width:27.5rem; --result-header:#e5f2e9; --result-ink:#256747; --result-action:#256747; --result-border:#d7e5dc; }
.ui-feedback-dialog--application-result[data-tone=danger] { --result-header:#fbe7e9; --result-ink:#a13242; --result-action:#a13242; --result-border:#ead9dc; }
.ui-feedback-dialog--application-result[data-tone=warning] { --result-header:#fff1d6; --result-ink:#80531a; --result-action:#8b5a16; --result-border:#e8ddc8; }
.ui-feedback-dialog--application-result::part(dialog) { border-color:var(--result-border); box-shadow:0 .5rem 1.5rem #08173a1a; }
.ui-feedback-dialog--application-result::part(header) { padding:1.25rem 1.5rem; background:var(--result-header); color:var(--result-ink); }
.ui-feedback-dialog--application-result[data-tone]::part(title) { color:var(--result-ink); font-size:1.3125rem; line-height:1.55; text-wrap:balance; }
.ui-feedback-dialog--application-result::part(body) { padding:1.375rem 1.5rem; }
.ui-feedback-dialog--application-result::part(footer) { padding:1rem 1.5rem; background:#fff; }
.ui-feedback-dialog--application-result [slot=footer] { display:block; width:100%; }
.ui-feedback-dialog--application-result[data-tone] .ui-feedback-dialog-accept { width:100%; min-height:2.875rem; background:var(--result-action); border-color:var(--result-action); color:#fff; font-weight:600; }
@media(max-width:30rem) {
 .ui-feedback-dialog--application-result::part(header) { padding:1.125rem 1.25rem; }
 .ui-feedback-dialog--application-result[data-tone]::part(title) { font-size:1.25rem; }
 .ui-feedback-dialog--application-result::part(body) { padding:1.25rem; }
 .ui-feedback-dialog--application-result::part(footer) { padding:1rem 1.25rem; }
}
#other-positions-dialog { --width:74rem; }
#other-positions-dialog::part(dialog) { max-height:calc(100dvh - 2rem); }
#other-positions-dialog::part(header) { padding:1rem 1.5rem; }
#other-positions-dialog::part(title) { font-size:1.25rem; line-height:1.5; color:#142944; }
#other-positions-dialog::part(body) { padding:0 1.5rem; overscroll-behavior:contain; }
#other-positions-dialog::part(footer) { padding:.75rem 1.5rem; }
#other-positions-dialog .ui-position-details { color:#142944; font-size:.875rem; }
#other-positions-dialog .ui-position-details-scope { margin:0 0 1rem; color:#64748b; }
#other-positions-dialog .ui-position-details-scroll { overflow-x:auto; overscroll-behavior-x:contain; }
#other-positions-dialog .ui-position-details-plot { height:16rem; min-width:40rem; }
#other-positions-dialog .ui-position-details-legend { display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem 1.25rem; list-style:none; padding:0; margin:.5rem 0; }
#other-positions-dialog .ui-position-details-legend li { max-width:100%; }
#other-positions-dialog .ui-position-details-legend button { display:inline-flex; align-items:center; gap:.5rem; max-width:100%; min-height:2rem; padding:.125rem 0; background:none; border:0; color:inherit; font:inherit; text-align:start; cursor:pointer; }
#other-positions-dialog .ui-chart-swatch { flex-shrink:0; }
#other-positions-dialog .ui-position-details-legend button span { overflow-wrap:anywhere; }
#other-positions-dialog .ui-position-details-legend button:hover { text-decoration:underline; }
#other-positions-dialog .ui-position-details-legend button[aria-pressed=false] { color:#64748b; text-decoration:line-through; }
#other-positions-dialog .ui-position-details-legend button[aria-pressed=false] .ui-chart-swatch { opacity:.35; }
#other-positions-dialog .ui-position-details-legend button:disabled { opacity:.5; cursor:wait; }
#other-positions-dialog .ui-position-details-help { margin:.25rem 0 1rem; color:#64748b; font-size:.8125rem; text-align:center; }
#other-positions-dialog .ui-position-details-status { text-align:center; }
#other-positions-dialog .ui-position-details-table { width:100%; min-width:0; border-collapse:collapse; margin:0; font-size:.875rem; }
#other-positions-dialog .ui-position-details-table caption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#other-positions-dialog .ui-position-details-table :is(th,td) { padding:.625rem .75rem; border:0; border-bottom:1px solid #e1e7ef; text-align:start; vertical-align:middle; }
#other-positions-dialog .ui-position-details-table :is(thead,tfoot) { background:#e5edf6; font-weight:600; }
#other-positions-dialog .ui-position-details-table :is(th,td):first-child { width:3.5rem; }
#other-positions-dialog .ui-position-details-table :is(th,td):last-child { text-align:end; white-space:nowrap; font-variant-numeric:tabular-nums; }
#other-positions-dialog .ui-position-details-name { display:flex; align-items:center; gap:.625rem; overflow-wrap:anywhere; }
@media (max-width:36rem) {
 #other-positions-dialog::part(header) { padding:1rem; }
 #other-positions-dialog::part(body) { padding:0 1rem; }
 #other-positions-dialog::part(footer) { padding:.75rem 1rem; }
 #other-positions-dialog .ui-position-details-table :is(th,td) { padding:.5rem .375rem; }
}
.ui-chart-key strong { color:#142944; font-size:.8125rem; font-weight:600; font-variant-numeric:tabular-nums; }
.ui-chart-percent { text-align:end; font-variant-numeric:tabular-nums; }
.ui-chart-note { margin:0 0 .375rem; font-size:.75rem; line-height:1.5; color:#64748B; }
.ui-dashboard [data-chart-model] g[tabindex]:is(:hover,:focus-visible) > rect { filter:brightness(.85); }
@media (min-width:70.01rem) { .ui-dashboard .ui-metrics { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media (max-width:70rem) {
 .ui-dashboard .ui-dashboard-charts { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:36rem) {
 .ui-dashboard .ui-chart--external .ui-chart-visual { grid-template-columns:minmax(0,1fr); gap:.5rem; }
 .ui-dashboard .ui-chart--donut .ui-chart-plot { height:12rem; }
 .ui-dashboard .ui-chart { padding:1rem; }
 .ui-dashboard .ui-chart-key { margin-bottom:.75rem; }
}
.ui-dashboard .ui-dashboard-queue { margin-top:1.5rem; padding:1.5rem; background:#fff; border:1px solid #e0e5ed; border-radius:.5rem; }
.ui-dashboard .ui-dashboard-queue h2 { font-size:1.25rem; }
.ui-dashboard .ui-dashboard-queue .ui-dashboard-heading { margin-bottom:1rem; }
.ui-dashboard .ui-table-toolbar { padding:0 0 1rem; }
.ui-dashboard .ui-table-scroll { border-radius:.25rem; }
.ui-dashboard .ui-dashboard-queue { padding:0; border-radius:.625rem; overflow:hidden; }
.ui-dashboard .ui-dashboard-queue > .ui-dashboard-heading { margin:0; padding:1.5rem 1.5rem 1.125rem; }
.ui-dashboard .ui-dashboard-queue > .ui-dashboard-heading h2 { margin-bottom:.375rem; }
.ui-dashboard .ui-dashboard-queue #queue-heading { display:flex; align-items:center; flex-wrap:wrap; gap:.375rem .625rem; margin:0; flex:1 1 auto; font-size:var(--dashboard-heading-size); line-height:1.5; }
.ui-dashboard .ui-dashboard-queue #queue-heading .ui-queue-period { color:var(--color-muted); font-size:var(--dashboard-content-size); font-weight:400; }
.ui-dashboard .ui-dashboard-queue #queue-heading .ui-icon { width:1.25rem; height:1.25rem; color:#5044A3; flex-shrink:0; }
.ui-dashboard .ui-dashboard-queue > .ui-dashboard-heading .ui-muted { font-size:.8125rem; }
.ui-dashboard .ui-table-toolbar { gap:1rem; padding:.25rem 1.5rem 1.25rem; border-radius:0; }
.ui-dashboard .ui-table-toolbar label { font-size:.8125rem; font-weight:500; color:var(--color-muted); }
.ui-dashboard .ui-table-toolbar :is(input,select) { min-height:2.875rem; border:1px solid #cfd7e2; border-radius:.375rem; background:#fafbfd; }
.ui-dashboard .ui-table-toolbar input:focus-visible { background:#fff; }
.ui-dashboard .ui-operational-table > .ui-table-scroll { border-inline:0; border-radius:0; border-color:#dce3eb; }
.ui-dashboard .ui-table-scroll table { font-size:.875rem; }
.ui-dashboard .ui-table-scroll :is(th,td) { border-top:0; border-bottom:1px solid #e7ecf2; padding:.875rem 1rem; line-height:1.6; }
.ui-dashboard .ui-table-scroll thead th { background:#142944; color:#fff; font-size:.8125rem; font-weight:500; border-bottom:2px solid #d29353; white-space:nowrap; }
.ui-dashboard .ui-table-scroll tbody tr:last-child > * { border-bottom:0; }
.ui-dashboard .ui-table-scroll tbody tr:nth-child(even) td { background:#f8fafc; }
.ui-dashboard .ui-table-scroll tbody tr:is(:hover,:focus-within) > * { background:#eef3f8; }
.ui-dashboard .ui-table-scroll caption { padding:.75rem 1rem; color:#52617d; font-size:.8125rem; background:#fff; border-bottom:1px solid #e0e6ee; }
.ui-dashboard .ui-chart-data .ui-table-scroll { border:1px solid #dce3eb; border-radius:.375rem; }
.ui-dashboard .ui-chart-data table { min-width:25rem; }
.ui-dashboard .ui-chart-data thead th { background:#eaf0f6; color:#263f5a; border-bottom:1px solid #cbd5e2; }
.ui-dashboard .ui-chart-data tbody th { background:#f5f8fb; color:#344a65; font-weight:500; }
.ui-dashboard .ui-chart-data tbody td { text-align:end; font-variant-numeric:tabular-nums; }
.ui-dashboard .ui-chart-data :is(th,td) { padding:.6875rem 1rem; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) { min-width:70rem; color:#23312f; font-size:var(--dashboard-content-size); }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) caption { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) :is(th,td):first-child { min-width:3rem; width:3rem; text-align:center; color:#64758a; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) thead th { background:#fff; color:#657370; font-weight:500; border:0; padding-block:.75rem; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) thead th:first-child { color:#657370; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) tbody td { height:4.25rem; padding:1rem; border:0; background:#fff; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) tbody tr:nth-child(even) td { background:#fff; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) tbody tr:is(:hover,:focus-within) td { background:#f4f9f8; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) tbody td:nth-child(2) { min-width:7rem; font-size:.8125rem; color:#35423f; font-variant-numeric:tabular-nums; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) tbody td:nth-child(3) { min-width:12rem; font-weight:500; color:#1c2b28; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) tbody td:nth-child(4) { min-width:6rem; color:#52617d; font-size:.8125rem; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) tbody td:nth-child(5) { min-width:11rem; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) :is(th,td):nth-child(6) { min-width:7rem; text-align:end; white-space:nowrap; font-variant-numeric:tabular-nums; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) :is(th,td):nth-child(7) { min-width:8rem; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) :is(th,td):last-child { min-width:8rem; text-align:center; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-table-sort { color:inherit; min-height:2.25rem; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) th[aria-sort] { background:#fff; color:#31443f; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-table-sort { display:inline-flex; align-items:center; gap:.5rem; font-weight:500; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-table-sort::after { content:''; display:inline-block; width:0; height:0; border-inline:3px solid transparent; border-top:4px solid #8c9693; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) th[aria-sort="ascending"] .ui-table-sort::after { content:''; transform:rotate(180deg); border-top-color:#287f73; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) th[aria-sort="descending"] .ui-table-sort::after { content:''; border-top-color:#287f73; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-status { display:inline-flex; justify-content:center; min-width:7rem; padding:.3125rem .625rem; border:0; border-radius:.1875rem; font-size:var(--dashboard-content-size); font-weight:500; white-space:nowrap; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-status::before { content:none; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-status--success { color:#237b64; background:#edf8f2; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-status--warning { color:#896800; background:#fbf5e6; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-status--info { color:#286397; background:#eaf5fc; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-status--danger { color:#ac3155; background:#fceff3; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-status--neutral { color:#62716d; background:#f2f5f4; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-actions { gap:.375rem; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-actions .ui-button { width:2rem; height:2rem; min-height:2rem; padding:.4375rem; border:0; border-radius:.375rem; color:#fff; background:#287e73; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-actions a:nth-child(2) { background:#3279c6; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-actions .ui-button--danger { background:#bf2b60; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-actions .ui-button:hover:not(:focus-visible) { outline:none; color:#fff; filter:brightness(.9); background:#287e73; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-actions a:nth-child(2):hover:not(:focus-visible) { background:#3279c6; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-actions .ui-button--danger:hover:not(:focus-visible) { background:#bf2b60; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) .ui-actions .ui-icon { width:1.125rem; height:1.125rem; }
.ui-dashboard :is(#dashboard-candidates,.ui-candidate-table table) [data-table-empty] td { text-align:center; color:#657370; height:8rem; }
.ui-dashboard .ui-candidate-table .ui-table-toolbar { display:flex; align-items:center; justify-content:flex-end; gap:1rem; padding:1.5rem; }
.ui-dashboard .ui-candidate-table .ui-candidate-search { position:relative; flex:0 1 23rem; margin:0; }
.ui-candidate-table .ui-candidate-search > .ui-icon { position:absolute; left:.875rem; top:50%; transform:translateY(-50%); color:#73817b; width:1.125rem; height:1.125rem; pointer-events:none; }
.ui-dashboard .ui-candidate-table .ui-candidate-search input { padding-left:2.625rem; background:#fff; border-color:#dbe3df; font-size:.8125rem; }
.ui-candidate-table .ui-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ui-candidate-filter { position:relative; flex-shrink:0; }
.ui-candidate-filter summary { display:flex; align-items:center; gap:.5rem; min-height:2.875rem; padding:.625rem .875rem; font-size:.8125rem; cursor:pointer; list-style:none; }
.ui-candidate-filter summary::-webkit-details-marker { display:none; }
.ui-candidate-filter summary .ui-icon { width:1rem; height:1rem; }
.ui-candidate-filter[open] summary { border-color:var(--color-button-primary); background:var(--color-surface-subtle); }
.ui-candidate-filter > div { position:absolute; z-index:4; top:calc(100% + .375rem); right:0; width:13rem; padding:.375rem; background:#fff; border:1px solid #dbe3df; border-radius:.375rem; box-shadow:0 5px 16px rgb(24 47 38 / .08); }
.ui-candidate-filter button { display:block; width:100%; min-height:2.5rem; padding:.5rem .75rem; text-align:start; font-size:.8125rem; color:var(--color-button-primary); background:var(--color-surface); border:0; border-radius:var(--radius-button); transition:background-color var(--motion-short); }
.ui-candidate-filter button:is(:hover,[aria-pressed="true"]) { background:var(--color-selected); color:var(--color-button-primary); }
.ui-dashboard .ui-candidate-table > .ui-table-scroll { max-height:none; border:0; }
.ui-dashboard .ui-candidate-table .ui-table-pagination { gap:1rem; padding:1.25rem 1.5rem; border:0; background:#fff; }
.ui-dashboard .ui-candidate-table .ui-table-pagination p { margin:0 0 0 auto; flex:0 1 auto; color:#64736c; font-size:.75rem; }
.ui-candidate-pages,.ui-candidate-pages [data-queue-pages] { display:flex; align-items:center; gap:.375rem; }
.ui-dashboard .ui-candidate-pages :is(button,.ui-button) { display:inline-flex; align-items:center; justify-content:center; min-width:2.125rem; min-height:2.125rem; padding:.25rem .5rem; font-size:.8125rem; }
.ui-dashboard .ui-candidate-pages [data-queue-previous],.ui-dashboard .ui-candidate-pages [data-queue-next] { border-color:#e1e8e4; font-size:1.375rem; }
.ui-candidate-size { display:flex; align-items:center; gap:.5rem; color:#64736c; font-size:.75rem; }
.ui-candidate-size select { min-height:2.125rem; padding:.375rem 1.75rem .375rem .625rem; border-color:#dbe3df; background:#fff; border-radius:.375rem; font-size:.8125rem; }
.ui-jobs-page .ui-jobs-table { background:#fff; border:1px solid #DDE4EE; border-radius:.625rem; }
/* Shared HR table presentation; column geometry remains page-specific. */
.ui-dashboard .ui-operational-table.ui-candidate-table .ui-table-toolbar { padding:1rem 1.5rem .25rem; }
.ui-dashboard .ui-operational-table.ui-candidate-table .ui-candidate-search input { min-height:2.25rem; height:2.25rem; padding-block:.375rem; font-size:var(--dashboard-content-size); }
.ui-dashboard .ui-candidate-filter summary { min-height:2.25rem; padding-block:.375rem; font-size:var(--dashboard-content-size); }
.ui-jobs-page > .ui-dashboard-heading { align-items:center; gap:1rem; margin-bottom:1.25rem; }
.ui-jobs-page > .ui-dashboard-heading h1 { margin:0 0 .25rem; }
.ui-jobs-page > .ui-dashboard-heading .ui-button { display:inline-flex; align-items:center; justify-content:center; gap:.625rem; min-height:2.75rem; padding:.625rem 1.125rem; font-size:var(--dashboard-content-size); line-height:1.5; white-space:nowrap; }
.ui-jobs-page > .ui-dashboard-heading .ui-button .ui-icon { width:1.125rem; height:1.125rem; flex-shrink:0; }
.ui-jobs-page #jobs-table-heading { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; flex:1 1 auto; margin:0; font-size:var(--dashboard-heading-size); line-height:1.5; }
.ui-jobs-page #jobs-table-heading .ui-icon { width:1.25rem; height:1.25rem; flex-shrink:0; color:#5044A3; }
.ui-jobs-page .ui-jobs-inactive { margin:0; font-size:var(--dashboard-content-size); color:#64748B; }
.ui-jobs-page input[type=checkbox] { accent-color:#5044A3; }
.ui-jobs-page #table { min-width:66rem; width:100%; table-layout:auto; }
.ui-dashboard.ui-jobs-page #table :is(th,td) { min-width:0; padding:.625rem .5rem; white-space:nowrap; vertical-align:middle; line-height:1.5; }
.ui-dashboard .ui-operational-table.ui-candidate-table :is(#table,#dashboard-candidates) :is(th,td) { padding:.625rem .5rem; vertical-align:middle; line-height:1.5; font-size:var(--dashboard-content-size); }
.ui-dashboard .ui-operational-table.ui-candidate-table :is(#table,#dashboard-candidates) tbody td { height:3.5rem; }
.ui-jobs-page #table :is(th,td):first-child { min-width:2.5rem; width:2.5rem; text-align:center; }
.ui-jobs-page #table :is(th,td):nth-child(2) { min-width:14rem; text-align:start; font-size:var(--dashboard-content-size); color:#142944; }
.ui-dashboard.ui-jobs-page #table :is(th,td):nth-child(3) { min-width:5rem; text-align:center; font-weight:400; color:inherit; }
.ui-jobs-page #table :is(th,td):nth-child(4) { min-width:6.5rem; text-align:start; }
.ui-dashboard.ui-jobs-page #table :is(th,td):nth-child(5) { min-width:4rem; text-align:center; }
.ui-jobs-page #table :is(th,td):nth-child(6) { min-width:5.5rem; text-align:center; }
.ui-jobs-page #table :is(th,td):nth-child(7) { min-width:8.5rem; text-align:center; }
.ui-jobs-page #table :is(th,td):nth-child(8) { min-width:10rem; text-align:center; }
.ui-jobs-page #table :is(th,td):last-child { min-width:8rem; text-align:center; }
.ui-dashboard .ui-candidate-table .ui-actions { flex-wrap:nowrap; min-width:max-content; }
.ui-dashboard .ui-operational-table.ui-candidate-table :is(#table,#dashboard-candidates) thead th { background:#e5edf6; color:#142944; font-weight:600; border-bottom:1px solid #cbd8e6; }
.ui-dashboard .ui-candidate-table :is(#table,#dashboard-candidates) thead .ui-table-sort { font-weight:inherit; }
.ui-dashboard .ui-candidate-table table tbody::before { content:''; display:table-row; height:.5rem; }
.ui-jobs-page .ui-jobs-table .ui-check { display:flex; align-items:center; justify-content:center; gap:.5rem; min-height:2.25rem; margin:0; white-space:nowrap; font-size:var(--dashboard-content-size); cursor:pointer; }
.ui-jobs-page .ui-jobs-table [data-job-action=toggle_status] { appearance:none; -webkit-appearance:none; position:relative; display:inline-block; flex:0 0 2.25rem; width:2.25rem; height:1.25rem; min-height:0; padding:0; margin:0; border:1px solid #84929e; border-radius:999px; background:#a7b2bd; cursor:pointer; }
.ui-jobs-page .ui-jobs-table [data-job-action=toggle_status]::before { content:''; position:absolute; left:2px; top:2px; width:.875rem; height:.875rem; border-radius:50%; background:#fff; transform:translateX(0); transition:transform var(--motion-short) ease; }
.ui-jobs-page .ui-jobs-table [data-job-action=toggle_status]:checked { background:#287e73; border-color:#287e73; }
.ui-jobs-page .ui-jobs-table [data-job-action=toggle_status]:checked::before { transform:translateX(1rem); }
.ui-jobs-page .ui-jobs-table [data-job-action=toggle_status]:disabled { opacity:.55; cursor:wait; }
@media (min-width:70.01rem) {
 body:has([data-analytics],[data-dashboard],[data-jobs-page],[data-resume-page],[data-interviews-page],[data-application-audit]) :is(.ui-header-inner,#main-content) { max-width:var(--hr-content-max-width); }
 body:has([data-analytics],[data-dashboard],[data-jobs-page],[data-resume-page],[data-interviews-page],[data-application-audit]) .ui-header .ui-brand { font-size:1.25rem; }
 body:has([data-analytics],[data-dashboard],[data-jobs-page],[data-resume-page],[data-interviews-page],[data-application-audit]) .ui-header :is(.ui-nav,.ui-account) { font-size:.875rem; }
 .ui-dashboard { --dashboard-heading-size:1.1875rem; --dashboard-content-size:.875rem; --dashboard-meta-size:.8125rem; padding-block:0; }
 .ui-dashboard .ui-operational-table.ui-candidate-table .ui-table-pagination :is(p,select,.ui-button),.ui-dashboard .ui-candidate-size { font-size:var(--dashboard-meta-size); }
 .ui-dashboard .ui-candidate-table :is(#table,#dashboard-candidates) .ui-actions .ui-button { width:2.1875rem; height:2.1875rem; min-height:2.1875rem; }
 .ui-dashboard .ui-candidate-table :is(#table,#dashboard-candidates) .ui-actions .ui-icon { width:1.25rem; height:1.25rem; }
 body:has([data-analytics],[data-dashboard],[data-jobs-page],[data-resume-page],[data-interviews-page],[data-application-audit]) .ui-header-inner { min-height:4rem; padding-block:.5rem; }
 body:has([data-analytics],[data-dashboard],[data-jobs-page],[data-resume-page],[data-interviews-page],[data-application-audit]) .ui-header .ui-brand img { width:2.75rem; height:2.75rem; }
 body:has([data-analytics],[data-dashboard],[data-jobs-page],[data-resume-page],[data-interviews-page],[data-application-audit]) #main-content { padding-block:1.5rem .75rem; }
 .ui-dashboard > .ui-dashboard-heading { margin-bottom:1.25rem; }
 .ui-dashboard > .ui-dashboard-heading h1 { font-size:1.625rem; line-height:1.3; margin-bottom:.125rem; }
 .ui-dashboard > .ui-dashboard-heading p { font-size:.875rem; line-height:1.5; }
 .ui-dashboard .ui-operational-table.ui-candidate-table .ui-table-toolbar { padding:.5rem 1.5rem .75rem; }
 .ui-dashboard.ui-jobs-page .ui-jobs-inactive input { min-height:0; height:1rem; width:1rem; }
 .ui-dashboard .ui-operational-table.ui-candidate-table :is(#table,#dashboard-candidates) thead th { padding-block:.125rem; }
 .ui-dashboard .ui-operational-table.ui-candidate-table :is(#table,#dashboard-candidates) tbody td { height:2.5rem; padding-block:.25rem; }
 .ui-dashboard .ui-operational-table.ui-candidate-table .ui-table-pagination { padding:.5rem 1.5rem; }
 .ui-dashboard .ui-candidate-table .ui-table-pagination .ui-button { min-height:2rem; padding-block:.25rem; }
}
@media (min-width:70.01rem) and (max-height:47.5rem) {
 body:has([data-analytics],[data-dashboard],[data-jobs-page],[data-resume-page],[data-interviews-page],[data-application-audit]) .ui-header-inner { min-height:3.5rem; padding-block:.25rem; }
 body:has([data-analytics],[data-dashboard],[data-jobs-page],[data-resume-page],[data-interviews-page],[data-application-audit]) .ui-header .ui-brand img { width:2.5rem; height:2.5rem; }
 body:has([data-analytics],[data-dashboard],[data-jobs-page],[data-resume-page],[data-interviews-page],[data-application-audit]) .ui-header .ui-nav a { padding-block:.375rem; }
 body:has([data-analytics],[data-dashboard],[data-jobs-page],[data-resume-page],[data-interviews-page],[data-application-audit]) #main-content { padding-block:1.5rem .5rem; }
 .ui-dashboard .ui-candidate-table :is(#table,#dashboard-candidates) .ui-table-sort { min-height:1.75rem; }
 .ui-dashboard .ui-operational-table.ui-candidate-table :is(#table,#dashboard-candidates) tbody td { height:2.5rem; padding-block:.125rem; }
 .ui-dashboard .ui-operational-table.ui-candidate-table .ui-table-pagination { padding-block:.25rem; }
}
@media (max-width:48rem) {
 .ui-jobs-page #jobs-table-heading { flex-basis:100%; }
 .ui-dashboard .ui-operational-table.ui-candidate-table .ui-table-toolbar { padding:1rem 1rem .25rem; }
 .ui-dashboard .ui-candidate-table .ui-table-toolbar { padding:1rem; }
 .ui-dashboard .ui-candidate-table #queue-heading { flex-basis:100%; }
 .ui-dashboard .ui-candidate-table .ui-candidate-search { flex:1 1 10rem; }
 .ui-dashboard .ui-candidate-table .ui-table-pagination { padding:1rem; }
 .ui-dashboard .ui-candidate-table .ui-table-pagination p { flex:1 1 100%; order:3; margin:0; }
 .ui-candidate-size { margin-left:auto; }
}
.ui-dashboard .ui-actions { justify-content:center; }
.ui-dashboard .ui-actions .ui-button { width:2.5rem; min-height:2.5rem; padding:.625rem; }
.ui-dashboard .ui-actions .ui-button:hover:not(:focus-visible) { outline:none; background:transparent; color:#145f9d; }
.ui-dashboard .ui-actions .ui-button--danger:hover:not(:focus-visible) { color:var(--color-danger); }
.ui-dashboard .ui-table-pagination { margin:0; padding:1rem 1.5rem; border-top:1px solid #e0e6ee; background:#fafbfd; font-size:.8125rem; }
.ui-dashboard .ui-table-pagination .ui-button { min-height:2.5rem; padding:.5rem .875rem; font-size:.8125rem; }
@media (max-width:48rem) {
 .ui-dashboard .ui-dashboard-queue > .ui-dashboard-heading { padding:1.125rem 1rem 1rem; }
 .ui-dashboard .ui-table-toolbar { padding:0 1rem 1rem; }
 .ui-dashboard .ui-table-pagination { padding:1rem; }
 .ui-dashboard .ui-table-toolbar > .ui-field { flex:1 1 100%; }
}
@media (prefers-reduced-motion:no-preference) {
 .ui-dashboard > .ui-dashboard-heading,.ui-dashboard .ui-metrics > div,.ui-dashboard .ui-chart,.ui-dashboard .ui-dashboard-queue { animation:ui-dashboard-enter 420ms ease-out both; }
 .ui-dashboard .ui-metrics dd { animation:ui-dashboard-enter 600ms ease-out both; }
 .ui-dashboard .ui-metrics > div:nth-child(2n),.ui-dashboard .ui-chart:nth-child(2) { animation-delay:60ms; }
 .ui-dashboard .ui-metrics > div:nth-child(3n) { animation-delay:120ms; }
}
@keyframes ui-dashboard-enter { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
@media (max-width:70rem) {
 .ui-dashboard .ui-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:48rem) {
 .ui-dashboard .ui-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
 .ui-dashboard .ui-metrics > div { padding:1rem; }
 .ui-dashboard .ui-metrics > div:first-child,.ui-dashboard .ui-metrics > div:last-child { grid-column:auto; }
 .ui-dashboard .ui-metrics dt { min-height:0; }
 .ui-dashboard .ui-chart { padding:1rem; }
 .ui-dashboard > .ui-dashboard-heading h1 { font-size:1.5rem; }
}
.ui-dashboard-heading,.ui-page-heading { display:flex; flex-wrap:wrap; align-items:start; justify-content:space-between; gap:var(--space-4); margin-bottom:var(--space-5); }
.ui-dashboard-heading p { margin:0; }
.ui-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--space-3); margin-block:var(--space-5) var(--space-6); }
.ui-metrics > div { min-width:0; padding:var(--space-4); background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-control); }
.ui-metrics > div:nth-child(2) { background:var(--color-accent-surface); border-color:var(--color-accent-border); }
.ui-metrics dt { font-size:var(--text-small); color:var(--color-muted); font-weight:600; }
.ui-metrics dd { margin:var(--space-3) 0 0; font-weight:600; font-size:2rem; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; line-height:1.35; }
.ui-metrics dd.ui-metric-value--long { font-size:1.5rem; }
.ui-metrics dd span { display:block; margin-top:var(--space-2); font-size:var(--text-small); font-weight:400; color:var(--color-muted); }
.ui-dashboard-queue { margin-top:var(--space-5); }
.ui-dashboard-queue .ui-table-scroll { max-height:32rem; }
.ui-dashboard-queue thead { position:sticky; top:0; z-index:1; }
.ui-dashboard-charts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-5); margin-block:var(--space-6); }
.ui-chart { min-width:0; padding:var(--space-5); background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-control); }
.ui-chart + .ui-chart { margin-top:0; }
.ui-chart summary { cursor:pointer; padding-block:var(--space-2); min-height:2.75rem; text-decoration:underline; color:var(--color-muted); font-size:var(--text-small); }
.ui-chart-plot { height:18rem; width:100%; }
.ui-chart .ui-table-scroll { margin-top:var(--space-3); }
.ui-chart .ui-table-scroll table { min-width:24rem; }
.ui-chart-data { margin-top:var(--space-3); }
.ui-table-pagination { display:flex; gap:var(--space-3); flex-wrap:wrap; align-items:center; margin-top:var(--space-3); }
.ui-table-pagination[hidden] { display:none; }
.ui-table-pagination p { margin:0; flex:1 1 12rem; }
.ui-table-sort { padding:0; border:0; background:transparent; text-align:start; font-weight:600; }
.ui-operational-table th[aria-sort="ascending"] .ui-table-sort::after { content:" ↑"; }
.ui-operational-table th[aria-sort="descending"] .ui-table-sort::after { content:" ↓"; }
.ui-table-filters,.ui-hr-actions,.ui-hr-date-filter,.ui-hr-quick-dates { display:flex; flex-wrap:wrap; gap:var(--space-2); align-items:center; }
.ui-table-filters { margin-block:var(--space-3); }
.ui-hr-date-filter { align-items:end; margin-block:var(--space-4); padding:var(--space-5); background:var(--color-surface-subtle); border-radius:var(--radius-control); }
.ui-hr-date-filter > .ui-field { flex:0 1 12rem; }
/* Candidate search reuses the dashboard shell; only date controls/columns differ. */
:is(.ui-resume-page,.ui-interviews-page) .ui-candidate-table { background:#fff; border:1px solid #dde4ee; border-radius:.375rem; }
:is(.ui-resume-page,.ui-interviews-page) #queue-heading { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; flex:1 1 auto; margin:0; font-size:var(--dashboard-heading-size); line-height:1.5; }
:is(.ui-resume-page,.ui-interviews-page) #queue-heading .ui-icon { width:1.25rem; height:1.25rem; color:#5044a3; }
:is(.ui-resume-page,.ui-interviews-page) #table { min-width:74rem; width:100%; }
:is(.ui-resume-page,.ui-interviews-page) #table :is(th,td):nth-child(2) { white-space:nowrap; }
:is(.ui-resume-page,.ui-interviews-page) #table :is(th,td):nth-child(3) { min-width:13rem; }
:is(.ui-resume-page,.ui-interviews-page) #table :is(th,td):nth-child(5) { min-width:13rem; }
:is(.ui-resume-page,.ui-interviews-page) #table :is(th,td):nth-child(7) { white-space:nowrap; font-size:var(--dashboard-content-size); }
:is(.ui-resume-page,.ui-interviews-page) #table :is(th,td):nth-child(8) { text-align:center; }
:is(.ui-resume-page,.ui-interviews-page) .ui-hr-date-filter { gap:.75rem; margin:0 0 1.25rem; padding:1rem 1.25rem; border:1px solid #dde4ee; background:#fff; border-radius:.375rem; }
:is(.ui-resume-page,.ui-interviews-page) .ui-hr-date-filter .ui-field { margin:0; min-width:0; }
:is(.ui-resume-page,.ui-interviews-page) .ui-hr-date-filter label { font-size:var(--dashboard-meta-size); color:#64748b; }
:is(.ui-resume-page,.ui-interviews-page) .ui-hr-date-filter input { width:100%; min-height:2.25rem; height:2.25rem; padding:.375rem .625rem; border-color:#cfd7e2; font-size:var(--dashboard-content-size); }
:is(.ui-resume-page,.ui-interviews-page) .ui-hr-date-filter .ui-button { min-height:2.25rem; padding:.375rem .875rem; font-size:var(--dashboard-content-size); }
:is(.ui-resume-page,.ui-interviews-page) .ui-hr-quick-dates { margin-left:auto; gap:.5rem; }
:is(.ui-resume-page,.ui-interviews-page) .ui-hr-quick-dates .ui-button { font-weight:400; }
:is(.ui-resume-page,.ui-interviews-page) .ui-candidate-filter > div { max-height:min(28rem,65dvh); overflow-y:auto; overscroll-behavior:contain; }
@media(max-width:48rem) {
 :is(.ui-resume-page,.ui-interviews-page) .ui-hr-date-filter { padding:1rem; }
 :is(.ui-resume-page,.ui-interviews-page) .ui-hr-date-filter > .ui-field { flex:1 1 8rem; }
 :is(.ui-resume-page,.ui-interviews-page) .ui-hr-quick-dates { flex:1 1 100%; margin:0; }
 :is(.ui-resume-page,.ui-interviews-page) .ui-hr-quick-dates .ui-button { flex:1; }
 :is(.ui-resume-page,.ui-interviews-page) .ui-hr-date-filter :is(input,.ui-button),:is(.ui-resume-page,.ui-interviews-page) .ui-candidate-filter summary,:is(.ui-resume-page,.ui-interviews-page) .ui-candidate-table .ui-candidate-search input { min-height:2.75rem; height:auto; }
}
.ui-dashboard.ui-interviews-page { --color-muted:#52617d; }
.ui-interviews-page #table :is(th,td):last-child { min-width:8rem; }
.ui-dashboard.ui-interviews-page .ui-candidate-table #table .ui-actions a:nth-child(2):is(:link,:visited,:hover) { background:#286eb5; }
[data-hr-operational] .ui-table-scroll table { min-width:64rem; }
[data-hr-operational] .ui-table-scroll th:first-child { width:3rem; }
[data-hr-operational] .ui-table-scroll th:last-child { min-width:17rem; }
[data-hr-operational] .ui-table-scroll td:nth-child(3) { min-width:12rem; }
.ui-table-filters [aria-pressed="true"] { background:var(--color-selected); border-color:var(--color-primary); }
.ui-job-status { display:flex; align-items:center; gap:var(--space-2); }
.ui-job-status input { width:1.5rem; height:1.5rem; accent-color:var(--color-primary); }
.ui-hr-form { max-width:68rem; margin-inline:auto; padding:var(--space-6); background:var(--color-surface); border-radius:var(--radius-control); }
.ui-hr-form .page-header-card { border-bottom:2px solid var(--color-accent); padding-block:var(--space-3) var(--space-5); margin-bottom:var(--space-5); }
.ui-hr-form .page-sub,.ui-hr-form .page-meta { color:var(--color-muted); margin-block:var(--space-2); }
:is(.ui-hr-form,.ui-candidate-detail) .row { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--space-4); margin-block:var(--space-4); }
:is(.ui-hr-form,.ui-candidate-detail) .row > div { min-width:0; grid-column:span 12; }
:is(.ui-hr-form,.ui-candidate-detail) .row > .col-md-2 { grid-column:span 2; }
:is(.ui-hr-form,.ui-candidate-detail) .row > .col-md-3 { grid-column:span 3; }
:is(.ui-hr-form,.ui-candidate-detail) .row > .col-md-4 { grid-column:span 4; }
:is(.ui-hr-form,.ui-candidate-detail) .row > .col-md-5 { grid-column:span 5; }
:is(.ui-hr-form,.ui-candidate-detail) .row > :is(.col-md-6,.col-lg-6) { grid-column:span 6; }
:is(.ui-hr-form,.ui-candidate-detail) .row > .col-md-7 { grid-column:span 7; }
:is(.ui-hr-form,.ui-candidate-detail) .row > .col-md-8 { grid-column:span 8; }
.ui-hr-form label { display:block; font-weight:600; margin-bottom:var(--space-1); }
.ui-hr-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea) { width:100%; min-width:0; }
.ui-hr-form .text-required,.ui-hr-form .invalid-feedback { color:var(--color-danger); }
.ui-hr-form [hidden] { display:none; }
.ui-hr-form .repeated-item-row { display:flex; gap:var(--space-2); margin-block:var(--space-3); }
.ui-hr-form .repeated-input-wrap { flex:1; min-width:0; }
.ui-hr-form .section-divider { margin-block:var(--space-5); border:0; border-top:1px solid var(--color-border); }
.ui-hr-form .section-title { font-size:1.25rem; margin-top:var(--space-6); }
.ui-hr-form .section-divider + div > .section-title { border-top:0; padding-top:0; }
.ui-hr-form .sticky-action-bar { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:var(--space-3); border-top:1px solid var(--color-border); padding-block:var(--space-4); margin-top:var(--space-5); }
.ui-hr-form .form-actions,:is(.ui-candidate-edit,.ui-job-form) .bottom-action-bar,.ui-candidate-detail .decision-actions,.ui-candidate-detail .doc-item { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-3); padding-block:var(--space-3); }
.ui-candidate-detail .doc-item { border-bottom:1px solid var(--color-border); justify-content:space-between; }
.ui-candidate-detail .doc-info { flex:1 1 15rem; }
:is(.ui-hr-form,.ui-candidate-detail) .profile-summary-card,.ui-hr-form .candidate-dossier { display:flex; flex-wrap:wrap; gap:var(--space-4); padding-block:var(--space-5); border-bottom:1px solid var(--color-border); }
:is(.ui-hr-form,.ui-candidate-detail) :is(.profile-avatar,.candidate-photo,.candidate-avatar-box img) { width:7rem; height:9rem; object-fit:cover; border:1px solid var(--color-border); }
:is(.ui-hr-form,.ui-candidate-detail) :is(.profile-details-area,.candidate-summary,.flex-grow-1) { flex:1 1 20rem; min-width:0; }
.ui-candidate-detail .profile-meta-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-3); }
.ui-candidate-detail .profile-meta-item { min-width:0; }
.ui-candidate-detail .profile-meta-item--wide { grid-column:span 2; }
:is(.ui-hr-form,.ui-candidate-detail) :is(.info-label,.profile-meta-label,.meta-label) { display:block; color:var(--color-muted); font-size:var(--text-small); }
.ui-candidate-detail :is(.info-value,.profile-meta-value) { display:block; }
:is(.ui-hr-form,.ui-candidate-detail) :is(.profile-name,.candidate-name) { font-size:1.25rem; font-weight:600; }
:is(.ui-hr-form,.ui-candidate-detail) :is(.section-card-header,.section-title,.sub-section-title) { margin-block:var(--space-6) var(--space-5); padding:var(--space-3) var(--space-4); border-top:2px solid var(--color-accent); background:var(--color-surface-subtle); font-size:1.25rem; font-weight:600; }
.ui-candidate-detail { padding:var(--space-6); background:var(--color-surface); border-radius:var(--radius-control); }
.ui-candidate-detail :is(.page-sub,.page-meta,.profile-nickname,.muted-empty,.muted-empty-answer) { color:var(--color-muted); }
.ui-candidate-detail .question-block { padding-block:var(--space-3); border-bottom:1px solid var(--color-border); }
.ui-candidate-detail .question-title { font-weight:600; }
.ui-candidate-detail .response-text { white-space:pre-wrap; }
.ui-candidate-detail .details-card div:has(>span+strong) { display:grid; grid-template-columns:minmax(0,1fr) minmax(6rem,auto); gap:var(--space-3); margin-block:var(--space-2); }
.ui-candidate-detail .table-responsive { max-width:100%; overflow:auto; }
.ui-candidate-detail .table-clean { border-collapse:collapse; width:100%; min-width:36rem; font-size:var(--text-small); }
.ui-candidate-detail .table-clean :is(th,td) { padding:var(--space-2); text-align:start; border-bottom:1px solid var(--color-border); }
.ui-candidate-detail .table-clean th { font-weight:600; background:var(--color-surface-subtle); }
.ui-candidate-detail .sticky-decision-bar { border-top:1px solid var(--color-border); padding-block:var(--space-4); margin-top:var(--space-5); }
.ui-candidate-edit .form-check { display:flex; align-items:center; gap:var(--space-2); margin-block:var(--space-2); }
.ui-candidate-edit .form-check label { margin:0; font-weight:400; }
.ui-candidate-edit .form-check input { accent-color:var(--color-primary); flex-shrink:0; width:1.25rem; height:1.25rem; min-height:0; padding:0; }
.ui-candidate-edit .file-upload-area { padding:var(--space-3); border:1px dashed var(--color-control-border); margin-block:var(--space-3); }
.ui-candidate-edit .dragover { outline:var(--focus-ring); }
.ui-candidate-edit .file-row,.ui-candidate-edit .new-file-plate,.ui-candidate-edit .file-actions-col { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-2); }
.ui-candidate-edit .file-info-col { flex:1 1 12rem; overflow-wrap:anywhere; min-width:0; }
.ui-candidate-edit .doc-tile { border-bottom:1px solid var(--color-border); padding-block:var(--space-3); }
.ui-candidate-edit .doc-tile-format { font-size:var(--text-small); color:var(--color-muted); }
.ui-candidate-edit .bottom-action-bar { justify-content:space-between; border-top:1px solid var(--color-border); }
.ui-media-viewer { --width:68rem; }
.ui-media-viewer .ui-hr-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }
.ui-media-viewer .ui-hr-actions .ui-button { display:inline-flex; align-items:center; gap:.5rem; min-height:2.75rem; padding:.5rem .75rem; font-size:.875rem; }
.ui-media-viewer .ui-media-viewer-help { margin:.75rem 0 0; color:var(--color-muted); font-size:.8125rem; }
.ui-media-viewer iframe { width:100%; height:60dvh; border:1px solid var(--color-border); margin-top:var(--space-3); }
.ui-media-viewer #mediaViewerImageBox { overflow:hidden; height:60dvh; display:flex; align-items:center; justify-content:center; touch-action:none; margin-top:var(--space-3); }
.ui-media-viewer #mediaViewerImageBox[hidden] { display:none; }
.ui-media-viewer img { max-width:100%; max-height:100%; object-fit:contain; user-select:none; cursor:zoom-in; }
.ui-media-viewer #mediaViewerImageBox[data-zoomed],.ui-media-viewer #mediaViewerImageBox[data-zoomed] img { cursor:grab; }
.ui-media-viewer #mediaViewerImageBox[data-dragging],.ui-media-viewer #mediaViewerImageBox[data-dragging] img { cursor:grabbing; }
.ui-qr .qrcode-container { display:flex; flex-wrap:wrap; gap:var(--space-5); }
.ui-qr .qrcode-item { flex:0 1 16rem; max-width:100%; text-align:center; padding-block:var(--space-4); break-inside:avoid; }
.ui-qr h2 { font-size:1rem; }
.ui-qr wa-qr-code { display:block; margin-block:var(--space-3); color:var(--color-text); background:var(--color-surface); }
@media(max-width:48rem) { :is(.ui-hr-form,.ui-candidate-detail) .row > [class] { grid-column:1 / -1; } .ui-candidate-detail .profile-meta-grid { grid-template-columns:minmax(0,1fr); } .ui-candidate-detail .profile-meta-item--wide { grid-column:auto; } .ui-hr-date-filter > .ui-field { flex:1 1 8rem; } .ui-hr-date-filter > button { flex:1 1 100%; } }
/* HR popup forms share the application surface, without its applicant workflow. */
.ui-hr--popup:has([data-candidate-edit],[data-job-form]) #main-content { max-width:76rem; padding:1.5rem; }
:is(.ui-candidate-edit,.ui-job-form).ui-application--form { max-width:none; padding:2rem 2.5rem; }
.ui-candidate-edit .ui-application-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:1.25rem 2rem; }
.ui-candidate-edit .candidate-edit-summary { display:flex; align-items:center; justify-self:end; gap:1rem; max-width:28rem; min-width:0; }
.ui-candidate-edit .candidate-avatar-box { display:flex; align-items:center; justify-content:center; flex:0 0 3.5rem; width:3.5rem; min-height:4.375rem; font-size:.75rem; text-align:center; }
.ui-candidate-edit .candidate-avatar-box img { width:3.5rem; height:4.375rem; border-radius:.25rem; }
.ui-candidate-edit .candidate-edit-identity { min-width:0; text-align:right; }
.ui-candidate-edit .candidate-edit-name { color:var(--color-text); font-size:1rem; font-weight:600; line-height:1.6; margin:0; }
:is(.ui-candidate-edit,.ui-job-form) .section-card { padding:1.75rem 0; border-bottom:1px solid var(--application-rule); }
:is(.ui-candidate-edit,.ui-job-form) .section-card-header { margin:0 0 1.25rem; padding:0; border:0; background:none; }
:is(.ui-candidate-edit,.ui-job-form) .section-header-title { display:flex; align-items:center; gap:.875rem; margin:0; font-size:1.1875rem; line-height:1.6; }
:is(.ui-candidate-edit,.ui-job-form) .section-header-title > .ui-icon { width:1.5rem; height:1.5rem; color:var(--color-primary); }
:is(.ui-candidate-edit,.ui-job-form) .section-card-body > .row:first-child { margin-top:0; }
:is(.ui-candidate-edit,.ui-job-form) .row { gap:1.25rem 1.5rem; margin:0 0 1.25rem; }
:is(.ui-candidate-edit,.ui-job-form) .row:last-child { margin-bottom:0; }
:is(.ui-candidate-edit,.ui-job-form) .row > fieldset { min-width:0; }
:is(.ui-candidate-edit,.ui-job-form) .form-label,:is(.ui-candidate-edit,.ui-job-form) .ui-fieldset legend { font-size:.875rem; font-weight:600; line-height:1.6; margin:0 0 .5rem; }
:is(.ui-candidate-edit,.ui-job-form) .form-label b { font-weight:inherit; }
:is(.ui-candidate-edit,.ui-job-form) :is(.form-control,.form-select) { min-height:3rem; padding:.6875rem .875rem; border:1px solid var(--application-border); border-radius:.375rem; background:var(--color-surface); font-size:1rem; line-height:1.6; box-shadow:none; scroll-margin-block:2rem; }
:is(.ui-candidate-edit,.ui-job-form) :is(.form-control,.form-select):hover:not(:disabled):not(:focus) { border-color:var(--color-primary); }
:is(.ui-candidate-edit,.ui-job-form) :is(.form-control,.form-select):focus { border-color:var(--color-primary); }
:is(.ui-candidate-edit,.ui-job-form) :is(.form-control,.form-select):disabled { background:var(--color-surface-subtle); color:var(--color-muted); opacity:1; }
:is(.ui-candidate-edit,.ui-job-form) :is(.form-control,.form-select)[aria-invalid="true"] { border-color:var(--color-danger); }
.ui-candidate-edit :is(.sub-header,.section-title) { margin:1.5rem 0 1rem; padding:0; border:0; background:none; font-size:.9375rem; font-weight:600; line-height:1.65; }
.ui-candidate-edit .section-card-body > :is(.sub-header,div:first-child > .section-title) { margin-top:0; }
.ui-candidate-edit .section-card-body > .mb-4 { margin-bottom:1.5rem; }
.ui-candidate-edit .section-card-body > .pt-2 { padding-top:1.25rem; }
.ui-candidate-edit .section-card-body > .border-top { border-top:1px solid var(--application-rule); }
.ui-candidate-edit .section-card-body > .mb-4 > .border-bottom { padding:.875rem 0; border-bottom:1px solid var(--application-rule); }
.ui-candidate-edit .section-card-body > .mb-4 > .border-bottom .section-title { margin:0 0 .625rem; font-size:.875rem; }
.ui-candidate-edit .section-card-body > .mt-4 > .mb-3 { margin-bottom:1.25rem; }
:is(.ui-candidate-edit,.ui-job-form) .d-flex { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1.25rem; }
.ui-candidate-edit .form-check { gap:.625rem; margin:0; min-height:2.75rem; }
.ui-candidate-edit .form-check input { width:1.125rem; height:1.125rem; }
.ui-candidate-edit .form-check label { flex:1; padding:.625rem 0; font-size:.875rem; line-height:1.6; cursor:pointer; }
.ui-candidate-edit .ui-fieldset { margin:0; padding:0; border:0; }
.ui-candidate-edit .ui-fieldset > .d-flex { gap:.5rem 1rem; }
.ui-candidate-edit .doc-tile { min-width:0; padding:0 0 1.5rem; height:100%; border-bottom:1px solid var(--application-rule); }
.ui-candidate-edit .doc-tile-title { font-size:.9375rem; margin-bottom:.375rem; }
.ui-candidate-edit .doc-tile-format { display:inline; margin-left:.375rem; font-size:.8125rem; font-weight:400; overflow-wrap:anywhere; }
.ui-candidate-edit .doc-status-text { display:flex; align-items:center; gap:.375rem; margin:.625rem 0; font-size:.8125rem; color:var(--color-muted); }
.ui-candidate-edit .doc-status-text.active { color:#24796c; }
.ui-candidate-edit .file-row { padding:.75rem; border:1px solid var(--application-rule); border-radius:.375rem; }
.ui-candidate-edit .file-info-col { display:flex; gap:.5rem; flex-basis:100%; align-items:center; font-size:.875rem; }
.ui-candidate-edit .file-info-col > .ui-icon { color:var(--color-primary); }
.ui-candidate-edit .file-upload-area { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.75rem; padding:1.25rem 1rem; border:1px dashed var(--color-primary); border-radius:.5rem; text-align:center; margin:.875rem 0 0; }
.ui-candidate-edit .file-upload-area > .ui-icon { width:1.75rem; height:1.75rem; color:var(--color-primary); }
.ui-candidate-edit .dropzone-text { font-size:.875rem; margin:0; }
.ui-candidate-edit .file-input { position:absolute; width:1px !important; height:1px; min-height:0 !important; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ui-candidate-edit .file-upload-area:focus-within { outline:2px solid var(--color-primary); outline-offset:3px; }
.ui-candidate-edit .candidate-file-browse { display:inline-flex; margin:0; cursor:pointer; }
.ui-candidate-edit .new-file-preview { margin-top:.875rem; padding:1rem; border:1px solid var(--application-rule); border-radius:.375rem; }
.ui-candidate-edit .new-file-info { flex:1 1 12rem; min-width:0; overflow-wrap:anywhere; }
.ui-candidate-edit .new-file-badge { display:block; font-size:.8125rem; font-weight:600; color:#24796c; margin-bottom:.25rem; }
.ui-candidate-edit .new-file-name { font-size:.875rem; }
:is(.ui-candidate-edit,.ui-job-form) .bottom-action-bar { gap:1rem; margin:0; padding:1.5rem 0 0; border:0; }
:is(.ui-candidate-edit,.ui-job-form) .bottom-action-bar > .ui-muted { font-size:.8125rem; }
:is(.ui-candidate-edit,.ui-job-form) .bottom-action-bar > .d-flex { margin-left:auto; gap:.75rem; }
/* Searchable historical jobs: native select is kept as the form payload/fallback. */
.ui-candidate-edit .ui-job-picker { position:relative; min-width:0; }
.ui-candidate-edit .ui-job-picker-toggle { display:flex; align-items:center; justify-content:space-between; gap:1rem; width:100%; min-height:3rem; padding:.6875rem .875rem; text-align:left; border:1px solid var(--application-border); border-radius:.375rem; background:var(--color-surface); color:var(--color-text); font-size:1rem; line-height:1.6; }
.ui-candidate-edit .ui-job-picker-toggle > span:first-child { min-width:0; overflow-wrap:anywhere; }
.ui-candidate-edit .ui-job-picker-toggle:hover:not(:disabled),.ui-candidate-edit .ui-job-picker-toggle[aria-expanded="true"] { border-color:var(--color-primary); }
.ui-candidate-edit .ui-job-picker-toggle:disabled { background:var(--color-surface-subtle); color:var(--color-muted); cursor:not-allowed; }
.ui-candidate-edit .ui-job-picker-chevron { flex:0 0 .5rem; width:.5rem; height:.5rem; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); margin-right:.25rem; }
.ui-candidate-edit .ui-job-picker-status { margin:.375rem 0 0; font-size:.8125rem; color:var(--color-muted); }
.ui-candidate-edit .ui-job-picker-panel { position:absolute; z-index:20; top:100%; left:0; right:0; margin-top:.5rem; padding:.875rem; background:var(--color-surface); border:1px solid var(--application-border); border-radius:.375rem; box-shadow:0 4px 12px rgb(20 41 68 / .1); }
.ui-candidate-edit .ui-job-picker-tools { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1.25rem; }
.ui-candidate-edit .ui-job-picker-search { position:relative; flex:1 1 16rem; min-width:0; }
.ui-candidate-edit .ui-job-picker-search > .ui-icon { position:absolute; top:50%; left:.75rem; transform:translateY(-50%); color:var(--color-muted); pointer-events:none; }
.ui-candidate-edit .ui-job-picker-search input { width:100%; min-height:2.75rem; padding:.625rem .75rem .625rem 2.5rem; font-size:.875rem; border-color:var(--application-border); }
.ui-candidate-edit .ui-job-picker-tools .form-check { flex:0 1 auto; }
.ui-candidate-edit .ui-job-picker-count { margin:.625rem 0; color:var(--color-muted); font-size:.75rem; }
.ui-candidate-edit .ui-job-picker-count:empty { display:none; }
.ui-candidate-edit .ui-job-picker-results { max-height:min(24rem,50dvh); overflow-y:auto; overscroll-behavior:contain; scroll-padding:.25rem; }
.ui-candidate-edit .ui-job-picker-group { padding:.375rem .75rem; background:#f0f3f7; color:#52617d; font-size:.8125rem; font-weight:600; }
.ui-candidate-edit .ui-job-picker-option { display:flex; align-items:center; gap:.625rem; padding:.625rem .75rem; min-height:3.5rem; cursor:pointer; border-bottom:1px solid var(--application-rule); }
.ui-candidate-edit .ui-job-picker-option > span:last-child { min-width:0; overflow-wrap:anywhere; }
.ui-candidate-edit .ui-job-picker-option[aria-selected="true"] { background:#eaf2fb; }
.ui-candidate-edit .ui-job-picker-option:hover { background:#f1f5fa; }
.ui-candidate-edit .ui-job-picker-option[data-active] { outline:2px solid var(--color-primary); outline-offset:-2px; }
.ui-candidate-edit .ui-job-picker-check { width:1.125rem; flex:0 0 1.125rem; font-weight:600; color:var(--color-primary); }
.ui-candidate-edit .ui-job-picker-name { display:block; font-size:.9375rem; line-height:1.6; }
.ui-candidate-edit .ui-job-picker-meta { display:block; margin-top:.125rem; font-size:.8125rem; color:var(--color-muted); }
.ui-candidate-edit .ui-job-picker-more { display:block; width:100%; margin-top:.5rem; padding:.5rem; min-height:2.75rem; background:var(--color-surface); border:1px solid var(--application-rule); border-radius:.25rem; color:var(--color-primary); font-size:.875rem; }
.ui-candidate-edit .ui-job-picker-more:hover { background:var(--color-surface-subtle); }
.ui-candidate-edit .ui-job-picker-empty { padding:1rem .75rem; margin:0; font-size:.875rem; color:var(--color-muted); }
@media(max-width:64rem) and (min-width:48.001rem) {
 :is(.ui-candidate-edit,.ui-job-form) .row > :is(.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6) { grid-column:span 6; }
 :is(.ui-candidate-edit,.ui-job-form) .row > :is(.col-md-7,.col-md-8) { grid-column:span 12; }
}
@media(max-width:48rem) {
 .ui-hr--popup:has([data-candidate-edit],[data-job-form]) #main-content { padding:1rem; }
 :is(.ui-candidate-edit,.ui-job-form).ui-application--form { padding:1.5rem 1.25rem; }
 :is(.ui-candidate-edit,.ui-job-form) .section-card { padding:1.5rem 0; }
 :is(.ui-candidate-edit,.ui-job-form) .section-header-title { font-size:1.0625rem; gap:.625rem; }
 :is(.ui-candidate-edit,.ui-job-form) .row > [class] { grid-column:1 / -1; }
 :is(.ui-candidate-edit,.ui-job-form) .bottom-action-bar > .d-flex { width:100%; margin-left:0; }
 :is(.ui-candidate-edit,.ui-job-form) .bottom-action-bar .ui-button { flex:1 1 100%; }
 .ui-candidate-edit .ui-job-picker-panel { position:static; }
 .ui-candidate-edit .ui-job-picker-search { flex-basis:100%; }
 .ui-candidate-edit .ui-application-heading { grid-template-columns:minmax(0,1fr); }
 .ui-candidate-edit .candidate-edit-summary { justify-self:stretch; max-width:none; justify-content:space-between; }
 .ui-candidate-edit .candidate-edit-identity { text-align:left; }
}
.ui-job-form [readonly] { background:var(--color-surface-subtle); color:var(--color-muted); }
.ui-job-form .job-section-help { margin:0 0 1.25rem; }
/* Candidate dossier: original field order, section rhythm, popup presentation. */
.ui-hr--popup:has([data-candidate-detail]) { background:#f4f6f9; color:#142944; }
.ui-hr--popup:has([data-candidate-detail]) #main-content { max-width:76rem; padding:1.25rem 1.5rem 0; }
.ui-candidate-detail.ui-detail-page { padding:0 0 8rem; background:transparent; border-radius:0; font-size:.875rem; --color-muted:#52617d; }
.ui-detail-page .page-header-card { margin:0 0 1.25rem; }
.ui-detail-page .page-header-card > div { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.5rem 1rem; }
.ui-detail-page .page-title { margin:0 0 .375rem; font-size:1.5rem; }
.ui-detail-page :is(.page-sub,.page-meta) { margin:0; font-size:.8125rem; line-height:1.7; }
.ui-detail-page .page-meta { display:flex; gap:.375rem; align-items:center; }
.ui-detail-page .profile-summary-card { display:flex; flex-wrap:nowrap; align-items:start; gap:1.25rem; margin:0 0 1.25rem; padding:1.25rem; border:1px solid #dde4ee; border-radius:.75rem; background:#fff; }
.ui-detail-page .profile-avatar-wrap { flex:0 0 6rem; }
.ui-detail-page .profile-avatar { width:5rem; height:6rem; border:0; border-radius:.375rem; object-fit:cover; }
.ui-profile-photo-link { display:block; color:#286b60; text-decoration:none; font-size:.6875rem; }
.ui-profile-photo-link span { display:block; margin-top:.375rem; }
.ui-detail-page .avatar-placeholder { display:grid; place-content:center; justify-items:center; gap:.375rem; min-height:5rem; color:#52617d; background:#eaf0f6; border-radius:50%; width:5rem; font-size:.625rem; }
.ui-detail-page .avatar-placeholder .ui-icon { width:1.75rem; height:1.75rem; }
.ui-detail-page .profile-details-area { flex:1; min-width:0; }
.ui-profile-heading { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:.5rem; margin-bottom:.875rem; }
.ui-detail-page .profile-name { display:inline; margin:0; font-size:1.125rem; line-height:1.5; }
.ui-detail-page .profile-nickname { font-size:.875rem; }
.ui-detail-page .status-badge { flex-shrink:0; padding:.25rem .625rem; border:0; border-radius:.375rem; font-size:.75rem; }
.ui-detail-page .profile-meta-grid { gap:.75rem 1.25rem; }
.ui-detail-page .profile-meta-label,.ui-detail-page .info-label { margin:0 0 .25rem; font-size:.75rem; color:#52617d; }
.ui-detail-page .profile-meta-value { color:#142944; font-size:.875rem; line-height:1.6; }
.ui-detail-page .profile-meta-value a { text-decoration-color:#c1cddb; }
.ui-detail-page .ui-detail-section { margin:0 0 1.25rem; padding:0 1.25rem 1.25rem; border:1px solid #dde4ee; border-radius:.75rem; background:#fff; }
.ui-detail-page .section-title { display:flex; align-items:center; gap:.625rem; margin:0 -1.25rem 1rem; padding:.75rem 1.25rem; border:0; border-radius:.75rem .75rem 0 0; background:#eaf1f9; color:#142944; font-size:1rem; }
.ui-detail-page .section-title .ui-icon { width:1.25rem; height:1.25rem; color:#5044a3; }
.ui-detail-page .row { gap:1rem; margin:1rem 0; }
.ui-detail-page .row:last-child { margin-bottom:0; }
.ui-detail-page .info-value { font-size:.875rem; line-height:1.65; white-space:pre-line; }
.ui-detail-page .info-group { min-width:0; }
.ui-detail-page .sub-section-title { display:flex; align-items:center; gap:.5rem; margin:1rem 0 .625rem; padding:0; border:0; background:transparent; font-size:.875rem; }
.ui-detail-page .sub-section-title .ui-icon { width:1rem; height:1rem; color:#52617d; }
.ui-detail-page .sub-section-divider { margin-top:1.25rem; padding-top:.25rem; border-top:1px solid #e2e8f0; }
.ui-detail-page .table-clean { min-width:30rem; font-size:.8125rem; }
.ui-detail-page .table-clean caption { padding:.5rem .75rem; font-size:.75rem; color:#52617d; text-align:left; }
.ui-detail-page .table-clean th { color:#142944; background:#eaf1f9; }
.ui-detail-page .table-clean :is(th,td) { padding:.625rem .75rem; }
.ui-detail-page .question-block { padding:1rem 0; }
.ui-detail-page .question-block:last-child { border-bottom:0; padding-bottom:0; }
.ui-detail-page .question-title { display:flex; align-items:baseline; gap:.5rem; font-size:.875rem; font-weight:500; }
.ui-detail-page .question-response { margin:.625rem 0 0 1.5rem; color:#35475b; }
.ui-detail-page .response-text { margin:0; font-size:.875rem; }
.ui-detail-page .details-card div:has(>span+strong) { gap:1rem; padding:.625rem 0; margin:0; border-bottom:1px solid #e2e8f0; font-size:.8125rem; }
.ui-detail-page .details-card div:has(>span+strong) strong { font-weight:500; text-align:end; }
.ui-detail-page .sticky-decision-bar { position:fixed; z-index:8; bottom:0; left:0; right:0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.375rem .75rem; margin:0; padding:.625rem 1.5rem; border-top:1px solid #d5dfeb; background:#fff; }
.ui-detail-page .decision-meta { flex:1 1 12rem; color:#52617d; font-size:.6875rem; }
.ui-detail-page .decision-actions { gap:.5rem; padding:0; }
.ui-detail-page .decision-actions .ui-button { min-height:2.5rem; padding:.5rem .75rem; font-size:.8125rem; }
.ui-detail-page .decision-actions [data-decision="1"] { color:#fff; background:#287e73; border-color:#287e73; }
.ui-detail-page .decision-actions [data-decision="1"]:hover { color:#fff; background:#216b60; border-color:#216b60; }
.ui-attachments { display:grid; grid-template-columns:minmax(13rem,30%) minmax(0,1fr); gap:1rem; align-items:start; }
.ui-attachment-list { min-width:0; }
.ui-attachment-instruction { margin:0 0 .625rem; color:#52617d; font-size:.8125rem; }
.ui-attachment-choice { display:block; width:100%; min-height:4.25rem; text-align:start; margin:0 0 .375rem; padding:.75rem; color:#142944; background:#fff; border:1px solid #dbe3ee; border-radius:.375rem; }
.ui-attachment-name { display:block; font-size:.8125rem; font-weight:500; line-height:1.6; }
.ui-attachment-state { display:block; margin-top:.25rem; font-size:.75rem; color:#52617d; }
.ui-attachment-state--ready { color:#216b60; }
.ui-attachment-state--missing { color:#8a5a0a; }
.ui-attachment-choice:is(:hover,[aria-pressed="true"]) { color:#142944; border-color:#287e73; background:#edf7f4; }
.ui-attachment-choice[aria-pressed="true"] { outline:1px solid #287e73; outline-offset:-2px; }
.ui-attachment-choice:disabled { color:#52617d; background:#f4f6f9; border-color:#dbe3ee; cursor:not-allowed; }
.ui-attachment-choice:focus-visible,.ui-attachment-tools .ui-button:focus-visible { outline:2px solid #287e73; outline-offset:2px; }
.ui-attachment-preview { min-width:0; margin:0; border:1px solid #dbe3ee; border-radius:.5rem; overflow:hidden; background:#f4f6f9; }
.ui-attachment-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:.625rem; padding:.75rem; background:#fff; border-bottom:1px solid #dbe3ee; }
.ui-attachment-toolbar h3 { flex:1 1 10rem; min-width:0; margin:0; font-size:.875rem; }
.ui-attachment-tools { display:flex; flex-wrap:wrap; gap:.5rem; }
.ui-attachment-tools .ui-button { min-height:2.5rem; padding:.375rem .625rem; font-size:.75rem; font-weight:400; }
.ui-attachment-message { padding:.75rem; margin:0; color:#52617d; background:#fff; font-size:.75rem; }
.ui-attachment-canvas { display:flex; align-items:start; justify-content:center; height:min(55dvh,36rem); min-height:18rem; overflow:auto; overscroll-behavior:contain; background:#e6ecf2; scrollbar-color:#84929e #e6ecf2; }
.ui-attachment-canvas iframe { display:block; width:100%; height:100%; border:0; background:#fff; }
.ui-attachment-canvas img { display:block; width:100%; height:auto; object-fit:contain; }
.ui-attachments--expanded { grid-template-columns:minmax(0,1fr); }
.ui-attachments--expanded .ui-attachment-list { display:none; }
.ui-attachment-fallback { padding:.75rem; }
.ui-attachment-fallback li { margin-bottom:.5rem; }
@media(max-width:48rem) {
 .ui-hr--popup:has([data-candidate-detail]) #main-content { padding:1rem 1rem 0; }
 .ui-detail-page .profile-summary-card { flex-wrap:wrap; }
 .ui-detail-page .profile-details-area { flex:1 1 15rem; }
 .ui-detail-page .profile-meta-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ui-detail-page .profile-meta-item--wide { grid-column:1 / -1; }
 .ui-attachments { grid-template-columns:minmax(0,1fr); }
 .ui-attachment-list { max-height:19rem; overflow:auto; overscroll-behavior:contain; }
 .ui-detail-page .details-card div:has(>span+strong) { grid-template-columns:minmax(0,1fr); gap:.375rem; }
 .ui-detail-page .details-card div:has(>span+strong) strong { text-align:start; }
}
@media(max-width:40rem) {
 .ui-candidate-detail.ui-detail-page { padding-bottom:14rem; }
 .ui-detail-page .page-title { font-size:1.25rem; }
 .ui-detail-page .ui-detail-section { padding-inline:1rem; }
 .ui-detail-page .section-title { margin-inline:-1rem; padding-inline:1rem; }
 .ui-detail-page .sticky-decision-bar { padding:.625rem 1rem; }
 .ui-detail-page .decision-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
 .ui-detail-page .decision-actions .ui-button { min-height:2.75rem; }
 .ui-detail-page .profile-meta-grid { grid-template-columns:minmax(0,1fr); }
}
@media print {
 .ui-detail-page .sticky-decision-bar,.ui-detail-page .ui-attachment-preview,.ui-profile-photo-link span { display:none; }
 .ui-candidate-detail.ui-detail-page { padding:0; }
 .ui-detail-page .ui-detail-section { border:0; padding:0; }
 .ui-detail-page .section-title { margin-inline:0; padding:.5rem 0; background:transparent; }
 .ui-attachments { display:block; }
 .ui-attachment-list { max-height:none; overflow:visible; }
}
/* Compact interview editor for the dedicated popup window. */
.ui-hr--popup:has([data-interview-form]) { background:#f4f6f9; color:#142944; }
.ui-hr--popup:has([data-interview-form]) #main-content { max-width:68rem; padding:1.25rem 1.5rem; }
.ui-hr-form.ui-interview-form { max-width:none; padding:0; border-radius:0; background:transparent; font-size:.875rem; --color-muted:#52617d; }
.ui-interview-form > h1 { margin:0 0 1rem; font-size:1.5rem; line-height:1.4; }
.ui-interview-sheet { padding:1.25rem 1.5rem; background:#fff; border:1px solid #dde4ee; border-radius:.75rem; }
.ui-interview-profile { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:center; gap:1.25rem; padding-bottom:1.25rem; border-bottom:1px solid #dde4ee; }
.ui-interview-identity { display:flex; align-items:center; gap:1rem; min-width:0; }
.ui-interview-identity > div { min-width:0; }
.ui-interview-identity h2 { margin:0 0 .25rem; font-size:1.125rem; line-height:1.5; }
.ui-interview-identity p { margin:0; color:#52617d; }
.ui-interview-photo,.ui-interview-avatar { flex:0 0 4rem; width:4rem; height:4rem; border-radius:50%; }
.ui-interview-photo { object-fit:cover; }
.ui-interview-avatar { display:grid; place-items:center; color:#52617d; background:#eaf0f6; }
.ui-interview-avatar .ui-icon { width:1.75rem; height:1.75rem; }
.ui-interview-meta { display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin:0; padding-left:1.25rem; border-left:1px solid #dde4ee; font-size:.8125rem; }
.ui-interview-meta > div { display:flex; align-items:center; gap:.5rem; min-width:0; }
.ui-interview-meta dt { display:flex; color:#52617d; }
.ui-interview-meta dd { margin:0; overflow-wrap:anywhere; }
.ui-interview-form .ui-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ui-interview-form-heading { display:flex; align-items:center; gap:.5rem; margin:1.25rem 0 1rem; font-size:1rem; }
.ui-interview-form-heading .ui-icon { color:#5044a3; }
.ui-interview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.5rem; }
.ui-interview-grid > * { min-width:0; }
.ui-interview-form :is(label,legend) { margin:0 0 .375rem; padding:0; font-size:.875rem; font-weight:500; }
.ui-interview-form .required { color:#ac3155; }
.ui-interview-form :is(input:not([type=radio]),select,textarea) { border-color:#cfd7e2; border-radius:.375rem; background:#fff; padding:.5rem .75rem; color:#142944; min-height:2.75rem; }
.ui-interview-form :is(input,select,textarea):focus-visible { border-color:#287e73; outline:2px solid #287e73; outline-offset:2px; }
.ui-interview-form textarea { display:block; min-height:5.25rem; }
.ui-interview-form textarea::placeholder { color:#52617d; opacity:1; }
.ui-interview-form :is(input,select):disabled { color:#64748b; background:#f0f3f7; cursor:not-allowed; opacity:1; }
.ui-interview-form .invalid-feedback { margin:.375rem 0 0; font-size:.8125rem; }
.ui-interview-result { margin:0; padding:0; border:0; }
.ui-interview-result-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; position:relative; }
.ui-interview-result-options > input { position:absolute; width:1px; height:1px; opacity:0; }
.ui-interview-form .ui-interview-result-options label { display:flex; align-items:center; gap:.625rem; min-height:2.75rem; margin:0; padding:.5rem .875rem; border:1px solid #cfd7e2; border-radius:.375rem; font-weight:400; cursor:pointer; }
.ui-interview-result-options label::before { content:''; width:1rem; height:1rem; border:1px solid #84929e; border-radius:50%; flex-shrink:0; }
.ui-interview-result-options label:hover { background:#f4f9f8; border-color:#287e73; }
.ui-interview-result-options input:checked + label { color:#216b60; border-color:#287e73; background:#edf7f4; font-weight:500; }
.ui-interview-result-options input:checked + label::before { border:5px solid #287e73; background:#fff; }
.ui-interview-result-options input:focus-visible + label { outline:2px solid #287e73; outline-offset:2px; }
.ui-interview-result-options input[aria-invalid=true] + label { border-color:#ac3155; }
.ui-interview-result-options .invalid-feedback,.ui-interview-hiring-hint,.ui-interview-notes { grid-column:1 / -1; }
.ui-interview-hiring-hint { margin:-.5rem 0 0; color:#52617d; font-size:.8125rem; }
.ui-interview-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; padding-top:1rem; margin-top:1.25rem; border-top:1px solid #dde4ee; }
.ui-interview-actions > p { margin:0 auto 0 0; color:#52617d; font-size:.8125rem; }
.ui-interview-actions .ui-button { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:2.75rem; padding:.5rem 1rem; font-size:.875rem; }
.ui-interview-unavailable { padding:1.5rem 0; }
@media(max-width:48rem) {
 .ui-interview-profile { grid-template-columns:minmax(0,1fr); gap:1rem; }
 .ui-interview-meta { padding:0; border:0; }
}
@media(max-width:40rem) {
 .ui-hr--popup:has([data-interview-form]) #main-content { padding:1rem; }
 .ui-interview-sheet { padding:1rem; }
 .ui-interview-form > h1 { font-size:1.25rem; }
 .ui-interview-grid { grid-template-columns:minmax(0,1fr); }
 .ui-interview-actions > p { flex:1 1 100%; }
 .ui-interview-actions .ui-button { flex:1 1 auto; }
}
@media(forced-colors:active) {
 .ui-interview-result-options input:checked + label { border:2px solid Highlight; }
 .ui-interview-result-options input:checked + label::before { border-color:Highlight; }
}
.ui-browser-notice { max-width:48rem; margin-inline:auto; }
.ui-report-filters { display:flex; flex-wrap:wrap; align-items:end; gap:var(--space-4); margin-block:var(--space-5); padding:var(--space-5); background:var(--color-surface); border-radius:var(--radius-control); border-top:2px solid var(--color-accent); }
.ui-report-filters > .ui-field { flex:1 1 10rem; min-width:0; }
.ui-analytics-controls { margin-bottom:1.5rem; background:var(--color-surface); border:1px solid #dde4ee; border-radius:.375rem; overflow:hidden; }
.ui-analytics-page .ui-report-filters { margin:0; padding:1rem 1.25rem; gap:.75rem; border:0; border-radius:0; }
.ui-analytics-page .ui-report-filters .ui-field { flex:0 1 13rem; margin:0; }
.ui-analytics-page .ui-report-filters label { color:var(--color-muted); font-size:var(--dashboard-meta-size); }
.ui-analytics-page :is(.ui-report-filters,.ui-analytics-presets,.ui-dashboard-heading) :is(button,select) { min-height:2.25rem; padding:.375rem .75rem; font-size:var(--dashboard-content-size); }
.ui-analytics-page .ui-analytics-presets { padding:.875rem 1.25rem 1rem; border-top:1px solid #e5ebf2; background:#f6f8fb; }
.ui-analytics-presets > p { margin:0 0 .625rem; color:#142944; font-size:var(--dashboard-meta-size); font-weight:600; }
.ui-analytics-preset-options { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.5rem; }
.ui-analytics-page .ui-analytics-presets button { display:flex; flex-direction:column; justify-content:center; gap:.125rem; min-height:3.25rem; font-weight:600; }
.ui-analytics-presets button small { font-size:var(--dashboard-meta-size); font-weight:400; color:var(--color-muted); }
.ui-analytics-presets button[aria-pressed=true] small { color:#fff; }
.ui-analytics-page > .ui-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ui-analytics-results { display:grid; grid-template-columns:minmax(0,1fr); gap:1.75rem; margin-top:1rem; }
.ui-analytics-results > section { min-width:0; margin:0; }
.ui-analytics-summary,.ui-analytics-details,.ui-analytics-chart--positions { grid-column:1 / -1; }
.ui-analytics-summary .ui-metrics { margin:0; }
.ui-analytics-summary .ui-metrics > div { min-width:0; }
.ui-analytics-summary .ui-metrics :is(span,small) { display:block; font-size:var(--dashboard-meta-size); }
.ui-analytics-summary .ui-metrics small { margin-top:.5rem; color:var(--color-muted); font-weight:400; }
.ui-analytics-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1rem 0 0; padding:.75rem 0; border-bottom:1px solid #dde4ee; font-size:var(--dashboard-content-size); }
.ui-analytics-highlights dt { color:var(--color-muted); font-weight:400; }
.ui-analytics-highlights dd { margin:.25rem 0 0; font-weight:600; overflow-wrap:anywhere; }
.ui-analytics-page .ui-analytics-chart { padding:1.125rem; }
.ui-analytics-plot-scroll { overflow-x:auto; overscroll-behavior-x:contain; }
.ui-analytics-chart .ui-chart-plot { min-width:28rem; height:16rem; }
.ui-analytics-chart--time .ui-chart-plot { min-width:32rem; }
.ui-analytics-chart--conversion .ui-chart-plot { min-width:36rem; }
.ui-analytics-chart--positions .ui-chart-plot { min-width:32rem; }
.ui-analytics-chart [data-chart-status]:empty { display:none; }
.ui-analytics-breakdown { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.625rem 1.5rem; margin:.75rem 0 0; padding:0; list-style:none; font-size:var(--dashboard-content-size); }
.ui-analytics-breakdown li { display:grid; grid-template-columns:2rem minmax(0,1fr) auto; align-items:baseline; gap:.5rem; }
.ui-analytics-breakdown li > span:first-child { color:var(--color-muted); }
.ui-analytics-breakdown li > span:nth-child(2) { overflow-wrap:anywhere; }
.ui-analytics-breakdown strong { font-weight:600; }
.ui-analytics-details { padding:1.125rem; border:1px solid #dde4ee; border-radius:.375rem; background:#fff; }
.ui-analytics-details h2 { display:flex; align-items:center; gap:.5rem; font-size:var(--dashboard-heading-size); }
.ui-analytics-details h2 .ui-icon { color:#5044a3; }
.ui-analytics-details .ui-table-scroll { max-height:none; border:0; }
.ui-analytics-page .ui-analytics-details table { width:100%; min-width:48rem; font-size:var(--dashboard-content-size); }
.ui-analytics-page .ui-analytics-details :is(th,td) { padding:.75rem .625rem; text-align:end; font-size:var(--dashboard-content-size); }
.ui-analytics-page .ui-analytics-details :is(th,td):first-child { width:4rem; text-align:center; }
.ui-analytics-page .ui-analytics-details :is(th,td):nth-child(2) { text-align:start; min-width:14rem; }
.ui-analytics-page .ui-analytics-details thead th { background:#e5edf6; color:#142944; border-bottom:1px solid #cbd8e6; }
.ui-analytics-page .ui-analytics-details .ui-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.ui-analytics-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem 1rem; margin:0 0 .875rem; }
.ui-analytics-section-heading > div { min-width:0; }
.ui-analytics-page .ui-analytics-section-heading :is(h2,h3) { display:flex; align-items:center; gap:.5rem; margin:0; color:#142944; font-size:var(--dashboard-heading-size); line-height:1.5; }
.ui-analytics-section-heading :is(h2,h3) .ui-icon { color:#5044a3; }
.ui-analytics-section-heading p { margin:.25rem 0 0; color:var(--color-muted); font-size:var(--dashboard-meta-size); line-height:1.6; }
.ui-analytics-section-meta { flex-shrink:0; padding-top:.25rem; color:var(--color-muted); font-size:var(--dashboard-meta-size); white-space:nowrap; }
.ui-analytics-category > .ui-analytics-section-heading { margin:0 0 .875rem; padding-bottom:.625rem; border-bottom:1px solid #d8e1ed; }
.ui-analytics-category-body { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; }
.ui-analytics-category-body > section { min-width:0; margin:0; }
.ui-analytics-category[data-analytics-category=trends] .ui-analytics-category-body { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
.ui-analytics-page .ui-analytics-category-body .ui-analytics-section-heading h3 { font-size:var(--dashboard-content-size); }
.ui-analytics-channel-legend { display:flex; flex-wrap:wrap; gap:.625rem 1.5rem; padding:0; margin:1rem 0 0; list-style:none; font-size:var(--dashboard-content-size); }
.ui-analytics-page .ui-analytics-chart--channels .ui-chart-plot { min-width:0; }
.ui-analytics-channel-legend li { display:flex; align-items:baseline; gap:.5rem; max-width:100%; overflow-wrap:anywhere; }
.ui-analytics-channel-legend svg,.ui-analytics-monthly-table thead svg { display:inline-block; flex-shrink:0; width:.625rem; height:.625rem; vertical-align:middle; }
.ui-analytics-page .ui-analytics-details.ui-analytics-monthly-table table { min-width:100%; }
.ui-analytics-page .ui-analytics-monthly-table :is(th,td):nth-child(n) { min-width:8rem; width:auto; text-align:end; }
.ui-analytics-page .ui-analytics-monthly-table :is(th,td):first-child { position:sticky; left:0; z-index:1; min-width:8rem; text-align:start; background:#fff; }
.ui-analytics-page .ui-analytics-monthly-table thead th:first-child { background:#e5edf6; }
.ui-analytics-page .ui-analytics-monthly-table tfoot th:first-child { background:#f5f8fb; }
.ui-analytics-page .ui-analytics-monthly-table thead th { max-width:16rem; white-space:normal; overflow-wrap:anywhere; }
.ui-analytics-monthly-table thead svg { margin-inline-end:.375rem; }
.ui-analytics-monthly-table tfoot :is(th,td) { font-weight:600; background:#f5f8fb; border-top:1px solid #cbd8e6; }
.ui-analytics-table-message { padding:1rem 1.25rem; margin:0; color:var(--color-muted); }
.ui-analytics-count-data { margin-top:1rem; padding-top:1rem; border-top:1px solid #dce4ee; }
.ui-analytics-count-data > header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.5rem; margin-bottom:.75rem; }
.ui-analytics-count-data h4 { display:flex; align-items:center; gap:.5rem; margin:0; font-size:var(--dashboard-content-size); }
.ui-analytics-count-data h4 .ui-icon { color:#5044a3; }
.ui-analytics-count-data > header > span { color:var(--color-muted); font-size:var(--dashboard-meta-size); }
.ui-analytics-count-grids { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; }
.ui-analytics-count-grids--split { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ui-analytics-page .ui-analytics-count-data table { width:100%; min-width:0; font-size:var(--dashboard-content-size); }
.ui-analytics-count-data :is(th,td) { padding:.5rem .625rem; border-bottom:1px solid #edf1f5; text-align:end; font-variant-numeric:tabular-nums; }
.ui-analytics-count-data :is(th,td):first-child { text-align:start; }
.ui-analytics-count-data thead th { background:#e5edf6; color:#142944; font-weight:600; }
.ui-analytics-count-data tbody th { font-weight:400; }
.ui-analytics-count-data .ui-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:64rem) { .ui-analytics-category[data-analytics-category=trends] .ui-analytics-category-body { grid-template-columns:minmax(0,1fr); } }
.ui-analytics-page .ui-analytics-details { padding:0; }
.ui-analytics-details .ui-analytics-section-heading { padding:1rem 1.25rem; margin:0; border-bottom:1px solid #e5ebf2; }
.ui-analytics-table-toolbar { display:flex; align-items:center; justify-content:space-between; gap:.75rem 1rem; padding:.75rem 1.25rem; }
.ui-analytics-table-toolbar > p { margin:0; color:var(--color-muted); font-size:var(--dashboard-meta-size); }
.ui-analytics-table-search { position:relative; width:min(22rem,100%); min-width:0; }
.ui-analytics-table-search > span { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); }
.ui-analytics-table-search input { width:100%; min-height:2.25rem; padding:.375rem .75rem; border-color:#cfd7e2; background:#fff; font-size:var(--dashboard-content-size); }
.ui-analytics-page .ui-analytics-details table { min-width:54rem; }
.ui-analytics-page .ui-analytics-details[data-analytics-table=positions] table { min-width:60rem; }
.ui-analytics-page .ui-analytics-details tbody :is(th,td) { vertical-align:middle; border-bottom:1px solid #edf1f5; background:#fff; font-weight:400; }
.ui-analytics-page .ui-analytics-details tbody th[scope=row] { font-weight:500; color:#142944; }
.ui-analytics-page .ui-analytics-details tbody tr:nth-child(even) :is(th,td) { background:#fff; }
.ui-analytics-page .ui-analytics-details tbody tr:is(:hover,:focus-within) :is(th,td) { background:#f4f9f8; }
.ui-analytics-page .ui-analytics-details tbody td:first-child { color:var(--color-muted); }
.ui-analytics-sort { display:inline-flex; align-items:center; justify-content:flex-end; gap:.375rem; min-height:2.25rem; padding:.25rem 0; border:0; background:transparent; color:inherit; font:inherit; font-weight:600; white-space:nowrap; }
.ui-analytics-sort::after { content:'↕'; color:#778697; font-size:.875rem; }
th[aria-sort=ascending] .ui-analytics-sort::after { content:'↑'; color:#216f60; }
th[aria-sort=descending] .ui-analytics-sort::after { content:'↓'; color:#216f60; }
.ui-analytics-rate { white-space:nowrap; }
.ui-analytics-rate > span { display:inline-block; min-width:3.5rem; }
.ui-analytics-rate svg { display:inline-block; width:4rem; height:.25rem; margin-left:.625rem; vertical-align:middle; }
.ui-analytics-rate rect:first-child { fill:#e5edf6; }
.ui-analytics-rate rect:last-child { fill:#287e73; }
.ui-analytics-page .ui-analytics-details .ui-analytics-table-empty { height:7rem; text-align:center; color:var(--color-muted); }
@media(max-width:48rem) {
 .ui-analytics-section-heading { flex-wrap:wrap; gap:.375rem; }
 .ui-analytics-section-meta { padding:0; }
 .ui-analytics-details .ui-analytics-section-heading { padding:1rem; }
 .ui-analytics-table-toolbar { align-items:stretch; flex-direction:column; padding:.75rem 1rem; }
 .ui-analytics-table-search { width:100%; }
 .ui-analytics-table-search input,.ui-analytics-sort { min-height:2.75rem; }
}
@media(max-width:64rem) { .ui-analytics-results { grid-template-columns:minmax(0,1fr); } }
@media(max-width:48rem) {
 .ui-analytics-highlights { grid-template-columns:minmax(0,1fr); gap:.75rem; }
 .ui-analytics-breakdown { grid-template-columns:minmax(0,1fr); }
 .ui-analytics-page :is(.ui-report-filters,.ui-analytics-presets,.ui-dashboard-heading) :is(button,select) { min-height:2.75rem; }
 .ui-analytics-page .ui-report-filters .ui-field { flex:1 1 10rem; }
 .ui-analytics-page .ui-report-filters > button { flex:1 1 100%; }
 .ui-analytics-page .ui-report-filters,.ui-analytics-page .ui-analytics-presets { padding:1rem; }
 .ui-analytics-preset-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:30rem) { .ui-analytics-preset-options { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.ui-report-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-5); margin-top:var(--space-5); }
.ui-report-sections > section { margin:0; }
.ui-report-overview,.ui-report-sections > :is(.ui-table-scroll,h2,p) { grid-column:1 / -1; }
.ui-report-overview { padding:var(--space-5); background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-control); }
.ui-report-overview .ui-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ui-report-overview .ui-metrics > div { border:0; background:var(--color-surface-subtle); }
.ui-report-overview .ui-metrics > div:last-child { background:var(--color-accent-surface); }
.ui-report-overview > p { color:var(--color-muted); }
.ui-report-sections .ui-chart + .ui-chart { margin:0; }
.ui-report-sections .ui-report-summary-table { min-width:0; width:100%; }
.ui-report-summary-table :is(th,td) { overflow-wrap:anywhere; }
.ui-report-facts,.ui-log-counts { display:flex; flex-wrap:wrap; gap:var(--space-4); padding-block:var(--space-4); }
.ui-report-facts > div { flex:1 1 12rem; }
.ui-report-facts dt,.ui-log-counts dt { color:var(--color-muted); font-size:var(--text-small); }
.ui-job-report { max-width:64rem; margin-inline:auto; padding:var(--space-6); background:var(--color-surface); border-radius:var(--radius-control); }
.ui-log-report > h2 { margin-top:var(--space-6); }
.ui-job-report section { padding-block:var(--space-3); border-top:1px solid var(--color-border); }
.ui-job-report ul { list-style:disc; padding-inline-start:var(--space-5); }
.ui-job-report :is(p,li,dd,a),.ui-log-report :is(th,td) { overflow-wrap:anywhere; }
.ui-log-report #log-table td:last-child { white-space:pre-wrap; min-width:20rem; max-width:48rem; }
.ui-log-report .ui-operational-table > .ui-table-scroll { max-height:38rem; }
.ui-log-report #log-table thead { position:sticky; top:0; }
@media print {
  @page { size:A4; margin:15mm; }
  .ui-hr .ui-header,.ui-hr .ui-skip,.ui-candidate-detail :is(.ui-back-link,.decision-actions,[data-document-popup],[data-file-type]),.ui-hr wa-dialog { display:none; }
  .ui-hr main { padding:0; max-width:none; }
  .ui-hr :is(.ui-chart,.ui-report-overview,.ui-hr-form,.ui-candidate-detail,.ui-job-report,.ui-metrics > div) { background:Canvas; color:CanvasText; box-shadow:none; border:0; padding:0; }
  .ui-report-sections { display:block; }
  .ui-chart-data > .ui-table-scroll { display:block; }
  .ui-metrics > div { background:Canvas; border-color:GrayText; }
  .ui-dashboard-queue .ui-table-scroll { max-height:none; overflow:visible; }
  .ui-candidate-detail .table-responsive { overflow:visible; }
  .ui-candidate-detail .table-clean { min-width:0; font-size:var(--text-small); }
  .ui-candidate-detail :is(h1,h2,h3) { break-after:avoid; }
  .ui-candidate-detail tr,.ui-qr .qrcode-item { break-inside:avoid; }
  .ui-candidate-detail thead { display:table-header-group; }
  .ui-screen-only,[data-report-actions] details,[data-report-actions] [role="alert"],[data-report-actions] #analyticsStatus { display:none !important; }
  [data-report-actions] { --color-text:CanvasText; --color-muted:GrayText; color:var(--color-text); background:Canvas; font-size:10pt; }
  [data-report-actions] .ui-table-scroll { overflow:visible; }
  [data-report-actions] table { min-width:0; width:100%; table-layout:fixed; font-size:8pt; }
  [data-report-actions] :is(th,td) { overflow-wrap:anywhere; white-space:normal; padding:2mm; background:none; color:inherit; border-color:GrayText; }
  [data-report-actions] :is(p,a,dt,dd,h1,h2,h3,li) { color:var(--color-text); }
  .ui-log-report #log-table td:last-child { min-width:0; white-space:pre-wrap; }
  .ui-log-report .ui-operational-table > .ui-table-scroll { max-height:none; }
  [data-report-actions] :is(h1,h2,h3) { break-after:avoid; }
  [data-report-actions] thead { display:table-header-group; }
  [data-report-actions] tr { break-inside:avoid; }
  .ui-job-report section { border-color:currentColor; }
}
.ui-browser-notice ol { list-style:decimal; padding-inline-start:var(--space-5); margin-block:var(--space-4); }
.ui-browser-notice .ui-field { margin-block:var(--space-5) var(--space-3); }
@media (max-width:64rem) {
 .ui-header--public .ui-header-inner { justify-content:space-between; }
 .ui-menu-toggle:not([hidden]) { display:inline-flex; }
 .ui-public-navigation { flex-basis:100%; flex-direction:column; align-items:stretch; gap:var(--space-4); padding-block:var(--space-3); }
 .ui-header--public[data-menu-ready]:not([data-menu-open]) .ui-public-navigation { display:none; }
 .ui-header--public .ui-nav { flex-direction:column; align-items:stretch; gap:0; }
 .ui-header--public .ui-nav a { padding:var(--space-3); border-bottom:1px solid var(--color-border); }
 .ui-header--public .ui-nav a[aria-current="page"] { background:var(--color-accent-surface); border-bottom-color:var(--color-selected-rule); }
 .ui-footer-inner { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ui-footer-brand { grid-column:1 / -1; }
 .ui-discovery-intro { padding:var(--space-5); }
 .ui-discovery-hero h1 { font-size:2.25rem; }
 .ui-discovery-reasons { padding:var(--space-5); }
 .ui-discovery-columns { grid-template-columns:minmax(0,1fr); } .ui-contact-grid { grid-template-columns:minmax(0,1fr); } .ui-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } .ui-dashboard-charts,.ui-report-sections { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:70rem) {
 .ui-header--hr .ui-header-inner--hr { min-height:4.25rem; justify-content:space-between; gap:.5rem 1rem; padding:.75rem 1rem; }
 .ui-header.ui-header--hr .ui-header-inner--hr .ui-brand { flex:1; min-width:0; gap:.5rem; font-size:1.125rem; line-height:1.25; }
 .ui-header--hr .ui-brand > span { min-width:0; overflow-wrap:normal; }
 .ui-header.ui-header--hr .ui-header-inner--hr .ui-brand img { width:2.5rem; height:2.5rem; }
 .ui-header--hr .ui-menu-toggle:not([hidden]) { display:inline-flex; flex:0 0 2.75rem; width:2.75rem; height:2.75rem; min-height:2.75rem; padding:.625rem; margin:0; color:inherit; border:0; }
 .ui-header--hr .ui-hr-navigation { display:flex; flex:1 0 100%; min-width:0; flex-direction:column; gap:.5rem; padding-top:.5rem; }
 .ui-header--hr[data-menu-ready]:not([data-menu-open]) .ui-hr-navigation { display:none; }
 .ui-header--hr .ui-header-inner--hr .ui-nav { display:flex; flex:none; order:initial; flex-direction:column; align-items:stretch; gap:0; overflow:visible; }
 .ui-header--hr .ui-nav a { display:flex; align-items:center; min-height:2.75rem; padding:.625rem .75rem; border:0; border-inline-start:3px solid transparent; }
 .ui-header--hr .ui-nav a[aria-current=page] { border-inline-start-color:#ff8b24; background:rgb(128 128 128 / .12); }
 .ui-header--hr .ui-header-inner--hr .ui-account { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:1rem; margin:0; padding:.75rem; border-top:1px solid currentColor; }
 .ui-header--hr .ui-account > span { min-width:0; overflow-wrap:anywhere; }
 .ui-header--hr .ui-header-logout { flex-shrink:0; }
}
@media (max-width:24rem) {
 .ui-header.ui-header--hr .ui-header-inner--hr .ui-brand { font-size:1rem; }
}
@media (max-width:40rem) {
 main { padding:var(--space-5) var(--space-4); } h1 { font-size:1.625rem; } .ui-header-inner { gap:var(--space-3); padding:var(--space-3) var(--space-4); } .ui-brand img { width:2.75rem; }
 .ui-footer { padding-inline:var(--space-4); }
 .ui-footer-inner { grid-template-columns:minmax(0,1fr); gap:var(--space-6); }
 .ui-footer-brand,.ui-footer-contact { grid-column:auto; }
 .ui-discovery-hero { grid-template-columns:minmax(0,1fr); }
 .ui-discovery-intro { padding:var(--space-5) var(--space-4); }
 .ui-discovery-hero h1 { font-size:2rem; }
 .ui-discovery-hero > img { min-height:0; height:auto; aspect-ratio:1.65; }
 .ui-discovery-reasons { grid-template-columns:minmax(0,1fr); padding:var(--space-4); gap:var(--space-4); }
 .ui-discovery-reasons > div { padding:0; }
 .ui-discovery-reasons > div + div { border-inline-start:0; border-top:1px solid var(--color-accent-border); padding-top:var(--space-4); }
 .ui-fields { grid-template-columns:minmax(0,1fr); } .ui-table-toolbar > * { flex:1 1 8rem; } .ui-job-search { grid-template-columns:minmax(0,1fr); padding:var(--space-4); } .ui-job-card { grid-template-columns:minmax(0,1fr); padding:var(--space-4); } .ui-job-actions { justify-content:flex-end; } .ui-job-detail dl { grid-template-columns:minmax(0,1fr); } .ui-metrics,.ui-report-overview .ui-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .ui-metrics > div { padding:var(--space-3); } .ui-metrics dd { font-size:1.75rem; } .ui-metrics > div:first-child { grid-column:1 / -1; } .ui-chart,.ui-report-overview,.ui-hr-form,.ui-candidate-detail,.ui-job-report { padding:var(--space-4); } .ui-sign-in { padding:var(--space-6) var(--space-4); } .ui-chart-plot { height:15rem; }
}

/* Home recruitment reference: header, guide and vacancies only. */
.ui-header--public .ui-brand-text { color:#b34b00; }
.ui-header-apply-home { display:none; }
body:has(.ui-discovery-hero, #applicationForm) .ui-header--public { background:#142944; color:#fff; border:0; }
body:has(.ui-discovery-hero, #applicationForm) .ui-header-inner { min-height:6rem; }
body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-brand { font-size:1.4rem; }
body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-brand img { width:3.5rem; background:var(--color-surface); border-radius:50%; }
body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-brand-text { display:flex; align-items:center; gap:var(--space-5); color:#ff8b24; }
body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-brand-context { color:#e1e7ef; font-size:1.1rem; }
body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-nav { justify-content:flex-end; gap:var(--space-5); }
body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-nav > a { color:#fff; }
body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-nav > a[aria-current] { border-bottom-color:#ff8b24; }
body:has(.ui-discovery-hero, #applicationForm) .ui-header-apply { order:4; padding:.8rem 1.2rem; border:0; border-radius:var(--radius-button); background:#ff8b24; }
body:has(.ui-discovery-hero, #applicationForm) .ui-header-apply-default { display:none; }
body:has(.ui-discovery-hero, #applicationForm) .ui-header-apply-home { display:inline-flex; align-items:center; gap:var(--space-2); color:#142944; font-weight:600; }
body:has(.ui-discovery-hero, #applicationForm) .ui-header--public :is(a,button):focus-visible { outline-color:#fff; }
.ui-career-guide { padding-block:clamp(3rem,6vw,5rem); }
.ui-career-guide > header { text-align:center; margin-bottom:var(--space-6); }
.ui-career-eyebrow { margin-bottom:var(--space-2); color:#9c4300; font-weight:600; }
.ui-career-guide h2 { font-size:clamp(1.5rem,2.5vw,2rem); }
.ui-career-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-5); }
.ui-career-steps > li { padding:var(--space-6) var(--space-5); background:var(--color-surface); border:1px solid var(--color-border); }
.ui-career-steps .ui-icon { width:2.25rem; height:2.25rem; margin-bottom:var(--space-4); }
.ui-career-steps h3 { margin-bottom:var(--space-2); font-size:1.125rem; }
.ui-career-steps p { margin:0; font-size:var(--text-small); color:var(--color-muted); }
#job-listings .ui-jobs-heading { margin-bottom:var(--space-5); }
#job-listings .ui-jobs-heading h2 { color:#9c4300; font-size:1.5rem; }
#job-listings .ui-job-search { grid-template-columns:minmax(0,2fr) minmax(12rem,1fr) auto; gap:var(--space-3); padding:0; background:none; border:0; border-radius:0; box-shadow:none; }
#job-listings .ui-job-search :is(input,select) { min-height:3.5rem; border:1px solid var(--color-border); border-radius:0; padding-inline:var(--space-4); }
#job-listings .ui-job-search button { min-height:3.5rem; padding-inline:var(--space-5); }
#job-listings .ui-job-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; background:none; border:0; }
#job-listings .ui-job-card { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 1fr auto; align-items:start; gap:.75rem; min-width:0; margin:0; padding:1.25rem; border:1px solid var(--color-border); background:var(--color-surface); }
#job-listings .ui-job-card-content { grid-column:1 / -1; grid-row:1; min-width:0; }
#job-listings .ui-job-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:.25rem .75rem; }
#job-listings .ui-job-branch { grid-column:1 / -1; grid-row:2; margin:0; color:var(--color-muted); font-size:.875rem; }
#job-listings .ui-job-card h3 { grid-column:1; grid-row:1; font-size:1.25rem; line-height:1.45; }
#job-listings .ui-job-statuses { grid-column:2; grid-row:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:.375rem; margin:0; }
#job-listings .ui-job-statuses .ui-status { border:0; border-radius:0; padding:0; background:transparent; box-shadow:none; cursor:help; }
#job-listings .ui-job-statuses .ui-status--danger { color:var(--color-danger); }
#job-listings .ui-job-statuses .ui-status--info { color:#c45100; }
#job-listings .ui-job-statuses .ui-icon { width:1.5rem; height:1.5rem; }
#job-listings .ui-job-statuses .ui-status--info .ui-icon { width:2.625rem; }
#job-listings .ui-job-card-content > .ui-help { font-size:1rem; }
#job-listings .ui-job-salary { display:flex; flex-wrap:wrap; grid-column:1; grid-row:2; gap:.375rem 1.5rem; margin:0; }
#job-listings .ui-job-salary > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:.375rem; }
#job-listings .ui-job-salary dt { min-width:0; font-size:.875rem; letter-spacing:0; }
#job-listings .ui-job-salary dd { font-size:1rem; }
#job-listings .ui-job-description { grid-column:1; grid-row:3; min-width:0; }
#job-listings .ui-job-summary { margin:0; font-size:.875rem; line-height:1.65; }
#job-listings .ui-job-actions { grid-column:1; grid-row:4; justify-content:flex-end; align-self:end; gap:.625rem; }
#job-listings .ui-job-actions .ui-button { min-width:0; min-height:2.75rem; padding:.5rem .875rem; font-size:.9375rem; }
#job-listings .ui-job-card:hover h3 { color:var(--color-text); }
@media (max-width:64rem) {
 #job-listings .ui-job-list { grid-template-columns:minmax(0,1fr); }
 body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-public-navigation { flex-basis:100%; }
 body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-nav { align-items:stretch; gap:0; }
 body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-nav > a[aria-current]:not(.ui-header-apply) { background:#203b5b; }
 body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-header-apply { margin-top:var(--space-3); }
 .ui-career-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:48rem) {
 #job-listings .ui-job-search { grid-template-columns:minmax(0,1fr) auto; }
 #job-listings .ui-job-search > .ui-field:first-child { grid-column:1 / -1; }
 #job-listings .ui-job-card { padding:1rem; }
 #job-listings .ui-job-actions { justify-content:flex-start; }
}
@media (max-width:40rem) {
 #job-listings .ui-job-actions .ui-button { flex:1 1 8rem; justify-content:center; }
 body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-brand { font-size:1.1rem; }
 body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-brand-text { display:block; }
 body:has(.ui-discovery-hero, #applicationForm) .ui-header--public .ui-brand-context { font-size:.875rem; }
 .ui-career-steps { grid-template-columns:minmax(0,1fr); gap:var(--space-3); }
 .ui-career-steps > li { padding:var(--space-5); }
 .ui-career-steps .ui-icon { margin-bottom:var(--space-2); }
}

/* ===== Hero: full-bleed, photo fades into navy copy and canvas ===== */
body.ui-public { overflow-x:clip; }
.ui-discovery-hero {
 --hero-fade-navy:var(--color-primary);
 position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between;
 box-sizing:border-box; width:100vw; min-height:max(34rem,calc(100vh - 5.5rem)); min-height:max(34rem,calc(100svh - 5.5rem));
 margin:calc(-1 * var(--space-6)) calc(50% - 50vw) var(--space-5); padding:0; gap:0;
 color:var(--color-on-primary); font-family:var(--font-body); background:var(--color-primary);
 border:0; border-radius:0; box-shadow:none;
}
.ui-hero-orb, .ui-hero-badge { display:none; }
.ui-discovery-visual { position:absolute; inset:0; z-index:-1; margin:0; }
.ui-discovery-visual::before { content:none; }
.ui-discovery-visual::after { content:""; position:absolute; inset:0; pointer-events:none;
 background:
  linear-gradient(180deg, transparent 0%, transparent 62%, color-mix(in srgb,var(--color-canvas) 70%,transparent) 84%, var(--color-canvas) 100%),
  linear-gradient(90deg, var(--hero-fade-navy) 0%, var(--hero-fade-navy) 28%, color-mix(in srgb,var(--hero-fade-navy) 78%,transparent) 44%, color-mix(in srgb,var(--hero-fade-navy) 32%,transparent) 66%, color-mix(in srgb,var(--hero-fade-navy) 8%,transparent) 100%),
  linear-gradient(180deg, color-mix(in srgb,var(--hero-fade-navy) 45%,transparent) 0%, transparent 25%);
}
.ui-discovery-visual > img { position:absolute; top:0; right:0; width:76%; height:100%; min-height:0; aspect-ratio:auto; object-fit:cover; object-position:center 40%; border-radius:0; box-shadow:none; transform-origin:70% 50%; animation:ui-hero-zoom 16s ease-out both; transition:none; }
.ui-discovery-visual:hover > img { transform:none; }
.ui-discovery-intro { box-sizing:border-box; flex:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:min(100%,80rem); margin-inline:auto; padding:clamp(2rem,6vw,5rem) var(--space-5) clamp(5rem,12vw,9rem); text-align:left; }
.ui-discovery-intro > * { max-width:min(100%,38rem); animation:ui-hero-rise .8s cubic-bezier(.2,.7,.2,1) both; }
.ui-discovery-intro > :nth-child(2) { animation-delay:.1s; } .ui-discovery-intro > :nth-child(3) { animation-delay:.2s; } .ui-discovery-intro > :nth-child(4) { animation-delay:.3s; }
.ui-discovery-hero .ui-discovery-intro > .ui-hero-eyebrow { display:inline-flex; align-items:center; gap:.5rem; margin:0 0 var(--space-4); padding:.3rem .9rem; font-size:.75rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--color-accent); background:rgb(255 255 255 / .08); border:1px solid rgb(255 255 255 / .2); border-radius:999px; box-shadow:none; max-width:none; }
.ui-hero-eyebrow::before { content:""; width:.5rem; height:.5rem; border-radius:50%; background:var(--color-accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 28%,transparent); }
.ui-discovery-hero h1 { font-family:var(--font-heading); font-weight:600; font-size:clamp(2.25rem,1rem + 3.8vw,4rem); line-height:1.3; letter-spacing:0; color:var(--color-on-primary); text-shadow:0 2px 24px rgb(8 23 58 / .45); margin:0 0 var(--space-4); }
.ui-discovery-hero h1 span { background:none; color:var(--color-accent); }
.ui-discovery-hero .ui-discovery-intro > p:not(.ui-hero-eyebrow) { font-family:var(--font-body); font-size:clamp(1rem,.9rem + .3vw,1.125rem); line-height:1.8; color:var(--color-on-dark-muted); max-width:min(100%,36rem); margin:0 0 var(--space-5); }
.ui-hero-actions { display:flex; flex-wrap:wrap; gap:var(--space-3); }
.ui-discovery-hero a.ui-hero-cta { gap:.6rem; min-height:2.75rem; padding:.75rem 1.6rem; font-family:var(--font-body); font-weight:600; text-decoration:none; border-radius:var(--radius-control); color:var(--color-on-accent); background:var(--color-accent); border:2px solid var(--color-accent); box-shadow:0 12px 24px -12px rgb(0 0 0 / .6); transition:transform .25s ease, background-color .25s ease, box-shadow .25s ease; }
.ui-discovery-hero a.ui-hero-cta:hover, .ui-discovery-hero a.ui-hero-cta:focus-visible { transform:translateY(-2px); background:color-mix(in srgb,var(--color-accent) 86%,#fff); box-shadow:0 18px 30px -14px rgb(0 0 0 / .7); }
.ui-discovery-hero a.ui-hero-cta--outline { color:var(--color-on-primary); background:rgb(255 255 255 / .04); border-color:rgb(255 255 255 / .7); box-shadow:none; }
.ui-discovery-hero a.ui-hero-cta--outline:hover, .ui-discovery-hero a.ui-hero-cta--outline:focus-visible { background:rgb(255 255 255 / .14); border-color:var(--color-on-primary); box-shadow:none; }
.ui-discovery-hero a:focus-visible { outline:3px solid var(--color-on-primary); outline-offset:3px; }
.ui-hero-cta .ui-icon { transition:transform .25s ease; } .ui-hero-cta:hover .ui-icon { transform:translateX(4px); }
.ui-discovery-hero .ui-discovery-reasons { box-sizing:border-box; width:min(100%,80rem); margin:0 auto; padding:0 var(--space-5) var(--space-5); gap:var(--space-4); background:none; border:0; -webkit-backdrop-filter:none; backdrop-filter:none; grid-template-columns:repeat(3,minmax(0,1fr)); }
.ui-discovery-hero .ui-discovery-reasons > div, .ui-discovery-hero .ui-discovery-reasons > div:first-child, .ui-discovery-hero .ui-discovery-reasons > div:last-child, .ui-discovery-hero .ui-discovery-reasons > div + div { padding:var(--space-4) var(--space-5); color:var(--color-text); background:color-mix(in srgb,var(--color-surface) 94%,transparent); border:1px solid var(--color-border); border-top:3px solid var(--color-accent); border-radius:.75rem; box-shadow:var(--elevation-surface), 0 14px 30px -18px rgb(8 23 58 / .45); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); transition:transform .25s ease, box-shadow .25s ease; }
.ui-discovery-hero .ui-discovery-reasons > div:hover { transform:translateY(-4px); box-shadow:0 22px 36px -18px rgb(8 23 58 / .5); }
.ui-discovery-hero .ui-discovery-reasons h2 { margin:0 0 var(--space-2); font-size:1rem; color:var(--color-text); }
.ui-discovery-hero .ui-discovery-reasons p { margin:0; font-size:var(--text-small); color:var(--color-muted); }
@keyframes ui-hero-zoom { from { transform:scale(1.08); } to { transform:scale(1); } }
@keyframes ui-hero-rise { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
@media (max-width:64rem) {
 .ui-discovery-visual > img { width:100%; }
 .ui-discovery-visual::after { background:
  linear-gradient(180deg, transparent 0%, transparent 62%, color-mix(in srgb,var(--color-canvas) 70%,transparent) 84%, var(--color-canvas) 100%),
  linear-gradient(90deg, color-mix(in srgb,var(--hero-fade-navy) 94%,transparent) 0%, color-mix(in srgb,var(--hero-fade-navy) 78%,transparent) 55%, color-mix(in srgb,var(--hero-fade-navy) 40%,transparent) 100%); }
 .ui-discovery-intro { padding-bottom:clamp(4rem,10vw,7rem); }
}
@media (max-width:48rem) {
 .ui-discovery-hero { min-height:max(36rem,calc(100svh - 5rem)); }
 .ui-discovery-visual > img { object-position:68% center; }
 .ui-discovery-visual::after { background:
  linear-gradient(180deg, transparent 0%, transparent 70%, color-mix(in srgb,var(--color-canvas) 75%,transparent) 88%, var(--color-canvas) 100%),
  linear-gradient(180deg, color-mix(in srgb,var(--hero-fade-navy) 90%,transparent) 0%, color-mix(in srgb,var(--hero-fade-navy) 76%,transparent) 100%); }
 .ui-discovery-intro { padding:var(--space-6) var(--space-4) var(--space-5); }
 .ui-discovery-intro > * { max-width:100%; }
 .ui-hero-actions { flex-direction:column; align-self:stretch; }
 .ui-discovery-hero a.ui-hero-cta { width:100%; justify-content:center; }
 .ui-discovery-hero .ui-discovery-reasons { grid-template-columns:minmax(0,1fr); padding:0 var(--space-4) var(--space-4); gap:var(--space-3); }
}
@media (max-width:40rem) { .ui-discovery-hero { margin-top:calc(-1 * var(--space-5)); } }
@media (prefers-reduced-motion:reduce) {
 .ui-discovery-visual > img, .ui-discovery-intro > * { animation:none; }
 .ui-discovery-hero a.ui-hero-cta, .ui-discovery-hero .ui-discovery-reasons > div { transition:none; }
 .ui-discovery-hero a.ui-hero-cta:hover, .ui-discovery-hero .ui-discovery-reasons > div:hover { transform:none; }
}
.ui-brand-text { white-space:nowrap; }

/* Full-background recruitment hero, matching the supplied reference. */
.ui-public .ui-discovery-hero { min-height:calc(100svh - 6rem); justify-content:center; margin-top:calc(-1 * var(--space-6)); margin-bottom:0; }
.ui-discovery-hero .ui-discovery-visual > img { width:100%; object-position:center 45%; animation:none; transform:none; }
.ui-discovery-hero .ui-discovery-visual::after { background:rgb(20 41 68 / .72); }
.ui-discovery-hero .ui-discovery-intro { flex:none; padding-block:5rem; }
.ui-discovery-hero .ui-discovery-intro > * { animation:none; }
.ui-discovery-hero h1 { text-shadow:none; }
.ui-discovery-hero h1 span { color:#ff8b24; }
.ui-discovery-hero a.ui-hero-cta { border-radius:var(--radius-button); box-shadow:var(--elevation-button); transition:background-color var(--motion-short),box-shadow var(--motion-short); }
.ui-discovery-hero a.ui-hero-cta:hover, .ui-discovery-hero a.ui-hero-cta:focus-visible { transform:none; box-shadow:none; }
.ui-discovery-hero .ui-hero-cta .ui-icon { transition:none; transform:none; }
@media (max-width:48rem) {
 .ui-public .ui-discovery-hero { min-height:calc(100svh - 6rem); }
 .ui-discovery-hero .ui-discovery-intro { padding-block:3rem; }
 .ui-discovery-hero .ui-hero-actions { align-self:flex-start; }
}

/* ===== Job discovery: clear, scannable position list ===== */
#job-listings { padding-top:var(--space-5); }
.ui-jobs-heading { display:block; margin-bottom:var(--space-6); }
.ui-jobs-heading > div { min-width:0; }
.ui-jobs-eyebrow { margin:0 0 var(--space-2); color:var(--color-accent-text); font-size:.75rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
.ui-jobs-heading h2 { margin:0; font-size:clamp(1.75rem,1.35rem + 1vw,2.5rem); }
.ui-job-search { margin-bottom:var(--space-6); }
.ui-discovery-columns { grid-template-columns:minmax(0,1fr); margin-top:0; }
.ui-job-list { display:block; background:var(--color-surface); border-block:1px solid var(--color-border); border-inline:0; border-radius:0; }
.ui-job-card { position:relative; padding:var(--space-6) clamp(var(--space-4),2.25vw,var(--space-6)); background:transparent; border:0; border-radius:0; box-shadow:none; }
.ui-job-card + .ui-job-card { border-top:1px solid var(--color-border); }
.ui-job-card h3 { font-size:clamp(1.2rem,1.05rem + .45vw,1.5rem); line-height:1.45; transition:color var(--motion-short); }
.ui-job-card:hover h3, .ui-job-card:focus-within h3 { color:var(--color-accent-text); }
.ui-job-heading { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-2) var(--space-3); }
.ui-job-statuses { display:inline-flex; flex-wrap:wrap; align-items:center; gap:var(--space-2); }
.ui-job-statuses .ui-status { display:inline-flex; align-items:center; gap:.375rem; padding:.25rem .625rem; border:1px solid currentColor; line-height:1.35; }
.ui-job-statuses .ui-icon { width:.95rem; height:.95rem; }
.ui-job-card-content > .ui-help { margin-top:var(--space-2); color:var(--color-muted); }
.ui-job-salary { margin-block:var(--space-3); padding:0; border:0; }
.ui-job-salary dt { font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; }
.ui-job-salary dd { color:var(--color-text); }
.ui-job-summary { max-width:60rem; line-height:1.7; }
.ui-job-actions { align-self:center; align-items:center; gap:var(--space-3); }
.ui-job-actions .ui-button { min-width:8.5rem; }
.ui-job-actions .ui-job-detail-link { min-width:auto; padding-inline:var(--space-3); color:var(--color-primary); background:var(--color-surface-subtle); }
.ui-job-actions .ui-job-detail-link:hover { color:var(--color-primary); background:var(--color-selected); text-decoration:none; }
.ui-job-actions .ui-job-apply { border-color:var(--color-accent); background:var(--color-accent); color:var(--color-on-accent); }
@media (max-width:48rem) {
 .ui-jobs-heading { margin-bottom:var(--space-5); }
 .ui-job-card { padding:var(--space-5) var(--space-4); }
 .ui-job-actions { display:flex; justify-content:flex-start; }
 .ui-job-actions .ui-button { min-width:0; width:auto; }
}
@media (prefers-reduced-motion:reduce) { .ui-job-card { transition:none; } }

/* Light contact section separates the benefits and footer. */
html:has(.ui-discovery-hero) { scroll-behavior:smooth; }
.ui-home-contact { width:100vw; margin:0 calc(50% - 50vw); padding:var(--space-7) var(--space-5); background:var(--color-canvas); color:var(--color-text); scroll-margin-top:var(--space-5); }
.ui-home-contact-inner { max-width:77rem; margin:auto; }
.ui-home-contact header { margin-bottom:var(--space-6); text-align:center; }
.ui-home-contact h2 { font-size:clamp(1.75rem,2.5vw,2.5rem); margin-bottom:var(--space-2); }
.ui-home-contact header > p:last-child { color:var(--color-muted); }
.ui-home-contact .ui-benefits-eyebrow { color:#9c4300; }
.ui-home-contact-branches { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-7); }
.ui-home-contact-branches > section { margin:0; min-width:0; padding:var(--space-5); background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-small); }
.ui-home-contact h3 { font-size:1.125rem; margin-bottom:var(--space-3); }
.ui-home-contact-photo { width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover; margin-bottom:var(--space-5); }
.ui-home-contact address { display:flex; flex-direction:column; align-items:flex-start; font-style:normal; color:var(--color-muted); }
.ui-home-contact address p { min-height:5rem; }
.ui-home-contact a { display:inline-flex; align-items:center; gap:var(--space-2); min-height:2.75rem; overflow-wrap:anywhere; text-decoration:none; }
.ui-home-contact a:hover { text-decoration:underline; }
.ui-home-contact a:focus-visible { outline:var(--focus-ring); outline-offset:3px; }
.ui-home-contact address .ui-icon { color:var(--color-primary); }
.ui-home-contact-actions { display:flex; gap:var(--space-3); margin-top:var(--space-3); }
.ui-home-contact-actions a { width:2.75rem; height:2.75rem; justify-content:center; border:0; border-radius:0; background:transparent; color:var(--color-primary); }
.ui-home-contact-actions a:hover { color:var(--color-accent); background:transparent; text-decoration:none; }
.ui-home-contact-actions .ui-icon { width:1.35rem; height:1.35rem; }
.ui-home-contact address a:hover .ui-icon { color:var(--color-accent); }
.ui-home-contact-actions a:first-child .ui-icon { fill:currentColor; }
@media (max-width:48rem) {
 .ui-home-contact { padding-inline:var(--space-4); }
 .ui-home-contact-branches { grid-template-columns:minmax(0,1fr); gap:var(--space-5); }
 .ui-home-contact-branches > section + section { border-top:1px solid var(--color-border); padding-top:var(--space-5); }
 .ui-home-contact address p { min-height:0; }
}
@media (prefers-reduced-motion:reduce) { html:has(.ui-discovery-hero) { scroll-behavior:auto; } }

/* Motion is limited to the home page and respects the system preference. */
@keyframes ui-hero-photo-enter { from { opacity:0; } to { opacity:1; } }
/* Soft hover feedback, while keyboard focus keeps its visible outline. */
.ui-discovery-hero a.ui-hero-cta:hover { box-shadow:var(--elevation-button-hover); }
.ui-footer a:hover,.ui-home-contact-actions a:hover { filter:drop-shadow(0 2px 3px rgb(8 23 58 / .2)); }
@media (prefers-reduced-motion:no-preference) {
 .ui-footer a,.ui-home-contact-actions a { transition:color 180ms ease,filter 180ms ease; }
}
@media (prefers-reduced-motion:no-preference) {
 .ui-discovery-hero .ui-discovery-visual > img { animation:ui-hero-photo-enter 1600ms ease-out both; }
 .ui-discovery-hero .ui-discovery-intro > * { animation:ui-hero-rise 1000ms cubic-bezier(.2,.7,.2,1) both; }
 .ui-discovery-hero .ui-discovery-intro > h1 { animation-delay:180ms; }
 .ui-discovery-hero .ui-discovery-intro > p { animation-delay:340ms; }
 .ui-discovery-hero .ui-discovery-intro > .ui-hero-actions { animation-delay:500ms; }
 .ui-home-motion .ui-home-reveal { opacity:0; transform:translateY(24px); transition:opacity 600ms ease,transform 600ms cubic-bezier(.2,.7,.2,1); }
 .ui-home-motion .ui-home-reveal.is-visible,.ui-home-motion .ui-home-reveal:focus-within { opacity:1; transform:none; }
 .ui-career-steps > .ui-home-reveal:nth-child(2),.ui-home-contact-branches > .ui-home-reveal:nth-child(2) { transition-delay:70ms; }
 .ui-career-steps > .ui-home-reveal:nth-child(3),.ui-home-contact-branches > .ui-home-reveal:nth-child(3) { transition-delay:140ms; }
}

/* ===== Benefits: full-bleed photo and copy, continuous with the footer ===== */
.ui-public main:has(.ui-discovery-hero) { padding-bottom:0; }
.ui-benefits { position:relative; isolation:isolate; overflow:hidden; width:100vw; margin:var(--space-7) calc(50% - 50vw) 0; padding:0; color:var(--color-on-primary); background:var(--color-primary); border:0; border-radius:0; box-shadow:none; }
.ui-benefits-inner { position:relative; min-height:42rem; }
.ui-benefits-inner::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,transparent 62%,var(--color-primary) 100%),linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary) 36%,color-mix(in srgb,var(--color-primary) 92%,transparent) 52%,color-mix(in srgb,var(--color-primary) 42%,transparent) 72%,color-mix(in srgb,var(--color-primary) 12%,transparent) 100%); }
.ui-benefits-content { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; width:min(100%,80rem); min-height:42rem; margin-inline:auto; padding:clamp(3rem,7vw,6rem) var(--space-5); }
.ui-benefits-head { max-width:40rem; margin-bottom:var(--space-6); }
.ui-benefits-eyebrow { margin:0 0 var(--space-3); font-size:.75rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--color-accent); }
.ui-benefits h2 { margin:0 0 var(--space-3); font-size:clamp(1.75rem,1.2rem + 1.8vw,2.75rem); color:var(--color-on-primary); }
.ui-benefits-lead { max-width:36rem; margin:0; color:var(--color-on-dark-muted); font-size:clamp(1rem,.94rem + .2vw,1.125rem); line-height:1.8; }
.ui-benefits ul.ui-benefits-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 var(--space-6); width:min(100%,42rem); list-style:none; margin:0; padding:0; }
.ui-benefits-grid li, .ui-benefits-grid li + li { display:grid; grid-template-columns:1.25rem minmax(0,1fr); align-items:start; gap:var(--space-3); margin:0; padding:var(--space-3) 0; border-top:1px solid rgb(255 255 255 / .28); line-height:1.6; }
.ui-benefits-check { color:var(--color-accent); font-weight:700; line-height:1.6; }
.ui-benefits-note { margin:var(--space-5) 0 0; font-size:var(--text-small); color:var(--color-on-dark-muted); }
.ui-benefits-media { position:absolute; inset:0; z-index:0; margin:0; background:var(--color-primary); }
.ui-benefits-media img { width:72%; height:100%; margin-inline-start:auto; object-fit:cover; object-position:center; }
.ui-public main:has(.ui-discovery-hero) + .ui-footer { margin-top:0; background:var(--color-primary); }
.ui-public main:has(.ui-discovery-hero) + .ui-footer::before { display:none; }
@media (max-width:64rem) {
 .ui-benefits-content { padding-inline:var(--space-5); }
 .ui-benefits ul.ui-benefits-grid { grid-template-columns:minmax(0,1fr); width:min(100%,34rem); }
 .ui-benefits-media img { width:100%; object-position:58% center; }
 .ui-benefits-inner::after { background:linear-gradient(180deg,transparent 62%,var(--color-primary) 100%),linear-gradient(90deg,var(--color-primary) 0%,color-mix(in srgb,var(--color-primary) 94%,transparent) 48%,color-mix(in srgb,var(--color-primary) 55%,transparent) 82%,color-mix(in srgb,var(--color-primary) 28%,transparent) 100%); }
}
@media (max-width:48rem) {
 .ui-benefits-inner, .ui-benefits-content { min-height:52rem; }
 .ui-benefits-content { justify-content:flex-start; padding:var(--space-7) var(--space-4) 24rem; }
 .ui-benefits-head { margin-bottom:var(--space-5); }
 .ui-benefits-media { inset:auto 0 0; height:24rem; }
 .ui-benefits-media img { width:100%; object-position:right center; }
 .ui-benefits-inner::after { background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary) 43%,color-mix(in srgb,var(--color-primary) 92%,transparent) 58%,color-mix(in srgb,var(--color-primary) 30%,transparent) 78%,var(--color-primary) 100%); }
}

/* Annual dashboard: native links/forms remain usable before enhancement. */
[data-dashboard-candidates] .ui-table-sort { text-decoration:none; }
[data-dashboard-candidates][aria-busy="true"] .ui-table-scroll { opacity:.55; }
.ui-dashboard-queue-feedback { margin:.75rem 1.5rem; }
.ui-dashboard-queue-retry { margin:0 1.5rem 1rem; }
[data-dashboard-candidates] .ui-candidate-search:has([data-queue-apply]:not([hidden])) { flex-wrap:wrap; }
[data-dashboard-candidates] .ui-candidate-filter > div { max-height:min(28rem,65dvh); overflow-y:auto; }

.ui-dashboard [data-dashboard-candidates] { overflow:visible; animation:none; }
[data-dashboard-candidates] .ui-candidate-search > .ui-icon { top:1.125rem; }

[data-dashboard] > .ui-dashboard-heading .ui-muted { color:#596b81; }
.ui-dashboard [data-dashboard-candidates] #dashboard-candidates tbody td:first-child { color:#596b81; }

/* HR job details: the same continuous paper surface as the job editor. */
.ui-hr--popup:has([data-job-detail-popup]) #main-content { max-width:76rem; padding:1.5rem; }
.ui-job-report--popup.ui-application--form { max-width:none; padding:2rem 2.5rem; }
.ui-job-report--popup .ui-job-report-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:1.5rem 2rem; }
.ui-job-report--popup .ui-job-report-heading h1 { overflow-wrap:anywhere; }
.ui-job-report--popup .ui-job-report-meta { margin-top:.5rem; font-size:.8125rem; }
.ui-job-print-logo { display:none; }
.ui-job-report-tools { display:flex; flex-wrap:wrap; gap:.625rem; }
.ui-job-report-tools .ui-button { font-size:.875rem; white-space:nowrap; }
.ui-job-report--popup .ui-report-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem 2rem; margin:0; padding:1.75rem 0; }
.ui-job-report--popup :is(.ui-report-facts,.ui-job-report-contact) dt { margin-bottom:.375rem; color:var(--color-muted); font-size:.8125rem; }
.ui-job-report--popup :is(.ui-report-facts,.ui-job-report-contact) dd { margin:0; font-size:1rem; line-height:1.8; }
.ui-job-report--popup .ui-report-facts dd { font-weight:600; }
.ui-job-report--popup .ui-job-report-section { margin:0; padding:1.75rem 0; border-top:1px solid var(--application-rule); }
.ui-job-report-section h2 { display:flex; align-items:center; gap:.875rem; margin:0 0 1.125rem; font-size:1.1875rem; line-height:1.6; }
.ui-job-report-section h2 > .ui-icon { flex:0 0 1.5rem; width:1.5rem; height:1.5rem; color:var(--color-primary); }
.ui-job-report--popup ul { margin:0; padding-left:1.375rem; max-width:85ch; }
.ui-job-report--popup li { padding-left:.25rem; line-height:1.85; }
.ui-job-report--popup li + li { margin-top:.625rem; }
.ui-job-report-address { margin:0 0 1.25rem; line-height:1.85; }
.ui-job-report-contact { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem 2rem; margin:0; }
.ui-job-report-contact:empty { display:none; }
.ui-job-report-contact a { text-underline-offset:.2em; }
.ui-job-report-contact a .ui-icon { width:1rem; height:1rem; vertical-align:middle; margin-left:.25rem; }
.ui-job-report-share { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:1.5rem; }
.ui-job-report-share wa-qr-code { display:block; width:112px; height:112px; }
.ui-job-report-share p { margin:0 0 .5rem; font-size:.875rem; }
.ui-job-report-share a { font-size:.875rem; }
.ui-job-report--popup .ui-job-report-note { margin:0; color:var(--color-muted); font-size:.8125rem; }
.ui-job-report-empty { margin:1.75rem 0; }
@media (max-width:64rem) {
 .ui-job-report--popup .ui-job-report-heading { grid-template-columns:minmax(0,1fr); gap:1.25rem; }
}
@media (max-width:48rem) {
 .ui-hr--popup:has([data-job-detail-popup]) #main-content { padding:1rem; }
 .ui-job-report--popup.ui-application--form { padding:1.5rem 1.25rem; }
 .ui-job-report--popup .ui-application-heading h1 { font-size:1.5rem; }
 .ui-job-report--popup :is(.ui-report-facts,.ui-job-report-contact) { grid-template-columns:minmax(0,1fr); gap:1.125rem; }
 .ui-job-report--popup .ui-job-report-section { padding:1.5rem 0; }
 .ui-job-report-section h2 { font-size:1.0625rem; gap:.625rem; }
 .ui-job-report-share { grid-template-columns:minmax(0,1fr); gap:1rem; }
 .ui-job-report-tools { width:100%; }
 .ui-job-report-tools .ui-button { flex:1 1 auto; }
}

/* Keep related job details together while preserving the reading order. */
.ui-job-report-content,.ui-job-report-bottom { min-width:0; }
@media screen and (min-width:56rem) {
 .ui-job-report-content { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:2rem; }
 .ui-job-report-section--benefits { grid-column:1 / -1; }
 .ui-job-report-section--benefits ul { columns:2; column-gap:2rem; }
 .ui-job-report-section--benefits li { break-inside:avoid; }
 .ui-job-report-bottom { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:2rem; }
 .ui-job-report-bottom .ui-job-report-contact { grid-template-columns:minmax(0,1fr); gap:.875rem; }
 .ui-job-report-bottom .ui-job-report-share { grid-template-columns:minmax(0,1fr); gap:1rem; }
}

/* Submission audit: request list and evidence timeline share one workspace. */
body.ui-hr:has(.ui-audit) main { max-width:var(--hr-content-max-width); }
.ui-audit { max-width:88rem; margin:auto; }
.ui-audit-heading { display:flex; justify-content:space-between; align-items:center; gap:1.5rem; margin-bottom:1.25rem; }
.ui-audit-heading h1 { margin:0; font-size:1.75rem; }
.ui-audit-heading p { margin:.375rem 0 0; }
.ui-audit-heading .ui-row { display:flex; gap:.625rem; flex-wrap:wrap; }
.ui-audit-filters { display:grid; grid-template-columns:minmax(13rem,2fr) repeat(2,minmax(8rem,1fr)) minmax(8rem,1fr) minmax(10rem,1fr) auto; gap:1rem; align-items:end; padding:0; border:0; background:transparent; }
.ui-audit .ui-field { min-width:0; margin:0; }
.ui-audit .ui-field label { display:block; margin-bottom:.5rem; font-size:.8125rem; font-weight:600; }
.ui-audit .ui-field :is(input,select) { width:100%; min-height:2.75rem; box-sizing:border-box; }
.ui-audit-outcomes { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0; }
.ui-audit-outcomes .ui-button { min-height:2.75rem; font-size:.8125rem; box-shadow:none; }
.ui-audit-outcomes [aria-current] { background:var(--color-primary); border-color:var(--color-primary); color:white; }
.ui-audit-workspace { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,1fr); gap:1.25rem; align-items:start; }
.ui-audit-list,.ui-audit-detail { margin-top:0; min-width:0; border:1px solid var(--color-border); border-radius:.75rem; background:var(--color-surface); }
.ui-audit-list-heading { padding:1.25rem; border-bottom:1px solid var(--color-border); }
.ui-audit :is(h2,h3,p) { overflow-wrap:anywhere; }
.ui-audit h2 { margin:0; font-size:1.0625rem; }
.ui-audit-list-heading p { margin:.375rem 0 0; color:var(--color-muted); font-size:.8125rem; }
.ui-audit .ui-table-scroll { margin:0; border:0; border-radius:0; }
.ui-audit .ui-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ui-audit .ui-table-scroll table { min-width:32rem; width:100%; font-size:.8125rem; }
.ui-audit .ui-table-scroll th { min-width:0; padding:.875rem .75rem; background:#f7f9fc; font-size:.75rem; white-space:nowrap; }
.ui-audit .ui-table-scroll td { padding:.625rem .75rem; vertical-align:top; border-bottom:1px solid var(--color-border); }
.ui-audit .ui-table-scroll td:nth-child(2) { max-width:17rem; }
.ui-audit :is(td,.ui-audit-detail-heading) small { display:block; color:var(--color-muted); font-size:.75rem; margin-top:.25rem; }
.ui-audit [data-audit-select] { display:flex; flex-direction:column; justify-content:center; min-height:2.75rem; font-weight:600; text-underline-offset:.2em; }
.ui-audit tr.is-selected td { background:var(--color-selected); }
.ui-audit tr.is-selected td:first-child { box-shadow:inset 3px 0 var(--color-primary); }
.ui-audit-request-id { display:block; margin:.125rem 0 0; color:var(--color-muted); font-family:monospace; font-size:.6875rem; overflow-wrap:anywhere; }
.ui-audit .ui-status { white-space:normal; }
.ui-audit-pagination { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.75rem; padding:1rem 1.25rem; font-size:.8125rem; }
.ui-audit-detail { padding:1.25rem; scroll-margin-top:1rem; }
.ui-audit-detail[aria-busy=true] { opacity:.65; }
.ui-audit-detail-heading { display:flex; justify-content:space-between; gap:1rem; padding-bottom:1.25rem; }
.ui-audit-detail-heading > p { margin:0; font-size:.875rem; font-weight:600; text-align:right; }
.ui-audit-conclusion { display:flex; align-items:start; gap:.75rem; padding:1rem; border-radius:.5rem; color:var(--color-warning); background:var(--color-warning-surface); }
.ui-audit-conclusion--success { color:var(--color-success); background:var(--color-success-surface); }
.ui-audit-conclusion--danger { color:var(--color-danger); background:var(--color-danger-surface); }
.ui-audit-conclusion--neutral { color:var(--color-muted); background:var(--color-surface-subtle); }
.ui-audit-conclusion .ui-icon { flex:none; margin-top:.125rem; }
.ui-audit-conclusion h3 { margin:0; font-size:.9375rem; }
.ui-audit-conclusion p { margin:.375rem 0 0; font-size:.8125rem; line-height:1.8; }
.ui-audit-timeline { list-style:none; margin:1rem 0; padding:0; }
.ui-audit-timeline li { position:relative; display:grid; grid-template-columns:5.5rem minmax(0,1fr); gap:1.5rem; padding:0 0 .75rem; }
.ui-audit-timeline li:last-child { padding-bottom:0; }
.ui-audit-timeline li::before { content:''; position:absolute; left:6.125rem; top:.4rem; bottom:-.4rem; border-left:1px solid var(--color-border); }
.ui-audit-timeline li:last-child::before { display:none; }
.ui-audit-timeline li::after { content:''; position:absolute; left:5.875rem; top:.375rem; width:.5625rem; height:.5625rem; border-radius:50%; background:#697895; border:2px solid white; box-sizing:border-box; box-shadow:0 0 0 1px #697895; }
.ui-audit-timeline li.is-server::after { background:var(--color-primary); box-shadow:0 0 0 1px var(--color-primary); }
.ui-audit-timeline time { color:var(--color-muted); font-size:.75rem; font-variant-numeric:tabular-nums; }
.ui-audit-timeline time small { display:block; font-size:.625rem; }
.ui-audit-timeline h3 { margin:0; font-size:.875rem; font-weight:600; }
.ui-audit-timeline p { margin:.25rem 0 0; font-size:.8125rem; }
.ui-audit-source { color:var(--color-muted); }
.ui-audit-evidence { display:flex; gap:.5rem; align-items:start; font-size:.8125rem; padding:1rem 0; margin:0; border-top:1px solid var(--color-border); }
.ui-audit-evidence .ui-icon { flex:none; }
.ui-audit-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:0; padding:1rem; background:#f7f9fc; border-radius:.5rem; }
.ui-audit-facts dt { color:var(--color-muted); font-size:.6875rem; }
.ui-audit-facts dd { margin:.25rem 0 0; font-size:.8125rem; font-weight:600; overflow-wrap:anywhere; }
.ui-audit-detail-actions { display:flex; flex-wrap:wrap; gap:.625rem; padding:1.25rem 0 0; }
.ui-audit-detail-actions .ui-button { font-size:.8125rem; }
.ui-audit-lookup-result { font-size:.8125rem; line-height:1.8; }
.ui-audit-lookup-result:not(:empty) { padding:1rem 0; }
.ui-audit-technical { border-top:1px solid var(--color-border); margin-top:1.25rem; font-size:.8125rem; }
.ui-audit-technical summary { cursor:pointer; padding:1rem 0; min-height:2.75rem; box-sizing:border-box; }
.ui-audit-technical h3 { font-size:.875rem; }
.ui-audit-technical pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:1rem; background:var(--color-surface-subtle); font-size:.6875rem; }
.ui-audit-technical dl { display:grid; gap:.5rem; }
.ui-audit-technical dl div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.25rem 1rem; }
.ui-audit-technical dd { margin:0; overflow-wrap:anywhere; }
.ui-audit-empty { padding:2rem 1.25rem; }
.ui-audit-empty h3 { font-size:1rem; }
.ui-audit-empty p { font-size:.875rem; }
.ui-audit-footnote { font-size:.75rem; color:var(--color-muted); margin:1rem 0 0; }
.ui-audit-notice { padding:1rem; background:var(--color-warning-surface); color:var(--color-warning); border-radius:.5rem; font-size:.875rem; }
@media(max-width:75rem) { .ui-audit-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } .ui-audit-filters > :first-child { grid-column:1/-1; } }
@media(max-width:60rem) { .ui-audit-workspace { grid-template-columns:minmax(0,1fr); } .ui-audit-heading { align-items:start; flex-direction:column; } }
@media(max-width:30rem) { .ui-audit-filters { grid-template-columns:minmax(0,1fr); } .ui-audit-detail { padding:1rem; } .ui-audit-detail-heading { flex-direction:column; } .ui-audit-detail-heading > p { text-align:left; } .ui-audit-facts { grid-template-columns:minmax(0,1fr); } .ui-audit-detail-actions > * { width:100%; } .ui-audit-heading h1 { font-size:1.5rem; } }
@media print {
 body:has(.ui-audit) :is(.ui-header,.ui-audit-heading,.ui-audit-filters,.ui-audit-outcomes,.ui-audit-list,.ui-audit-footnote,.ui-audit-notice,.ui-audit-detail-actions,.ui-audit-technical) { display:none!important; }
 body:has(.ui-audit) #main-content { padding:0; max-width:none; }
 .ui-audit-workspace { display:block; } .ui-audit-detail { border:0; padding:0; } .ui-audit-timeline li,.ui-audit-conclusion,.ui-audit-facts { break-inside:avoid; }
}

.ui-audit-mobile-branch { display:none!important; }
@media(max-width:40rem) {
 .ui-audit .ui-table-scroll table { display:block; min-width:0; }
 .ui-audit .ui-table-scroll thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .ui-audit .ui-table-scroll tbody { display:block; }
 .ui-audit .ui-table-scroll tr { display:grid; grid-template-columns:3.75rem minmax(0,1fr); padding:.5rem .75rem; border-bottom:1px solid var(--color-border); }
 .ui-audit .ui-table-scroll td { padding:.125rem .5rem; border:0; min-width:0; }
 .ui-audit .ui-table-scroll td:first-child { grid-column:1; grid-row:1 / span 2; padding-top:.75rem; }
 .ui-audit .ui-table-scroll td:nth-child(2) { grid-column:2; max-width:none; }
 .ui-audit .ui-table-scroll td:nth-child(3) { display:none; }
 .ui-audit .ui-table-scroll td:last-child { grid-column:2; padding-bottom:.5rem; }
 .ui-audit-mobile-branch { display:block!important; }
 .ui-audit tr.is-selected { background:var(--color-selected); box-shadow:inset 3px 0 var(--color-primary); }
 .ui-audit .ui-table-scroll tbody tr td { background:transparent; box-shadow:none; }
 .ui-audit .ui-table-scroll tbody tr:nth-child(even):not(.is-selected) { background:var(--color-canvas); }
}

.ui-audit-classification { margin:1rem 0; padding-block:1rem; border-block:1px solid var(--color-border,#d9dfe7); }
.ui-audit-classification p { margin:0 0 .5rem; overflow-wrap:anywhere; }
.ui-audit-classification form { display:grid; gap:.75rem; }
.ui-audit-classification form button { justify-self:start; }
@media print { .ui-audit-classification form { display:none!important; } }