@import './midnight-tokens.css';
@import './fonts.css?v=staff-brand-v1';

:is(.hr-app.is-workspace,.midnight-careers) {
  --panel-glass-surface:linear-gradient(155deg,rgb(255 255 255 / .83),rgb(255 252 248 / .6) 68%,rgb(234 224 210 / .47));
  --panel-glass-sand:linear-gradient(155deg,rgb(253 247 236 / .97),rgb(239 227 208 / .95) 54%,rgb(228 212 189 / .94));
  --panel-glass-rim:0 8px 24px #14253d12,inset 0 1px 0 #fffffff2,inset 0 -1px 0 #b99f8229;
  --panel-glass-blur:blur(18px) saturate(115%);
}
:is(.hr-app,.midnight-recruitment,.midnight-careers) {
  background: radial-gradient(ellipse at 88% 0,#ece1d0 0,transparent 56%),var(--hr-milk);
  color: var(--hr-ink);
  font-family: var(--hr-font-family);
  font-size: var(--hr-body);
  line-height: var(--hr-leading);
}
.midnight-careers {font-family:Vazirmatn,Tahoma,sans-serif}
:is(.hr-app,.midnight-recruitment,.midnight-careers) :is(button,input,select,textarea) {font-family:inherit}
:is(.hr-app,.midnight-recruitment,.midnight-careers) :is(h1,h2,h3,h4) {color:var(--hr-midnight-blue);overflow-wrap:anywhere}
:is(.hr-app,.midnight-recruitment,.midnight-careers) :focus-visible {outline:3px solid var(--hr-focus);outline-offset:3px}
:is(.hr-app,.midnight-recruitment,.midnight-careers) :is(p,dd,code,label,button,summary,td,th) {overflow-wrap:anywhere;word-break:normal}
:is(.hr-app,.midnight-recruitment,.midnight-careers) :is(button,summary) {max-inline-size:100%;white-space:normal}
:is(.hr-app,.midnight-recruitment,.midnight-careers) :is(button,input,textarea,select) {scroll-margin-block:1rem}
.hr-app.is-workspace {
  --panel-burgundy:var(--hr-burgundy);
  --panel-line:var(--hr-line);
  --panel-glass:rgb(255 255 255 / .82);
  --panel-shadow:0 8px 24px #14253d0b;
  --panel-muted:var(--hr-muted);
  background:radial-gradient(ellipse at 87% 4%,#eee5d7 0,transparent 62%),var(--hr-milk);
}
.is-workspace .workspace {grid-template-columns:250px minmax(0,1fr);gap:0}
.is-workspace .workspace-stage {padding:0 0 2rem;min-inline-size:0}
.is-workspace .workspace-nav {
  color:var(--hr-milk);background:var(--hr-midnight-blue);border:0;
  padding:1.25rem 1rem;gap:.9rem;scrollbar-color:#536780 var(--hr-midnight-blue);
}
.is-workspace .sidebar-brand {border-color:#ffffff32;text-align:start;margin:0;padding:0 .3rem .85rem}
.is-workspace .sidebar-brand strong {color:var(--hr-milk);font-size:1.45rem;text-align:right}
.is-workspace .sidebar-brand p {color:#c6d0dd;font-size:var(--hr-caption);margin-inline-start:2.75rem}
.is-workspace #workspaceSidebar #workspaceNav {display:flex!important;flex-direction:column;flex:0 0 auto;gap:.9rem;max-block-size:none;overflow:visible}
.workspace-nav-group {display:grid;flex:none;gap:.22rem;min-inline-size:0}
.is-workspace .workspace-nav-group h2 {color:#c2cddc;font-size:var(--hr-caption);margin:0 .7rem .15rem;font-weight:600}
.is-workspace .workspace-nav nav button {color:var(--hr-milk);min-block-size:var(--hr-control);height:auto;font-size:var(--hr-label);border-radius:.75rem}
.is-workspace .workspace-nav nav button .panel-icon {color:#bfccda}
.is-workspace .workspace-nav nav button:hover,.is-workspace .workspace-nav nav button[aria-current=page] {background:var(--hr-midnight-hover);color:white}
.is-workspace .workspace-nav nav button[aria-current=page] {border-inline-start:3px solid var(--hr-sand)}
.is-workspace .workspace-nav :focus-visible {outline-color:var(--hr-sand);outline-offset:1px}
.is-workspace .sidebar-account {border-color:#ffffff32;margin-block-start:auto;padding-block-start:.8rem}
.is-workspace .sidebar-account .account-box {background:#213957;color:white;border:1px solid #ffffff29;box-shadow:none;min-block-size:0}
.is-workspace .sidebar-account .account-box p {color:#d0d9e4}
.is-workspace .sidebar-account #logout,.is-workspace .drawer-close {color:var(--hr-milk)}
.is-workspace .drawer-close {background:var(--hr-midnight-hover)}
.is-workspace .workspace-topbar {
  position:static;height:auto;min-block-size:4.25rem;margin:0;padding:.65rem clamp(.875rem,3vw,2.5rem);
  border-block-end:1px solid var(--hr-line);background:#faf8f4;gap:.65rem;flex-wrap:wrap;
}
.workspace-crumb {display:block;flex:1 1 auto;color:var(--hr-midnight-blue);font-size:var(--hr-label);font-weight:700;min-inline-size:0;overflow-wrap:anywhere}
.is-workspace .workspace-topbar .global-search {width:min(24rem,38%);max-inline-size:100%;min-inline-size:0}
.is-workspace .topbar-tools {gap:.4rem;flex-wrap:wrap}
.is-workspace .topbar-tools button {padding:.3rem .7rem}
.is-workspace .workspace-content {min-inline-size:0;margin:0;padding:clamp(.875rem,3vw,2.5rem);overflow-wrap:anywhere}
.is-workspace .workspace-content :is(.work-card,.work-item,.panel-card,.report-card,.task-card,.task-details,.profile-card,.stat-card,.work-form,.request-card,.task-filter-disclosure,.stage-dialog,.empty-state,:where(.panel-help) > .panel-note) {
  min-inline-size:0;border-radius:var(--hr-card-radius);
  background:var(--panel-glass-surface);border:1px solid var(--hr-line);
  box-shadow:var(--panel-glass-rim);backdrop-filter:var(--panel-glass-blur);
}
.is-workspace .workspace-content .task-card.selected {border-color:#c29e82}
.is-workspace .workspace-content .empty-state {border-style:dashed}
.is-workspace .workspace-content .stage-dialog {box-shadow:0 12px 80px #28232138,var(--panel-glass-rim)}
.is-workspace .workspace-content :is(.work-form,.panel-tabs,.panel-help > summary) {
  background:var(--panel-glass-sand);border-color:#d3c1a9;
  box-shadow:var(--panel-glass-rim);backdrop-filter:var(--panel-glass-blur);
}
.is-workspace .workspace-content :is(.filter-label,:where(.panel-filters) :is(input,select),:where(.work-form,.stage-dialog) :is(input:where(:not([type=checkbox],[type=radio])),select,textarea)) {
  background:var(--panel-glass-surface);border:1px solid #c9b9a8;
  box-shadow:inset 0 1px 0 #ffffffe6;
}
.is-workspace .workspace-content .filter-label {backdrop-filter:var(--panel-glass-blur);height:auto;min-block-size:var(--hr-control)}
.is-workspace .workspace-content .filter-label > :is(select,input) {
  flex:1 1 0;inline-size:100%;min-inline-size:0;min-block-size:var(--hr-control);
  padding:0;background:transparent;border:0;box-shadow:none;
  color:var(--hr-midnight-blue);font-size:var(--hr-body);font-weight:600;
}
.is-workspace .workspace-content .filter-label > .panel-icon {flex:0 0 1rem;inline-size:1rem;block-size:1rem;color:var(--hr-midnight-blue);pointer-events:none}
.is-workspace .workspace-content .task-tools {height:auto;flex-wrap:wrap;gap:.65rem}
.is-workspace .workspace-content .task-tools > .filter-label {inline-size:min(12rem,100%);padding-inline:.75rem}
.is-workspace .workspace-content .task-tools > .filter-label > select {text-overflow:ellipsis}
.is-workspace .workspace-content :is(.midnight-staff-card,.task-summary) {
  --midnight-glass-text:#f8f5f0;
  --midnight-glass-muted:#dce6f1;
  --midnight-glass-line:#ffffff36;
  color:var(--midnight-glass-text);
  background:radial-gradient(ellipse at 10% 0,rgb(122 166 210 / .24),transparent 72%),
    linear-gradient(125deg,rgb(25 47 75 / .94),rgb(20 37 61 / .98) 75%);
  border-color:#5e7793;
  box-shadow:0 10px 26px #14253d25,inset 0 1px 0 #ffffff4a,inset 0 -1px 0 #14253d80;
  backdrop-filter:var(--panel-glass-blur);
}
.is-workspace .workspace-content :is(.midnight-staff-card,.task-summary) :is(h3,.staff-card-job) {color:var(--midnight-glass-text)}
.is-workspace .workspace-content :is(.midnight-staff-card > p:not(.reply),.task-summary .hr-muted,.task-summary .olive-text) {color:var(--midnight-glass-muted)}
.staff-card-heading {display:flex;justify-content:space-between;align-items:center;gap:.75rem}
.is-workspace .workspace-content .staff-card-heading h3 {display:flex;align-items:center;gap:.65rem;min-inline-size:0;margin:0;font-size:var(--hr-section)}
.is-workspace .staff-card-heading .profile-avatar {flex:none;inline-size:2.75rem;block-size:2.75rem;margin:0;font-size:1rem}
.staff-card-job {
  flex:none;max-inline-size:44%;min-inline-size:0;padding:.25rem .65rem;
  border:1px solid var(--midnight-glass-line);border-radius:.65rem;background:#ffffff17;
  font-size:var(--hr-label);line-height:1.55;text-align:end;
}
.is-workspace .workspace-content .midnight-staff-card .work-meta > span {color:var(--midnight-glass-muted);background:#ffffff13}
.is-workspace .workspace-content .midnight-staff-card .work-actions > .secondary {color:var(--midnight-glass-text);border-color:#ffffff65;background:#ffffff15}
.is-workspace .workspace-content .midnight-staff-card > dl {border-color:var(--midnight-glass-line)}
.is-workspace .workspace-content .midnight-staff-card > dl dt {color:var(--midnight-glass-muted)}
.is-workspace .workspace-content .midnight-staff-card .work-form {color:var(--hr-ink)}
.is-workspace .workspace-content .midnight-staff-card > .work-actions :focus-visible {outline-color:var(--hr-sand)}
.is-workspace .workspace-content .task-summary progress {background:#ffffff2e}
.is-workspace .workspace-content .task-summary progress::-webkit-progress-bar {background:#ffffff2e}
.is-workspace .workspace-content .task-summary progress::-webkit-progress-value {background:var(--hr-sand)}
.is-workspace .workspace-content .task-summary progress::-moz-progress-bar {background:var(--hr-sand)}
.is-workspace :is(.workspace-content,.workspace-topbar) :is(button,summary,select,input:not([type=checkbox],[type=radio]),textarea) {min-block-size:var(--hr-control);height:auto}
.is-workspace :is(.workspace-content,.workspace-topbar) :is(select,input:not([type=checkbox],[type=radio]),textarea) {min-inline-size:0;max-inline-size:100%;border-radius:var(--hr-control-radius)}
.is-workspace .workspace-content :is(button,.hr-button) {font-size:var(--hr-label);line-height:1.55}
.is-workspace .workspace-content :is(.panel-note,.note,.panel-subtitle,.work-meta) {font-size:var(--hr-caption)}
.is-workspace .workspace-content .work-error {background:var(--hr-burgundy-soft);color:var(--hr-burgundy-hover);border-color:#c9918c}
.is-workspace .workspace-content .panel-help summary {color:var(--hr-burgundy);margin-inline-start:auto}
.is-workspace .manager-intro {display:flex;align-items:end;justify-content:space-between;gap:.85rem;flex-wrap:wrap;margin-block-end:1rem}
.is-workspace .manager-intro h2,.is-workspace .workspace-content h2#workTitle {font-size:var(--hr-heading);line-height:1.35}
.is-workspace .manager-intro h2::before {content:none}
.midnight-date {margin:0 0 .3rem;color:var(--hr-burgundy);font-size:var(--hr-caption);font-weight:700}
.is-workspace .manager-intro .panel-filters {margin:0}
.is-workspace .manager-intro .panel-filters :is(select,input,.panel-button) {
  block-size:3.125rem;min-block-size:var(--hr-control);margin:0;padding-block:.35rem;
}
.is-workspace .panel-hero {
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:1rem;
  min-block-size:0;height:auto;padding:clamp(1rem,2.9vw,2rem);margin:0 0 var(--hr-gap);
  border-radius:var(--hr-card-radius);background:linear-gradient(115deg,#203b5b,var(--hr-midnight-blue) 70%);
  color:var(--hr-milk);box-shadow:0 14px 32px #14253d22,inset 0 1px 0 #ffffff4a;
}
.is-workspace .panel-hero > div {grid-area:auto;min-inline-size:0;padding:0}
.is-workspace .panel-hero h3 {font-size:clamp(1.35rem,1rem + 1.1vw,1.95rem);line-height:1.3;margin:.18rem 0 .55rem;color:white}
.is-workspace .panel-hero p {color:#e2e9f1;font-size:var(--hr-label);font-weight:400;margin:0 0 .65rem}
.is-workspace .panel-hero .midnight-kicker {color:var(--hr-sand);font-size:var(--hr-caption);font-weight:700;margin:0}
.is-workspace .panel-hero > img {grid-area:auto;width:100%;max-inline-size:25rem;height:auto;object-fit:contain;mix-blend-mode:normal;justify-self:center}
.is-workspace .panel-metrics {gap:var(--hr-gap);margin-block-end:var(--hr-gap)}
.is-workspace .panel-metric {display:grid;gap:.3rem;padding:var(--hr-panel-pad);min-block-size:0;align-content:start}
.panel-metric-head {display:flex;justify-content:space-between;align-items:flex-start;gap:.4rem;min-inline-size:0}
.panel-metric-head .panel-icon {flex:none;width:2rem;height:2rem;padding:.38rem;background:var(--hr-midnight-soft);border-radius:.65rem;color:var(--hr-midnight-blue)}
.panel-metric:nth-child(2) .panel-icon {background:var(--hr-success-soft);color:var(--hr-success-text)}
.panel-metric:nth-child(3) .panel-icon {background:var(--hr-warning-soft);color:var(--hr-warning-text)}
.panel-metric:nth-child(4) .panel-icon {background:var(--hr-burgundy-soft);color:var(--hr-burgundy)}
.is-workspace .panel-metric strong {color:var(--hr-midnight-blue);font-size:1.85rem}
.is-workspace .panel-metric small {color:var(--hr-muted);font-size:var(--hr-caption)}
.is-workspace .manager-grid {grid-template-columns:minmax(0,1.43fr) minmax(0,1fr);gap:var(--hr-gap)}
.is-workspace .manager-grid > * {grid-area:auto;min-inline-size:0}
.is-workspace .manager-grid .team-card {grid-column:1/-1}
.is-workspace .manager-grid .panel-chart {margin-block-start:0}
.is-workspace .manager-grid .attention-card {grid-row:1;grid-column:2}
.is-workspace .workspace-content :is(.panel-heading,.view-heading,.design-heading) h2 {color:var(--hr-midnight-blue)}
.panel-bar-track {background:var(--hr-midnight-soft)}
.panel-bar-fill {background:#536f8d}
.panel-bar-column:last-child .panel-bar-fill {background:var(--hr-burgundy)}
.midnight-cell-label {display:none}
.midnight-cell-value {min-inline-size:0;overflow-wrap:anywhere}
.is-workspace .midnight-table {white-space:normal}
.is-workspace .midnight-table th {background:var(--hr-midnight-soft);color:var(--hr-midnight-blue)}
.is-workspace .hr-roadmap__step :is(.hr-roadmap__label,.step-state) {overflow-wrap:anywhere;white-space:normal}
.is-workspace .workspace-content .live-task-picker {border-color:#af9c85;margin-block-end:1rem}
.is-workspace .workspace-content .live-task-picker > select {text-overflow:ellipsis}
.is-workspace .workspace-content .live-task-picker > select:focus-visible {outline:none}
@supports (appearance:base-select) and selector(::picker(select)) {
  .is-workspace .workspace-content .live-task-picker > select {appearance:base-select;display:block;min-block-size:3.125rem;text-align:start}
  .live-task-picker select::picker-icon {display:none}
  .live-task-picker select::picker(select) {
    appearance:base-select;direction:rtl;box-sizing:border-box;inline-size:anchor-size(width);max-inline-size:calc(100vw - 2rem);
    max-block-size:min(21rem,55dvh);overflow:auto;margin-block:.4rem;padding:.35rem;
    border:1px solid #d3c1a9;border-radius:1rem;color:var(--hr-midnight-blue);background:#fcf8f0;
    box-shadow:0 14px 36px #14253d33,inset 0 1px #fff;
  }
  .live-task-picker option {
    display:flex;align-items:center;gap:.65rem;min-block-size:var(--hr-control);padding:.6rem .75rem;
    border-radius:.65rem;white-space:normal;overflow-wrap:anywhere;font:inherit;line-height:1.65;
  }
  .live-task-picker option[hidden] {display:none}
  .live-task-picker option:checked {background:var(--hr-midnight-soft);color:var(--hr-midnight-blue);font-weight:700}
  .live-task-picker option:is(:hover,:focus-visible) {background:var(--hr-sand);color:var(--hr-midnight-blue)}
  .live-task-picker option::checkmark {order:1;margin-inline-start:auto;color:var(--hr-burgundy)}
}
.is-workspace .staff-week {container-type:inline-size;max-inline-size:48rem;margin-block-end:1rem;padding:clamp(.5rem,2.5vw,1.25rem)}
.staff-week .panel-card-heading {flex-wrap:wrap}
.staff-week-range {font-size:var(--hr-caption);color:var(--hr-midnight-muted)}
.is-workspace .staff-week .panel-week {max-inline-size:none;margin:0;gap:clamp(.125rem,1vw,.65rem)}
.is-workspace .staff-week .week-day {
  display:grid;justify-items:center;gap:.2rem;min-inline-size:0;min-block-size:4.5rem;padding:.4rem .05rem;
  color:var(--hr-midnight-blue);background:var(--panel-glass-surface);border-color:#d3c1a9;box-shadow:inset 0 1px 0 #fff;
}
.is-workspace .staff-week .week-day[aria-current=date] {border-color:var(--hr-burgundy)}
.is-workspace .staff-week .week-day[aria-pressed=true] {
  color:var(--hr-milk);background:linear-gradient(150deg,var(--hr-midnight-hover),var(--hr-midnight-blue));border-color:#536f8d;
}
.is-workspace .staff-week .week-day strong {font-size:1.35rem;line-height:1.2;font-variant-numeric:tabular-nums}
.is-workspace .staff-week .week-day span {font-size:.75rem;line-height:1.3}
.week-day-short {display:none}
.week-shift-dot {display:inline-block;inline-size:.4rem;block-size:.4rem;border-radius:50%}
.week-shift-dot.has-shift {background:var(--hr-olive)}
.week-day[aria-pressed=true] .week-shift-dot.has-shift {background:var(--hr-sand)}
.is-workspace .staff-week .week-day.weekly-day-off {border-style:dashed;border-width:2px}
.weekly-day-off-marker {display:inline-block;inline-size:.6rem;block-size:.6rem;border:1px dashed currentColor;border-radius:2px}
.staff-week-legend {display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:.55rem .2rem 0;color:var(--hr-midnight-muted);font-size:var(--hr-caption)}
.staff-week-legend .weekly-day-off-marker {margin-inline-start:.5rem}
@container (max-width:28rem) {
  .week-day-name {display:none}
  .week-day-short {display:inline}
}
.is-workspace .workspace-content .confidential-illustration {inline-size:min(100%,32rem);block-size:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:normal}
.personal-growth {grid-column:1/-1}
.personal-journeys {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-block-start:.8rem}
.is-workspace .workspace-content .journey-card {background:var(--panel-glass-sand);border-color:#d3c1a9}
.is-workspace .workspace-content .journey-card.development {background:var(--hr-midnight-soft);border-color:#c3cfdb}
.journey-card p {font-size:var(--hr-label);margin:.35rem 0;color:var(--hr-muted)}
.journey-actions {display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.8rem}
.is-workspace .workspace-content .personal-entry {padding-inline:clamp(.85rem,2.5vw,1.5rem)}
.is-workspace .workspace-content .personal-entry > summary {display:flex;align-items:center;gap:.65rem;list-style:none}
.personal-entry > summary::-webkit-details-marker {display:none}
.personal-entry > summary .panel-icon:last-child {margin-inline-start:auto}
.personal-entry[open] > summary .panel-icon:last-child {rotate:180deg}
.is-workspace .workspace-content .personal-entry > form {grid-template-columns:minmax(0,1fr)}
.is-workspace .workspace-content .personal-entry textarea {min-block-size:8rem}
.is-workspace :is(.task-meta,.work-meta,.midnight-cell-value,.panel-note > span) {unicode-bidi:plaintext}
.is-workspace .hr-roadmap__step[data-state=waiting] .hr-roadmap__node {background:var(--hr-midnight-soft);color:var(--hr-midnight-blue);border-color:#8799ae}
.hr-app .auth {background:#fffffff0;border-color:var(--hr-line);border-radius:var(--hr-card-radius);box-shadow:0 12px 30px #14253d11}
.hr-app .auth :is(input,button),.midnight-recruitment :is(input,select,textarea,button) {min-block-size:var(--hr-control);height:auto}
.hr-app .auth .remember-device {margin-block-start:1rem}
.hr-app .auth .remember-device-label {display:flex;align-items:center;gap:.65rem;margin:0;min-block-size:44px;cursor:pointer}
.hr-app .auth .remember-device input {inline-size:1.2rem;block-size:1.2rem;min-block-size:0;flex:none;margin:0;padding:0;accent-color:var(--hr-burgundy)}
.hr-app .auth .remember-device .note {margin-block-start:.25rem}
.hr-app:not(.is-workspace) > .brand,.midnight-recruitment .admin-header {background:var(--hr-midnight-blue);color:var(--hr-milk);border-color:transparent}
.hr-app:not(.is-workspace) > .brand :is(strong,.badge),.midnight-recruitment .admin-header a {color:var(--hr-milk)}
.hr-app:not(.is-workspace) > .brand div span,.midnight-recruitment .admin-header small {color:#c6d0dd}
.hr-app:not(.is-workspace) > .brand .badge {background:#ffffff13}
.midnight-recruitment dialog {font-family:inherit}
.midnight-careers :is(.next-card,.form-card,.question-card,.review-summary,.receipt-card,.upload-box,.attachments-details,dialog) {
  background:var(--panel-glass-surface);border-color:var(--hr-line);
  box-shadow:var(--panel-glass-rim);backdrop-filter:var(--panel-glass-blur);
}
.midnight-careers :is(.role-option,.mode-option,.glass-button,.form-actions > .quiet-button) {
  background:var(--panel-glass-surface);border-color:#d3c1a9;box-shadow:inset 0 1px 0 #fff;
}
.midnight-careers :is(.role-option,.mode-option):has(input:checked) {
  background:#f4dfdc;border-color:var(--hr-burgundy);box-shadow:inset 0 0 0 3px #fff9;
}
.midnight-careers .field :is(input:not([type=file]),select,textarea) {background:var(--panel-glass-surface)}
.midnight-careers .cooperation-details > .fields-two > .field {margin-block-start:0}
.midnight-careers .question-card > summary > span:not(.question-number) {font-weight:700}
.midnight-careers :is(.field-error,.form-error) {color:var(--hr-midnight-blue)!important}
.midnight-careers :is(.field-error,.form-error) > .hint-icon {color:inherit}
.midnight-careers .form-error {border-color:var(--hr-midnight-blue);background:var(--hr-midnight-soft)}
.midnight-careers :is(input:not([type=radio],[type=checkbox]),select,textarea)[aria-invalid=true],
.midnight-careers :is(.role-option,.mode-option,.choice-row label,.voice-method-options label,.check-line):has(input[aria-invalid=true]) {
  border-color:var(--hr-midnight-blue)!important;
  box-shadow:0 0 0 2px rgb(20 37 61 / .16);
}
.midnight-careers :is(.role-grid,.choice-row,.voice-method-options,#alternate-roles):has(input[aria-invalid=true]) {
  outline:1px solid var(--hr-midnight-blue);outline-offset:3px;border-radius:var(--hr-control-radius);
}
.midnight-careers .story-card {
  background:radial-gradient(ellipse at 10% 0,rgb(122 166 210 / .24),transparent 72%),
    linear-gradient(125deg,rgb(25 47 75 / .94),rgb(20 37 61 / .98) 75%);
  color:var(--hr-milk);border-color:#5e7793;backdrop-filter:var(--panel-glass-blur);
  box-shadow:0 10px 26px #14253d25,inset 0 1px 0 #ffffff4a;
}
.midnight-careers .story-card :is(h2,h3) {color:var(--hr-milk)}

@media (prefers-reduced-transparency: reduce){
  :is(.hr-app.is-workspace,.midnight-careers) {
    --panel-glass-surface:#fffaf4;
    --panel-glass-sand:#f0e4d2;
    --panel-glass-blur:none;
  }
  .is-workspace .workspace-content :is(.midnight-staff-card,.task-summary) {background:var(--hr-midnight-blue)}
  .midnight-careers .story-card {background:var(--hr-midnight-blue)}
}

@media (max-width:1199px){
  .is-workspace .workspace {grid-template-columns:minmax(0,1fr)}
  .is-workspace .workspace-topbar .nav-toggle {order:-2;margin:0}
  .is-workspace .workspace-topbar .workspace-crumb {order:-1}
  .is-workspace .workspace-topbar .mobile-wordmark {display:none}
  .is-workspace .workspace-topbar .global-search {flex:1 1 12rem;width:auto}
}
@media (max-width:767px){
  .is-workspace .workspace-stage {padding-block-end:calc(5.25rem + env(safe-area-inset-bottom))}
  .is-workspace .workspace-content {padding:1rem .875rem}
  .is-workspace .workspace-topbar {gap:.4rem;padding:.55rem .875rem}
  .is-workspace .workspace-topbar .global-search {display:none}
  .hr-app.is-workspace:has(.employee-tasks) .workspace-topbar {display:flex!important}
  .hr-app.is-workspace:has(.employee-tasks) .workspace-topbar .nav-toggle {display:flex!important}
  .is-workspace .topbar-tools .scope-pill {display:none}
  .is-workspace .manager-grid {grid-template-columns:minmax(0,1fr)}
  .is-workspace .manager-grid .team-card {grid-column:auto}
  .is-workspace .manager-grid .attention-card {grid-area:auto}
  .is-workspace .panel-hero {grid-template-columns:minmax(0,1fr);gap:.45rem}
  .is-workspace .panel-hero > img {max-inline-size:15rem}
  .is-workspace .panel-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
  .is-workspace .panel-metric-head {flex-wrap:wrap}
  .is-workspace .midnight-table :is(tbody,tr,td) {display:block;inline-size:100%;min-inline-size:0}
  .is-workspace .midnight-table thead {position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
  .is-workspace .midnight-table tbody tr {padding:.5rem;margin-block:.65rem;border:1px solid var(--hr-line);border-radius:.85rem;background:var(--panel-glass-surface);box-shadow:var(--panel-glass-rim)}
  .is-workspace .midnight-table td {display:grid;grid-template-columns:minmax(4rem,.65fr) minmax(0,1.35fr);gap:.5rem;padding:.3rem;white-space:normal;text-align:start}
  .midnight-cell-label {display:block;font-size:var(--hr-caption);font-weight:700;color:var(--hr-midnight-muted)}
  .is-workspace .mobile-bottom-nav {grid-template-columns:repeat(5,minmax(0,1fr));z-index:30;padding-block-end:max(.35rem,env(safe-area-inset-bottom))}
  .is-workspace .mobile-bottom-nav button {min-block-size:var(--hr-control);min-inline-size:0;font-size:.8125rem}
  .is-workspace .mobile-bottom-nav button[aria-current=page] {background:var(--hr-burgundy-soft);color:var(--hr-burgundy)}
  .is-workspace .hr-roadmap:not(.compact-roadmap) .hr-roadmap__step {height:auto;min-block-size:4rem}
  .is-workspace .employee-tasks.has-live-roadmap.has-step-data .design-heading {min-block-size:0;min-height:0}
  .is-workspace .employee-tasks .live-task-picker {margin-block-end:0}
}
@media (max-width:560px){
  .personal-journeys {grid-template-columns:minmax(0,1fr)}
  .is-workspace .staff-week {padding-inline:.375rem}
  .is-workspace .staff-week .panel-week {gap:.1875rem}
}

.is-workspace [data-inbox-shortcut] {position:relative}
.is-workspace .message-badge:not([hidden]) {
  position:absolute;inset-block-start:.15rem;inset-inline-end:max(.125rem,calc(50% - 1.5rem));
  display:grid;place-items:center;min-inline-size:1.125rem;min-block-size:1.125rem;padding:0 .2rem;
  background:var(--hr-burgundy);color:var(--hr-white);border:1px solid var(--hr-milk);
  border-radius:999px;font-size:.6875rem;font-weight:700;line-height:1.15;
}
.is-workspace .inbox-list {display:grid;gap:.625rem;margin-block:1rem}
.is-workspace .inbox-message {border:1px solid var(--hr-line);border-radius:var(--hr-card-radius);background:var(--panel-glass-surface)}
.is-workspace .inbox-message.is-unread {border-inline-start:3px solid var(--hr-burgundy)}
.is-workspace .inbox-message-heading {
  display:flex;justify-content:space-between;align-items:center;gap:.5rem 1rem;flex-wrap:wrap;
  padding:.8rem 1rem;cursor:pointer;min-block-size:var(--hr-control);color:var(--hr-midnight-blue);
}
.is-workspace .inbox-message-title {font-weight:700;min-inline-size:0;overflow-wrap:anywhere}
.is-workspace .inbox-message-state {font-size:var(--hr-caption);color:var(--hr-muted)}
.is-workspace .is-unread .inbox-message-state {color:var(--hr-burgundy);font-weight:700}
.is-workspace .inbox-message-content {padding:0 1rem 1rem;overflow-wrap:anywhere}
.is-workspace .inbox-message-meta,.is-workspace .inbox-selection {font-size:var(--hr-caption);color:var(--hr-muted)}
.is-workspace .inbox-message-body {white-space:pre-wrap;line-height:1.85;max-inline-size:72ch}
.is-workspace .inbox-recipients {min-inline-size:0;border:1px solid var(--hr-line);border-radius:var(--hr-control-radius);padding:.65rem}
.is-workspace .inbox-recipients[hidden] {display:none}
.is-workspace .inbox-recipient-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.4rem;max-block-size:16rem;overflow:auto}
.is-workspace .inbox-recipient {
  display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;min-block-size:var(--hr-control);
  background:var(--hr-milk);border:1px solid var(--hr-line);border-radius:.5rem;cursor:pointer;
}
.is-workspace .inbox-recipient:has(input:checked) {background:var(--hr-midnight-soft);border-color:var(--hr-midnight-muted)}
.is-workspace .inbox-recipient input[type=checkbox] {inline-size:1.125rem;min-inline-size:1.125rem;block-size:1.125rem;min-block-size:0;margin:0;accent-color:var(--hr-burgundy)}
.is-workspace .inbox-recipient :is(strong,small) {display:block;overflow-wrap:anywhere}
.is-workspace .inbox-recipient small {color:var(--hr-muted)}

.is-workspace .branch-management {
  margin-block:1rem;
  padding:1rem;
  min-inline-size:0;
}
.is-workspace .branch-management h3 {margin-block:0 .65rem}
.is-workspace .branch-management-list {
  display:flex;
  flex-wrap:wrap;
  padding:0;
  margin:0 0 .75rem;
  gap:.5rem;
  list-style:none;
}
.is-workspace .branch-management-list li {
  padding:.25rem .7rem;
  max-inline-size:100%;
  overflow-wrap:anywhere;
  border:1px solid var(--hr-line);
  border-radius:var(--hr-control-radius);
  background:var(--hr-milk);
  color:var(--hr-midnight-blue);
}
.is-workspace .work-item .profile-editor form {
  grid-template-columns:minmax(0,1fr);
}
.is-workspace .work-item .profile-editor[hidden] {display:none}
.is-workspace .people-name-search {max-inline-size:32rem;margin-block:1rem}
.is-workspace .people-name-search label {margin-block:0 .35rem}
.enrollment-shifts,.enrollment-shift-slot {
  min-inline-size:0;
  border:1px solid var(--hr-line);
  border-radius:var(--hr-control-radius);
  padding:.85rem;
}
.enrollment-shifts {background:var(--hr-milk)}
.enrollment-shifts legend {padding-inline:.35rem;color:var(--hr-midnight-blue);font-weight:700}
.enrollment-shifts>.note {margin-block:0 .65rem}
.enrollment-shifts>.work-field {max-inline-size:24rem}
.enrollment-shift-rows {display:grid;gap:.55rem;margin-block:.5rem}
.enrollment-shift-slot .weekdays {margin:0 0 .65rem;padding:.55rem;gap:0 .7rem}
.enrollment-shift-slot .weekday-choice {margin:0}
.enrollment-shift-times {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.5rem .8rem}
.enrollment-shift-times label,.enrollment-shift-times input {display:block;min-inline-size:0;width:100%}
.login-password-field {display:flex;align-items:stretch;gap:.5rem}
.login-password-field input {flex:1;min-inline-size:0}
.login-password-field .password-toggle {flex:none;gap:.35rem;min-inline-size:44px;padding-inline:.6rem}
.password-toggle .password-eye-slash {display:none}
.password-toggle[aria-pressed=true] .password-eye-slash {display:block}
.forgot-password {margin-block-start:1rem}
.forgot-password summary {cursor:pointer;color:var(--hr-burgundy);padding-block:.45rem}
.forgot-password .note {margin-block-start:.25rem}

body.is-workspace:where([data-hr-role=owner],[data-hr-role=branch_manager]) {
  --manager-pad:clamp(.875rem,2.5vw,2rem);
  --manager-gap:clamp(.75rem,1.8vw,1.25rem);
  --manager-glass:linear-gradient(145deg,#fffffff2,#fcf8f0cb 72%,#eee2d0a6);
  --manager-control:linear-gradient(155deg,#fffdf7,#f1e6d6);
  --manager-divider:#ded1c0;
  background:radial-gradient(ellipse at 95% 0,#eee2d1,transparent 34rem),var(--hr-milk);
}
.is-workspace:where([data-hr-role=owner],[data-hr-role=branch_manager]) .workspace-topbar {
  gap:.5rem 1rem;
  padding-inline:var(--manager-pad);
  background:var(--manager-glass);
  box-shadow:inset 0 -1px #fff;
}
.is-workspace:where([data-hr-role=owner],[data-hr-role=branch_manager]) .workspace-content {padding:var(--manager-pad)}
.is-workspace:where([data-hr-role=owner],[data-hr-role=branch_manager]) .workspace-nav {
  background:radial-gradient(ellipse at 100% 0,#263f5e,transparent 32rem),var(--hr-midnight-blue);
  border-inline-end:1px solid #ffffff24;
}
.is-workspace:where([data-hr-role=owner],[data-hr-role=branch_manager]) .workspace-nav-group {
  border-block-start:1px solid #ffffff23;
  padding-block-start:.55rem;
}
.is-workspace:where([data-hr-role=owner],[data-hr-role=branch_manager]) .workspace-nav nav button[aria-current=page] {
  border-inline-start-color:#e8ddcc;
  background:#ffffff20;
  font-weight:700;
  box-shadow:inset 0 1px #ffffff1c;
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.manager-page-header,.panel-heading,.view-heading,.design-heading) {
  min-inline-size:0;
  gap:.65rem 1rem;
  margin-block:0 var(--manager-gap);
  align-items:flex-start;
  flex-wrap:wrap;
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-page-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-block-end:.85rem;
  border-block-end:1px solid var(--manager-divider);
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-page-header .panel-heading {margin:0}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-page-title {
  flex:1 1 15rem;
  min-inline-size:0;
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.manager-page-header,.panel-heading,.view-heading,.design-heading) h2 {
  margin-block:0 .25rem;
  color:var(--hr-midnight-blue);
  font-size:clamp(1.375rem,1.2rem + .7vw,1.875rem);
  line-height:1.42;
  text-wrap:balance;
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.manager-page-actions,.manager-primary-tools,.work-actions,.payroll-actions) {
  min-inline-size:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.5rem .65rem;
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-page-back {
  flex:none;
  padding-inline:.75rem;
  color:var(--hr-midnight-blue);
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.manager-list-section,.manager-secondary-tools) {min-inline-size:0}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.manager-list-section,.manager-primary-tools,.manager-secondary-tools):not(:empty) {margin-block:0 var(--manager-gap)}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-primary-tools > * {min-inline-size:0;max-inline-size:100%}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-form-launch {
  flex:none;
  margin:0;
  padding:.2rem .85rem;
  border-radius:var(--hr-control-radius);
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-form-launch[open] {
  flex:1 0 100%;
  padding:.45rem var(--hr-panel-pad) var(--hr-panel-pad);
  border-radius:var(--hr-card-radius);
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-form-launch > summary {padding-block:.55rem}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-form-launch.primary-form-launch:not([open]) {
  color:white;
  background:linear-gradient(125deg,#932d2b,var(--hr-burgundy) 72%);
  border-color:var(--hr-burgundy);
  box-shadow:inset 0 1px #ffffff50,0 6px 16px #8321211a;
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-form-launch.primary-form-launch:not([open]) > summary {color:inherit}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.manager-list-section > h3,.manager-secondary-tools > h3) {margin-block:0 .65rem;color:var(--hr-midnight-blue)}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .panel-filters {
  display:flex;
  align-items:stretch;
  flex-wrap:wrap;
  gap:.55rem;
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .panel-filters > :is(label,.panel-date-filter) {
  min-inline-size:0;
  margin:0;
  display:flex;
  align-items:center;
  gap:.45rem;
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .panel-filters :is(input,select,button) {min-block-size:3rem}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .panel-filters > button {align-self:end}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.panel-card,.work-card,.work-item:not(.midnight-staff-card),.report-card:not(.task-summary),.task-card,.task-details,.profile-card,.payroll-card,.payroll-toolbar,.panel-loading,.inbox-message) {
  padding:var(--hr-panel-pad);
  border:1px solid var(--manager-divider);
  border-radius:var(--hr-card-radius);
  background:var(--manager-glass);
  box-shadow:var(--panel-glass-rim);
  backdrop-filter:var(--panel-glass-blur);
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .inbox-message {padding:0}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .inbox-message.is-unread {border-inline-start:3px solid var(--hr-burgundy)}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .panel-metric {border-block-start:2px solid var(--hr-midnight-muted)}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.panel-card-heading,.work-meta,.payroll-head) {gap:.45rem .65rem;flex-wrap:wrap}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.panel-card-heading h3,.payroll-head h3) {
  min-inline-size:0;
  color:var(--hr-midnight-blue);
  line-height:1.5;
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.panel-card-heading>.panel-button,.secondary:not(.task-details-toggle),.panel-button:not(.primary,.active,.is-active,[aria-pressed=true],[aria-current=page]),.manager-page-back) {
  min-block-size:var(--hr-control);
  padding-inline:.8rem;
  border:1px solid #b8a38a;
  background:var(--manager-control);
  color:var(--hr-midnight-blue);
  box-shadow:inset 0 1px #fff;
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .midnight-staff-card > .work-actions .secondary {border-color:#ffffff6b;background:#ffffff15;color:var(--hr-milk)}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(button[aria-pressed=true]:not(.primary),.view-tabs button.active,.panel-tabs button[aria-current=page]) {
  color:white;
  background:var(--hr-midnight-blue);
  border-color:var(--hr-midnight-blue);
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.panel-button.primary,.hr-button--primary,.work-form form>button) {color:#fff;background:var(--hr-burgundy);border-color:var(--hr-burgundy)}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.panel-note,.panel-subtitle,.note) {color:#59514a;line-height:1.85}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.panel-note,.panel-subtitle,.note) > :is(span,strong) {min-inline-size:0}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.work-form,.task-filter-disclosure) > summary {min-block-size:var(--hr-control);cursor:pointer}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.work-form form,.payroll-toolbar form) {min-inline-size:0}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.work-form,.panel-filters,.payroll-toolbar,.people-name-search) :is(input:not([type=checkbox],[type=radio]),select,textarea) {
  color:var(--hr-ink);
  border-color:#aa9985;
  font-size:1rem;
}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .work-error {background:#f9eeeb;border-color:#b4716e;color:#6b2423}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .empty-state {padding:1rem;color:#59514a}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .panel-table-wrap {min-inline-size:0;max-inline-size:100%}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .panel-table :is(th,td) {border-color:var(--manager-divider);line-height:1.65}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .panel-table th {background:#e8eef5;color:var(--hr-midnight-blue)}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(p,dd,li,output,.work-meta,bdi) {overflow-wrap:anywhere}
.is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(button,a,input,select,textarea,summary):focus-visible {
  outline:3px solid var(--hr-focus);
  outline-offset:2px;
  box-shadow:none;
}
@media (max-width:767px) {
  .is-workspace:where([data-hr-role=owner],[data-hr-role=branch_manager]) .workspace-content {padding-block:1rem}
  .is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-page-title {flex:1 1 11rem}
  .is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.manager-page-actions,.manager-primary-tools) {max-inline-size:100%}
  .is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-primary-tools > .manager-form-launch {flex:1 1 100%}
  .is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-intro .panel-filters {display:grid;grid-template-columns:minmax(0,1fr) auto;inline-size:100%}
  .is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-intro .panel-filters > label {grid-column:1/-1}
  .is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .manager-intro .panel-filters :is(input,select) {inline-size:100%}
  .is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.work-list,.report-grid) {grid-template-columns:minmax(0,1fr)}
  .is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.work-form form,.payroll-toolbar form) {grid-template-columns:minmax(0,1fr)}
  .is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) :is(.midnight-table td,.midnight-table tbody tr) {font-size:var(--hr-label)}
  .is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .midnight-table tbody tr {margin-block:.5rem;border-color:var(--manager-divider);box-shadow:none}
  .is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .team-card .team-status-expanded {margin-block-end:0}
  .is-workspace .workspace-content:where([data-role=owner],[data-role=branch_manager]) .team-card .team-status-detail {margin-block-start:0}
}