/* Native workspace: graphite navigation, neutral work surfaces and cobalt actions.
   Integrated with the production role-scoped shell. No data or access rules. */
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
button, input, select, textarea { font-family: inherit; }
:root { --pw-shadow-1: 0 1px 2px rgba(20,32,46,.04); --pw-shadow-2: 0 4px 18px rgba(20,32,46,.08); --pw-shell-top-height: 64px; --pw-shell-bottom-height: 0px; }
html.dark { --pw-shadow-1: none; --pw-shadow-2: 0 4px 18px rgba(0,0,0,.2); }
.pw4-sidebar, .pw4-rail { background: var(--pw-navigation); color: var(--pw-navigation-text); box-shadow: none; border: 0; border-right: 1px solid var(--pw-navigation-border); border-radius: 0; }
.pw4-sidebar { inset: 0 auto 0 0; width: var(--pw-shell-sidebar); }
.pw4-brand { min-height: 80px; padding: 18px; color: var(--pw-navigation-text); gap: 10px; }
.pw4-brand::before { content: 'PW'; display: grid; place-items: center; flex: 0 0 34px; height: 34px; border-radius: 8px; background: var(--pw-primary); color: var(--pw-on-primary); font-weight: 800; font-size: 13px; letter-spacing: -.06em; box-shadow: none; }
.pw4-brand__copy strong { font-size: 16px; letter-spacing: -.02em; }
.pw4-brand__copy small { font-size: 12px; color: var(--pw-navigation-muted); letter-spacing: .09em; }
.pw4-sidebar__nav { padding: 4px 10px 24px; }
.pw4-nav-group + .pw4-nav-group { margin-top: 16px; }
.pw4-nav-group__title { color: var(--pw-navigation-muted); font-size: .875rem; font-weight: 500; letter-spacing: 0; text-transform: none; padding: 4px 10px 6px; }
.pw4-nav-link { min-height: 44px; padding: 10px 12px; gap: 10px; font-size: .9375rem; font-weight: 500; border: 1px solid transparent; border-radius: 9px; color: var(--pw-navigation-text); }
.pw4-nav-link svg { width: 18px; height: 18px; color: var(--pw-navigation-muted); }
.pw4-nav-link:hover { background: var(--pw-navigation-hover); color: var(--pw-navigation-text); }
.pw4-nav-link.is-active { color: #fff; background: var(--pw-navigation-selected); border-color: transparent; box-shadow: none; font-weight: 650; }
.pw4-nav-link.is-active svg { color: currentColor; }
.pw4-nav-link--primary:not(.is-active)::after { display: none; }
.pw4-utility { justify-content: space-between; background: var(--pw-surface); border-bottom: 1px solid var(--pw-border); padding: 8px 24px; min-height: 64px; pointer-events: auto; }
.pw6-workspace-context { display: flex; align-items: center; gap: 12px; min-width: 0; font-size: .875rem; }
.pw6-workspace-context span { color: var(--pw-text-muted); }
.pw6-workspace-context span::after { content: '/'; padding-left: 12px; color: var(--pw-border-strong); }
.pw6-workspace-context strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 650; }
.pw4-utility__cluster { margin-left: auto; padding-left: 16px; }
.pw4-command-entry { min-width: 230px; min-height: 44px; max-width: 330px; grid-template-columns: 18px minmax(0,1fr) auto; padding: 8px 12px; border: 1px solid var(--pw-border); background: var(--pw-surface-muted); border-radius: 6px; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; text-align: left; cursor: pointer; }
.pw4-command-entry__copy strong { font-size: .875rem; font-weight: 500; color: var(--pw-text-muted); }
.pw4-command-entry kbd { font-family: inherit; font-size: .75rem; color: var(--pw-text-muted); border: 1px solid var(--pw-border-strong); border-radius: 3px; padding: 2px 4px; white-space: nowrap; }
.pw4-profile-trigger, .pw4-icon-button { min-width: 44px; min-height: 44px; box-shadow: none; }
.pw4-profile-trigger, .pw4-profile-avatar { border-radius: 10px; }
.pw4-notification-badge { box-shadow: none; }
.pw4-mobile-topbar { background: var(--pw-surface); border-bottom: 1px solid var(--pw-border); }
.pw4-mobile-brand__copy strong { font-size: 16px; }
.pw4-mobile-brand__copy small { color: var(--pw-text-muted); }
.pw4-rail { inset: 0 auto 0 0; width: var(--pw-shell-rail); }
.pw4-rail__brand, .pw4-rail__brand strong, .pw4-rail__brand small { color: var(--pw-navigation-text); }
.pw4-rail-item { color: var(--pw-navigation-muted); border-radius: 10px; }
.pw4-rail-item.is-active { background: var(--pw-navigation-selected); color: #fff; box-shadow: none; }
.pw4-rail-item:hover { color: var(--pw-navigation-text); background: var(--pw-navigation-hover); }
.pw4-rail-item::after { display: none; }
.pw4-rail-item:not(.is-active) > span:last-child, .pw4-rail-item.is-active > span:last-child { white-space: normal; font-size: .875rem; }

/* A work canvas, with compact headings and consistent document surfaces. */
.pw4-today__intro h1 { font-size: clamp(1.75rem,2.4vw,2.125rem); line-height: 1.15; letter-spacing: -.035em; }
#app-root h1[tabindex="-1"]:focus { outline: none; box-shadow: none; }
.pw4-eyebrow { margin-bottom: 8px; color: var(--pw-text-muted); font-size: .875rem; text-transform: none; letter-spacing: .01em; font-weight: 500; }
.pw4-today__lead { margin-top: 8px; font-size: 1rem; line-height: 1.5; }
.pw4-today__intro { align-items: flex-start; gap: 16px; }
.pw4-scope { min-height: 32px; font-size: .875rem; }
.pw6-daily-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.pw6-daily-actions .pw4-action { background: var(--pw-surface); border: 1px solid var(--pw-border-strong); border-radius: 7px; color: var(--pw-text); font-size: .875rem; font-weight: 600; padding: 9px 12px; box-shadow: none; }
.pw6-daily-actions .pw4-action svg { width: 18px; height: 18px; color: var(--pw-accent); }
.pw4-next, .dark .pw4-next { min-height: 0; grid-template-columns: minmax(0,1fr); padding: 22px 24px; border-radius: 14px; background: var(--pw-surface); border-color: var(--pw-border); color: var(--pw-text); box-shadow: var(--pw-shadow-1); }
.pw4-next::before { width: 3px; }
.pw4-next h2 { max-width: 30ch; font-size: 1.5rem; line-height: 1.25; letter-spacing: -.025em; color: var(--pw-text); }
.pw4-next > p { font-size: 1rem; line-height: 1.5; color: var(--pw-text-muted); margin-top: 8px; }
.pw4-next__label { margin-bottom: 12px; font-size: .875rem; letter-spacing: 0; font-weight: 600; text-transform: none; color: var(--pw-accent); }
.pw4-next__label em { color: var(--pw-text-muted); letter-spacing: 0; font-weight: 500; }
.pw4-next__label-copy svg { width: 18px; height: 18px; }
.pw4-next > .pw4-action { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 16px; border-radius: 10px; font-size: 1rem; font-weight: 600; box-shadow: none; padding: 10px 14px; background: var(--pw-primary); border-color: var(--pw-primary); color: var(--pw-on-primary); }
.pw4-next > .pw4-action:hover { background: var(--pw-primary-hover); border-color: var(--pw-primary-hover); }
.pw4-next.pw7-next--areas > .pw4-action { background: transparent; border-color: var(--pw-border-strong); color: var(--pw-accent); }
.pw4-next.pw7-next--areas > .pw4-action:hover { background: var(--pw-accent-soft); }
.pw7-today-areas { min-width: 0; margin-top: 20px; }
.pw7-today-areas__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.pw7-today-areas__head h3 { margin: 0; color: var(--pw-text); font-size: 1rem; font-weight: 650; }
.pw7-today-areas__head > span { color: var(--pw-text-muted); font-size: .875rem; }
.pw7-today-area { display: grid; grid-template-columns: minmax(0,1fr) auto 16px; align-items: center; gap: 10px; min-height: 68px; padding: 12px 0; border-bottom: 1px solid var(--pw-border); color: var(--pw-text); text-decoration: none; }
.pw7-today-area:hover { background: var(--pw-surface-muted); }
.pw7-today-area:focus-visible { outline: 2px solid var(--pw-focus); outline-offset: 2px; border-radius: 4px; }
.pw7-today-area__copy { display: grid; gap: 3px; min-width: 0; }
.pw7-today-area__copy strong { font-size: 1rem; line-height: 1.35; font-weight: 600; overflow-wrap: break-word; }
.pw7-today-area__copy small { font-size: .875rem; color: var(--pw-text-muted); }
.pw7-today-area__status { font-size: .875rem; line-height: 1.4; color: var(--pw-text-muted); text-align: right; max-width: 11ch; }
.pw7-today-area--missing .pw7-today-area__status,
.pw7-today-area--review .pw7-today-area__status { color: var(--pw-warning); }
.pw7-today-area--short .pw7-today-area__status { color: var(--pw-danger); }
.pw7-today-area--saved .pw7-today-area__status { color: var(--pw-success); }
.pw7-today-area > svg { width: 16px; height: 16px; color: var(--pw-text-muted); }
.pw4-priority, .dark .pw4-priority { min-height: 0; padding: 16px; border-radius: 12px; box-shadow: none; }
.pw4-priority__icon { width: 38px; height: 38px; border-radius: 10px; background: transparent; }
.pw4-priority__icon svg { width: 20px; height: 20px; }
.pw4-priority__copy strong { font-size: 1rem; line-height: 1.4; }
.pw4-priority__copy small { font-size: .875rem; margin-top: 4px; }
.pw4-priority__rail { width: 3px; }
.pw4-section__head h2, .pw4-panel__head h2 { font-size: 1.0625rem; font-weight: 700; }
.pw4-panel, .dark .pw4-panel { padding: 20px; border-radius: 14px; box-shadow: none; }
.pw4-metric { border-radius: 0; background: transparent; padding: 12px 0; border-bottom: 1px solid var(--pw-border); }
.pw4-metric--attention { background: transparent; }
.pw4-metric--danger { background: transparent; }
.pw4-truth-note { padding: 10px 0; background: none; border: 0; margin-top: 8px; }
.pw4-soft-empty { min-height: 80px; border: 1px dashed var(--pw-border-strong); background: var(--pw-surface-muted); border-radius: 6px; }
.pw4-waiting-row { min-height: 52px; border-radius: 6px; }
.pw4-priority:hover { box-shadow: none; background: var(--pw-surface-muted); border-color: var(--pw-border-strong); }
.pw4-heading__icon, .pw4-heading__icon svg { width: 20px; height: 20px; }
.pw4-priority__side { padding-top: 8px; }
#app-root .card, #app-root .pwc3-card, #app-root .activity-list-card, #app-root .activity-map-card { border-radius: var(--pw-radius-card); box-shadow: none; }
#app-root .btn, #app-root .pwc-button, #app-root .pwc3-button { border-radius: var(--pw-radius-control); }
#app-root input, #app-root select, #app-root textarea { border-radius: var(--pw-radius-control); }
.pw4-directory__panel, .pw4-account-menu, .action-center { background: var(--pw-surface); box-shadow: var(--pw-shadow-overlay); }
.pw4-directory__link { border-radius: 7px; }
.docs3-page, .people-os { gap: 18px; }
.docs3-page-header, .people-os > .page-header { margin-bottom: 0; }
.docs3-kpi { min-height: 98px; padding: 16px; border-radius: 8px; box-shadow: none; }
.docs3-kpi strong { font-size: 1.625rem; }
.docs3-kpi span { font-size: .875rem; padding-top: 8px; }
.docs3-kpi::before { height: 3px; }
.people-kpis > a { min-height: 94px; border-radius: 8px; padding: 14px 16px; }
.people-kpis strong { font-size: 1.625rem; }
.people-kpis span { padding-top: 8px; font-size: .875rem; }
.people-master, .people-detail-card, .people-detail-empty { border-radius: 10px; }
.people-master__tools { padding: 14px; background: var(--pw-surface-muted); }
.people-record { min-height: 80px; }
.people-record:hover, .people-record.is-active { background: var(--pw-accent-soft); }
.people-detail-empty { min-height: 280px; }

@media (min-width: 1200px) {
  body.pw4-authenticated #app-root { margin-left: var(--pw-shell-sidebar); padding: calc(var(--pw-shell-top-height) + 24px) 28px 32px; }
  .pw4-today { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(310px,.9fr); grid-template-areas: 'intro intro' 'next support' 'actions support' 'priorities support' 'activity activity'; gap: 20px; align-items: start; }
  .pw4-today.pw6-today--clear { grid-template-areas: 'intro intro' 'next support' 'actions support' 'activity activity'; }
  .pw4-today.has-push-setup { grid-template-areas: 'intro intro' 'next support' 'actions support' 'alerts support' 'priorities support' 'activity activity'; }
  .pw4-today.has-push-setup.pw6-today--clear { grid-template-areas: 'intro intro' 'next support' 'actions support' 'alerts support' 'activity activity'; }
  .pw4-today .pw-launch-alerts { grid-area: alerts; margin: 0; flex-direction: column; align-items: stretch; }
  .pw7-today-actions { grid-area: actions; margin: 0; }
  .pw4-today__intro { grid-area: intro; margin-bottom: 4px; }
  .pw4-next { grid-area: next; }
  .pw4-section { grid-area: priorities; margin-top: 0; }
  .pw4-today__lower { grid-area: support; grid-template-columns: 1fr; gap: 16px; margin-top: 0; }
  .pw4-panel--activity { grid-area: activity; margin-top: 0; }
  .pw4-priority-grid { grid-template-columns: 1fr; gap: 8px; }
  .pw4-priority, .pw4-priority:last-child:nth-child(odd) { min-height: 0; grid-column: auto; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  :root { --pw-shell-header: 64px; }
  .pw4-utility { padding: 8px 20px; }
  .pw6-workspace-context span { display: none; }
  .pw4-command-entry { min-width: 180px; max-width: 250px; }
  .pw4-command-entry kbd { display: none; }
  .pw4-today__intro { margin-bottom: 20px; }
  .pw4-next { margin-top: 0; }
}
@media (max-width: 767px) {
  :root { --pw-shell-top-height: calc(60px + env(safe-area-inset-top,0px)); --pw-shell-bottom-height: calc(64px + env(safe-area-inset-bottom,0px)); }
  .pw4-bottom-nav { inset: auto 0 0; min-height: calc(64px + env(safe-area-inset-bottom,0px)); padding: 4px 4px calc(4px + env(safe-area-inset-bottom,0px)); border: 0; border-top: 1px solid var(--pw-border); border-radius: 0; background: var(--pw-surface); box-shadow: none; }
  .pw4-bottom-item { color: var(--pw-text-muted); border-radius: 6px; min-height: 56px; height: auto; }
  .pw4-bottom-nav .pw4-bottom-item, .pw4-bottom-nav .pw4-bottom-item > span { color: var(--pw-text-muted); }
  .pw4-bottom-nav .pw4-bottom-item.is-active, .pw4-bottom-nav .pw4-bottom-item.is-active > span { color: var(--pw-accent); }
  .pw4-bottom-item.is-active { background: var(--pw-accent-soft); color: var(--pw-accent); border-radius: 12px; box-shadow: none; }
  .pw4-bottom-item:hover, .pw4-bottom-item:focus-visible { background: var(--pw-surface-muted); color: var(--pw-text); }
  .pw4-bottom-item:not(.is-active) > span:last-child, .pw4-bottom-item.is-active > span:last-child { white-space: normal; font-size: calc(.25rem + 10px); line-height: 1.2; overflow: visible; overflow-wrap: normal; word-break: normal; font-weight: 600; }
  body.pw4-authenticated #app-root { padding-top: calc(var(--pw-shell-top-height) + 16px); padding-bottom: calc(var(--pw-shell-bottom-height) + 20px); }
  html[data-pw-keyboard="open"] body #bottom-nav-root { display: none !important; }
  html[data-pw-keyboard="open"] .pw4-mobile-topbar { top: var(--pw-viewport-top,0px); }
  .pw4-directory, .pw4-account-layer { top: var(--pw-viewport-top,0px); bottom: auto; height: var(--pw-viewport-height,100vh); }
  .pw4-directory { padding: max(8px,var(--pw-safe-top)) 0 0; }
  .pw4-directory__panel { width: 100%; max-height: 100%; padding: 16px 16px max(16px,var(--pw-safe-bottom)); border-radius: 16px 16px 0 0; }
  .pw4-directory__group { padding: 4px 0; border: 0; border-radius: 0; background: transparent; }
  .pw4-directory__group + .pw4-directory__group { border-top: 1px solid var(--pw-border); padding-top: 12px; }
  .pw4-directory__group h3 { font-size: .875rem; font-weight: 650; letter-spacing: 0; text-transform: none; }
  .pw4-account-menu { max-height: 100%; }
  .pw4-directory__header h2 { font-size: 1.375rem; letter-spacing: -.02em; }
  .pw4-directory__link { min-height: 48px; font-weight: 550; }
  .pw4-directory__link.is-active { background: var(--pw-accent-soft); box-shadow: inset 3px 0 0 var(--pw-accent); }
  .pw4-today__intro { display: block; margin-bottom: 18px; }
  .pw4-scope { margin-top: 8px; padding: 0; }
  .pw6-daily-actions { display: flex; flex-wrap: wrap; gap: 8px; }
  .pw6-daily-actions .pw4-action { justify-content: flex-start; font-size: .875rem; min-height: 44px; padding: 8px 10px; }
  .pw4-next, .dark .pw4-next { padding: 20px; }
  .pw4-next h2 { font-size: 1.375rem; }
  .pw4-panel { padding: 16px; }
  .pw4-priority { padding: 14px; grid-template-columns: 38px minmax(0,1fr); gap: 10px; }
  .pw4-today__lower { gap: 12px; margin-top: 20px; }
  .pw4-section { margin-top: 20px; }
  .pw4-section__head, .pw4-panel__head { margin-bottom: 10px; }
  #pwc-assistant-fab, .pwc-assistant-fab, #os-assistant-fab, .os-assistant-fab { display: none !important; }
  .pw4-bottom-item svg { width: 20px; height: 20px; }
  /* Low-resource phones need solid surfaces, with no compositor-heavy blur. */
  .pw4-command-entry, .pw4-directory, .pw4-account-layer, .action-center, .modal-backdrop { backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) { .pw4-priority, .pw4-action, .pw4-nav-link { transition: none; } }

/* Staffing: lead with the queue; keep optional controls out of its way. */
html[data-pw-workspace="hr"] #app-root .page-header { gap: 12px; margin-bottom: 14px; }
html[data-pw-workspace="hr"] #app-root .page-header p { margin-top: 6px; font-size: 1rem !important; line-height: 1.4; }
html[data-pw-workspace="hr"] #app-root .hr-queue-tools { position: relative; flex-shrink: 0; }
html[data-pw-workspace="hr"] #app-root .hr-queue-tools > summary { min-height: 44px; cursor: pointer; list-style: none; }
html[data-pw-workspace="hr"] #app-root .hr-queue-tools > summary::after { content: '⌄'; margin-left: 8px; }
html[data-pw-workspace="hr"] #app-root .hr-queue-tools > summary::-webkit-details-marker { display: none; }
html[data-pw-workspace="hr"] #app-root .hr-page-actions { min-width: 0; width: auto; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 8px 0 0; }
html[data-pw-workspace="hr"] #app-root .hr-summary { display: block; min-height: 0; padding: 12px 14px; border-radius: 8px; box-shadow: none; margin-bottom: 12px !important; }
html[data-pw-workspace="hr"] #app-root .hr-summary__line { font-size: 1rem; line-height: 1.45; text-align: left; color: var(--pw-text); }
html[data-pw-workspace="hr"] #app-root .hr-summary__note { margin: 5px 0 0; color: var(--pw-text-muted); font-size: .875rem; line-height: 1.4; }
html[data-pw-workspace="hr"] #app-root .hr-summary[data-tone="danger"] { border-left-color: var(--pw-danger); background: var(--pw-danger-soft); }
html[data-pw-workspace="hr"] #app-root .hr-summary[data-tone="danger"] .hr-summary__line { color: var(--pw-danger); }
html[data-pw-workspace="hr"] #app-root .hr-summary[data-tone="warning"] { border-left-color: var(--pw-warning); background: var(--pw-warning-soft); }
html[data-pw-workspace="hr"] #app-root .hr-summary[data-tone="warning"] .hr-summary__line { color: var(--pw-warning); }
html[data-pw-workspace="hr"] #app-root .hr-summary[data-tone="clear"] { border-left-color: var(--pw-success); }
html[data-pw-workspace="hr"] #app-root .hr-summary[data-tone="neutral"] { border-left-color: var(--pw-border-strong); }
html[data-pw-workspace="hr"] #app-root #hr-filterbar[hidden] { display: none !important; }
html[data-pw-workspace="hr"] #app-root #hr-filterbar.is-open { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 12px; border-radius: 8px; padding: 12px; }
html[data-pw-workspace="hr"] #app-root #hr-search-form { display: grid; grid-template-columns: minmax(180px,1fr) minmax(170px,.65fr) auto auto; gap: 8px; padding: 0; margin: 0 0 12px; background: none; border: 0; box-shadow: none; }
html[data-pw-workspace="hr"] #app-root #hr-search-form input,
html[data-pw-workspace="hr"] #app-root #hr-search-form select { width: 100%; min-width: 0; min-height: 44px; font-size: 16px; padding: 8px 10px; border: 1px solid var(--pw-border-strong); background: var(--pw-surface); color: var(--pw-text); }
html[data-pw-workspace="hr"] #app-root #filter-toggle { display: inline-flex; width: auto; grid-column: auto; min-height: 44px; margin: 0; padding: 8px 10px; }
html[data-pw-workspace="hr"] #app-root .hr-queue-viewbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
html[data-pw-workspace="hr"] #app-root .hr-queue-viewbar > span { margin-left: auto; color: var(--pw-text-muted); font-size: .875rem; }
html[data-pw-workspace="hr"] #app-root .hr-view-toggle { justify-self: auto; min-height: 44px; border-radius: 7px; }
html[data-pw-workspace="hr"] #app-root .hr-view-toggle button { min-height: 44px; padding: 8px 12px; }
html[data-pw-workspace="hr"] #app-root .hr-queue-viewbar #clear-filters { grid-column: auto; min-height: 44px; }
html[data-pw-workspace="hr"] #app-root .hr-queue-viewbar #clear-filters[hidden] { display: none !important; }
html[data-pw-workspace="hr"] #app-root .hr-benefits-reminder { margin-top: 12px; }
@media (max-width: 767px) {
  html[data-pw-workspace="hr"] #app-root .page-header { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; }
  html[data-pw-workspace="hr"] #app-root .page-header > div:first-child { flex: 1 1 120px; }
  html[data-pw-workspace="hr"] #app-root .page-header p { font-size: .875rem !important; }
  html[data-pw-workspace="hr"] #app-root #hr-search-form { grid-template-columns: minmax(0,1fr) auto; }
  html[data-pw-workspace="hr"] #app-root #hr-search-form > label:first-child { grid-column: 1; }
  html[data-pw-workspace="hr"] #app-root #hr-search-form > button[type="submit"] { grid-column: 2; grid-row: 1; }
  html[data-pw-workspace="hr"] #app-root #hr-search-form #filter-toggle { grid-column: 2; grid-row: 2; justify-content: space-between; }
  html[data-pw-workspace="hr"] #app-root #hr-filterbar.is-open { grid-template-columns: 1fr; }
  html[data-pw-workspace="hr"] #app-root .hr-queue-viewbar { gap: 8px; }
  html[data-pw-workspace="hr"] #app-root .hr-queue-viewbar .hr-view-toggle { display: flex; flex: 1 1 100%; }
  html[data-pw-workspace="hr"] #app-root .hr-queue-viewbar > span { margin-left: 0; margin-right: auto; }
  html[data-pw-workspace="hr"] #app-root .hr-ins-card__head { min-height: 0; padding: 12px; }
}
@media print {
  html[data-pw-workspace="hr"] #app-root .hr-queue-tools,
  html[data-pw-workspace="hr"] #app-root #hr-search-form,
  html[data-pw-workspace="hr"] #app-root #hr-filterbar,
  html[data-pw-workspace="hr"] #app-root .hr-queue-viewbar,
  html[data-pw-workspace="hr"] #app-root .hr-benefits-reminder { display: none !important; }
}

/* Compact workflow density: context stays available without burying the work. */
.pw6-triage { padding: 0; overflow: hidden; }
.pw6-triage > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; padding: 14px 16px; cursor: pointer; list-style: none; }
.pw6-triage > summary::-webkit-details-marker { display: none; }
.pw6-triage > summary::after { content: '+'; flex: 0 0 auto; color: var(--pw-text-muted); font-size: 24px; }
.pw6-triage[open] > summary::after { content: '−'; }
.pw6-triage > summary h2 { font-size: 1rem; }
.pw6-triage > summary p { margin-top: 3px; font-size: .875rem; }
.pw6-triage > :not(summary) { margin-inline: 16px; }
.pw6-triage > :last-child { margin-bottom: 16px; }
.pw6-triage > summary:focus-visible { outline: 2px solid var(--pw-focus); outline-offset: -3px; }
.rh-card__icon { background: var(--pw-surface-muted); color: var(--pw-text-muted); }
@media (max-width: 767px) {
  html[data-pw-workspace="hr"] #app-root .hr-ins-row { grid-template-columns: 4px minmax(0,1fr) minmax(90px,24%); }
  html[data-pw-workspace="hr"] #app-root .hr-ins-row__body { padding: 12px; }
  html[data-pw-workspace="hr"] #app-root .hr-ins-row__tag { white-space: normal; overflow: visible; text-overflow: clip; text-transform: none; letter-spacing: 0; padding: 3px 6px; }
  html[data-pw-workspace="hr"] #app-root .hr-ins-row__tag svg { flex-shrink: 0; }
  html[data-pw-workspace="hr"] #app-root .hr-ins-row__dep { font-family: inherit; overflow-wrap: normal; word-break: normal; }
  html[data-pw-workspace="admin"] #app-root .admin-os__summary { gap: 8px; margin-bottom: 16px; }
  html[data-pw-workspace="admin"] #app-root .admin-os-stat { min-height: 0; padding: 12px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; }
  html[data-pw-workspace="admin"] #app-root .admin-os-stat strong { font-size: 24px; }
  html[data-pw-workspace="admin"] #app-root .admin-os-stat span { margin: 0; }
  html[data-pw-workspace="admin"] #app-root .admin-os-grid { gap: 8px; }
  html[data-pw-workspace="admin"] #app-root .admin-os-card { min-height: 0; padding: 16px; gap: 8px; }
  html[data-pw-workspace="admin"] #app-root .admin-os-card__top { margin: 0; }
  html[data-pw-workspace="admin"] #app-root .admin-os-card__icon { width: 32px; height: 32px; border-radius: 8px; }
  html[data-pw-workspace="admin"] #app-root .admin-os-card h2 { font-size: 18px; margin: 0; }
  html[data-pw-workspace="admin"] #app-root .admin-os-card p { font-size: 14px; line-height: 1.45; margin: 0; }
  html[data-pw-workspace="admin"] #app-root .admin-os-card__action { margin-top: 0; font-size: 14px; }
}

/* iOS/WebKit's native select ignores content sizing. Keep the native picker,
   with a custom field surface and an explicit, theme-independent chevron. */
body select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  appearance: none;
  min-height: 44px;
  padding-right: 2.25rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23718193' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 16px 16px !important;
}
@media (max-width: 767px) {
  html[data-pw-workspace="entry"] #app-root .manning-summary { grid-template-columns: 1fr; gap: 0; overflow: hidden; border: 1px solid var(--pw-border); border-radius: 10px; }
  html[data-pw-workspace="entry"] #app-root .manning-summary > div { display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: center; min-height: 0; padding: 10px 14px; gap: 10px; border: 0; border-bottom: 1px solid var(--pw-border); border-radius: 0; box-shadow: none; }
  html[data-pw-workspace="entry"] #app-root .manning-summary > div:last-child { grid-column: auto; border-bottom: 0; }
  html[data-pw-workspace="entry"] #app-root .manning-summary strong { font-size: 22px; }
  html[data-pw-workspace="entry"] #app-root .manning-summary span { margin: 0; }
  html[data-pw-workspace="hr"] #app-root .hr-ins-row__need-label { white-space: normal; letter-spacing: 0; text-transform: none; }
}

/* Legacy buttons use an older gradient token; primary actions follow the same
   semantic ink/light surface in every workspace, including dark mode. */
html body .btn--primary, html.dark body .btn--primary {
  background: var(--pw-primary);
  border-color: var(--pw-primary);
  color: var(--pw-on-primary);
  box-shadow: none;
}
html body .btn--primary:hover:not(:disabled), html body .btn--primary:active:not(:disabled),
html.dark body .btn--primary:hover:not(:disabled), html.dark body .btn--primary:active:not(:disabled) {
  background: var(--pw-primary-hover);
  border-color: var(--pw-primary-hover);
  color: var(--pw-on-primary);
}
.pw4-mobile-topbar, .pw4-bottom-nav, .pw4-mobile-brand__copy strong { color: var(--pw-text); }

/* Header icons get an explicit foreground after theme changes in WebKit. */
.pw4-icon-button, .pw4-icon-button svg { color: var(--pw-text); }
.pw4-icon-button { background: var(--pw-surface); }
#app-root[data-pw-reports-hub] .reports-os > .page-header { text-align: left; align-items: flex-start; margin-bottom: 16px; }
#app-root[data-pw-reports-hub] #reports-ask-ceo[hidden] { display: none !important; }
#app-root[data-pw-reports-view="attendance"] .par-panel__heading { display: none; }
@media (max-width: 767px) {
  #app-root[data-pw-reports-view] .reports-detail__toolbar { position: static; backdrop-filter: none; background: var(--pw-surface); }
  #app-root[data-pw-reports-view] .report-area-list > div { grid-template-columns: minmax(0,1fr) auto; gap: 8px 12px; padding: 14px 12px; }
  #app-root[data-pw-reports-view] .report-area-list b { max-width: 130px; }
  #app-root[data-pw-reports-view] .report-area-list em { grid-column: 1 / -1; text-align: left; }
  #app-root[data-pw-reports-view="drafts"] .draft-detail-empty { display: none; }
}
/* Issuance guidance is application UI; only the document preview is paper. */
.par-panel .par-blocked { background: var(--pw-warning-soft); border-color: var(--pw-warning); color: var(--pw-text); }

/* Reduced motion must not create transitions on otherwise static elements.
   Earlier duration-only rules leave the default `all` property active, which
   makes WebKit propagate inherited theme colors through successive frames. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-property: none !important; }
}

/* Records v7: retain the production master/detail and action order, with one
   clear surface per pane. Semantic tokens come from the shared v7 theme. */
.docs3-page .docs3-layout,
.people-os .people-layout { gap: 16px; }
.docs3-page .docs3-master,
.docs3-page .docs3-detail-card,
.docs3-page .docs3-detail-empty,
.people-os .people-master,
.people-os .people-detail-card,
.people-os .people-detail-empty {
  border-color: var(--pw-border);
  border-radius: 12px;
  box-shadow: none;
}

/* One summary strip instead of four competing cards. */
.docs3-page .docs3-kpis,
.people-os .people-kpis {
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--pw-border);
  border-radius: 12px;
  background: var(--pw-surface);
}
.docs3-page .docs3-kpi,
.people-os .people-kpis > a {
  min-height: 96px;
  padding: 16px 18px;
  border: 0;
  border-right: 1px solid var(--pw-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.docs3-page .docs3-kpi:last-child,
.people-os .people-kpis > a:last-child { border-right: 0; }
.docs3-page .docs3-kpi::before { display: none; }
.docs3-page .docs3-kpi strong,
.people-os .people-kpis strong {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: -.04em;
}
.docs3-page .docs3-kpi span,
.people-os .people-kpis span {
  padding-top: 0;
  margin-top: 8px;
  font-size: .875rem;
  font-weight: 600;
}
.docs3-page .docs3-kpi:hover,
.people-os .people-kpis > a:hover { background: var(--pw-surface-muted); }
.docs3-page .docs3-kpi.is-active {
  background: var(--pw-accent-soft);
  box-shadow: inset 0 -3px 0 var(--pw-accent);
}

/* Search and filters are a toolbar, not another card inside the pane. */
.docs3-page .docs3-master-tools,
.people-os .people-master__tools { background: var(--pw-surface); padding: 14px; }
.docs3-page .docs3-segments,
.people-os .people-master__tools .segmented {
  border: 0;
  border-radius: 8px;
  padding: 3px;
  background: var(--pw-surface-muted);
}
.docs3-page .docs3-segments a,
.people-os .people-master__tools .segmented > a {
  min-height: 44px;
  border-radius: 6px;
  color: var(--pw-text-muted);
  font-weight: 600;
}
.docs3-page .docs3-segments a.is-active,
.people-os .people-master__tools .segmented > a.is-active {
  background: var(--pw-surface);
  color: var(--pw-text);
  box-shadow: 0 1px 3px rgba(15,23,42,.08);
}
.docs3-page .docs3-record,
.people-os .people-record { min-height: 84px; padding: 12px 14px; }
.docs3-page .docs3-record:hover,
.people-os .people-record:hover { background: var(--pw-surface-muted); }
.docs3-page .docs3-record.is-active,
.people-os .people-record.is-active {
  background: var(--pw-accent-soft);
  box-shadow: inset 3px 0 0 var(--pw-accent);
}
.docs3-page .docs3-record__copy strong,
.people-os .people-record__copy strong {
  font-weight: 650;
  font-size: 1rem;
  letter-spacing: -.01em;
  line-height: 1.4;
}
.docs3-page .docs3-record__copy small,
.docs3-page .docs3-record__copy em,
.people-os .people-record__copy small,
.people-os .people-record__copy em { font-size: .875rem; line-height: 1.4; }
.people-os .people-avatar {
  background: var(--pw-accent-soft);
  color: var(--pw-accent);
  border: 0;
  border-radius: 50%;
  font-weight: 650;
}
.people-os .people-status { font-size: .875rem; font-weight: 600; }

/* The title owns the hierarchy. Metadata and helper labels remain quieter. */
.docs3-page .docs3-detail-head,
.people-os .people-detail-card__head { padding: 20px; gap: 12px; }
.docs3-page .docs3-detail-head h2,
.people-os .people-detail-card__head h2 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.25;
}
.docs3-page .docs3-detail-head > div > span,
.people-os .people-detail-card__head > div > span { font-weight: 500; }
.docs3-page .docs3-status {
  border-color: transparent;
  padding: 4px 9px;
  font-weight: 600;
  min-height: 28px;
}
.docs3-page .docs3-status--missing,
.docs3-page .docs3-status--soon { background: var(--pw-warning-soft); color: var(--pw-warning); }
.docs3-page .docs3-status--expired { background: var(--pw-danger-soft); color: var(--pw-danger); }
.docs3-page .docs3-status--filed { background: var(--pw-success-soft); color: var(--pw-success); }
.docs3-page .docs3-exception {
  margin: 16px 20px 0;
  padding: 12px 14px;
  border: 0;
  border-left: 3px solid var(--pw-warning);
  border-radius: 0 8px 8px 0;
  background: var(--pw-warning-soft);
}
.docs3-page .docs3-exception strong { font-weight: 650; }
.docs3-page .docs3-exception ul { color: var(--pw-text); }

/* A compact attachment row with direct actions, not a nested bordered card. */
.docs3-page .docs3-file-panel {
  margin: 0 20px;
  padding: 18px 0;
  border: 0;
  border-bottom: 1px solid var(--pw-border);
  border-radius: 0;
  background: transparent;
  gap: 12px;
}
.docs3-page .docs3-file-panel__icon {
  width: 36px;
  height: 40px;
  border-radius: 8px;
  background: var(--pw-accent-soft);
  color: var(--pw-accent);
}
.docs3-page .docs3-file-panel strong { font-weight: 650; }
.docs3-page .docs3-file-actions { gap: 8px; }
.docs3-page .docs3-facts { padding: 6px 20px 0; gap: 0 20px; }
.docs3-page .docs3-facts > div { padding: 12px 0; }
.docs3-page .docs3-facts dt { font-size: .875rem; font-weight: 500; margin-bottom: 5px; }
.docs3-page .docs3-facts dd { font-size: 1rem; font-weight: 600; line-height: 1.45; }
.docs3-page .docs3-detail-section { padding: 20px; }
.docs3-page .docs3-section-label { font-size: .875rem; font-weight: 500; }
.docs3-page .docs3-detail-section h3 { font-weight: 650; letter-spacing: -.015em; }
.docs3-page .docs3-detail-section > p { font-size: .875rem; }
.docs3-page .docs3-detail-actions { padding: 16px 20px; background: var(--pw-surface); }

/* Employee editing stays a single readable form with soft field surfaces. */
.people-os .people-form { padding: 20px; }
.people-os .people-form legend,
.people-os .people-benefits h3 { font-size: 1rem; font-weight: 650; letter-spacing: -.015em; }
.people-os .people-field > span { font-size: .875rem; font-weight: 600; }
.people-os .people-field input,
.people-os .people-field textarea,
.people-os .people-field select {
  border-color: var(--pw-border-strong);
  background-color: var(--pw-surface);
  border-radius: 8px;
}
.people-os .people-benefits > div:first-child > span {
  color: var(--pw-text-muted);
  font-size: .875rem;
  letter-spacing: 0;
  font-weight: 500;
  text-transform: none;
}
.people-os .people-form-actions { padding-top: 18px; border-top: 1px solid var(--pw-border); }
.people-os .people-detail-empty { background: var(--pw-surface); }

@media (max-width: 767px) {
  .docs3-page .docs3-master,
  .docs3-page .docs3-detail-card,
  .people-os .people-master,
  .people-os .people-detail-card { border-radius: 12px; }
  .people-os .people-kpis > a {
    min-height: 70px;
    padding: 12px;
    border-bottom: 1px solid var(--pw-border);
    gap: 6px 10px;
  }
  .people-os .people-kpis > a:nth-child(2n) { border-right: 0; }
  .people-os .people-kpis > a:nth-last-child(-n+2) { border-bottom: 0; }
  .people-os .people-kpis strong { font-size: 1.375rem; }
  .people-os .people-kpis span { margin-top: 0; }
  .docs3-page .docs3-detail-head,
  .people-os .people-detail-card__head { padding: 10px 14px 16px; }
  .docs3-page .docs3-detail-head h2,
  .people-os .people-detail-card__head h2 { font-size: 1.375rem; }
  .docs3-page .docs3-exception { margin: 14px 14px 0; }
  .docs3-page .docs3-file-panel { margin: 0 14px; padding: 16px 0; }
  .docs3-page .docs3-facts { padding: 6px 14px 0; gap: 0 14px; }
  .docs3-page .docs3-detail-section,
  .people-os .people-form { padding: 16px 14px; }
  .docs3-page .docs3-detail-actions { padding: 14px; }
  .docs3-page .docs3-record,
  .people-os .people-record { padding: 12px; }
}