/* R16 · The staffing rebuild (R13 modules) drawn in the R12 palette and fitted to R12 type sizes.
   r13-staffing.css reads --r13-* tokens that R13's site-wide system used to define. R16 does not
   load that system; these tokens map each role to the existing R12 colour for the same role, on
   the staffing page only. No other page is affected. */
@layer r7-refinement {
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main {
    --r13-blue:#1749CC;           /* R12 brand / link (--r12-brand) */
    --r13-ink:#16232F;            /* R12 main text colour, as on every other R12 page */
    --r13-muted:#445666;          /* R12 muted text (--r12-muted) */
    --r13-canvas:#E7F0FF;         /* R12 canvas (--r12-canvas) */
    --r13-paper:#FFFFFF;          /* card surface */
    --r13-border:#B8C8DC;         /* R12 border (--r12-border) */
    --r13-action:#FF9C50;         /* R12 primary action (--r12-action) */
    --r13-action-border:#FF9C50;  /* R12 actions have no darker rim */
    --r13-header-height:var(--r11-header-height,120px);
  }
  /* Printing the staffing page shows only the report (or the free-user note), as in R13. */
  @media print {body#ordrel-r163.jem33-r13:has(main#main.r13-staff-main) header#r6-site-header {display:none!important;}}
  /* The header is R12's. On R12's staffing page the Menu button's line height was 1.35 (17.55 px), from the
     compact-tool body classes that R12 gave that page only; keep it identical here. */
  body#ordrel-r163.jem33-r13:has(main#main.r13-staff-main) header#r6-site-header .r6-menu-toggle {line-height:1.35!important;}
  /* Same reason: R12's staffing page gave every select a 112 px top scroll margin (tool-flow.css); keep the
     header's language menu identical. */
  body#ordrel-r163.jem33-r13:has(main#main.r13-staff-main) header#r6-site-header select {scroll-margin-top:112px!important;}

  /* R16 · Staffing layout on R12 typography: R14's staffing layout fixes (hour chips, small-phone
     actions, related tools, mobile result), plus the result metrics in two columns on phones so long
     labels ("Zugewiesene Personen") never run under the next metric. Layout only. */

  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-hour-chips button {flex:1 1 max(105px,23%)!important;min-width:max-content!important;
    max-width:100%!important;white-space:normal!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-hour-chips button[data-r13-action="custom-hours"] {flex:1 1 100%!important;}
@media (max-width:360px) {
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main :is(.r13-staff-export-actions,.r13-staff-action-buttons,.r13-staff-output-actions,.r13-staff-paid-buttons) {display:grid!important;grid-template-columns:minmax(0,1fr)!important;
      gap:12px!important;width:100%!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main :is(.r13-staff-export-actions,.r13-staff-action-buttons,.r13-staff-output-actions,.r13-staff-paid-buttons)>* {min-width:0!important;max-width:100%!important;width:100%!important;
      white-space:normal!important;overflow-wrap:normal!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-guide-section :is(.identity-name,.r13-staff-unit) {min-width:0!important;width:auto!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-guide-section :is(a,.r13-staff-related-tool) {display:flex!important;flex-wrap:wrap!important;gap:8px!important;max-width:100%!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-output-actions {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-output-actions>button {min-width:0!important;width:100%!important;max-width:100%!important;
      white-space:normal!important;overflow-wrap:normal!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-source-links {display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-source-links :is(li,a,.identity-heading,.identity-name) {min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:normal!important;}
}
@media (max-width:399px) {
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-source-links :is(li,a.identity-reference) {width:100%!important;max-width:100%!important;min-width:0!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-source-links a.identity-reference {display:flex!important;flex-direction:column!important;align-items:flex-start!important;
      white-space:normal!important;gap:5px!important;padding:10px!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-source-links a.identity-reference svg.identity-outcome {position:static!important;align-self:flex-start!important;flex:none!important;transform:none!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-mobile-result > div {grid-template-columns:minmax(0,1fr)!important;gap:4px!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-mobile-result .r13-staff-unit {width:auto!important;max-width:100%!important;display:block!important;overflow-wrap:normal!important;}
}
@media (max-width:359px) {
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-headline {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-headline .r13-staff-metric {min-width:0!important;padding:8px!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-source-links svg.identity-outcome {display:none!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-source-links .identity-heading {display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;}
}
@media (max-width:480px) {
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-headline {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-headline .r13-staff-metric {min-width:0!important;}
}
@media (max-width:359px) {
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-headline {grid-template-columns:minmax(0,1fr)!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-sensitivity > :is(ul,ol,dl,div) {grid-template-columns:minmax(0,1fr)!important;}
  body#ordrel-r163.jem33-r13 main#main.r13-staff-main .r13-staff-optional > summary {font-size:16px!important;}
}

/* R16.1 · Staffing page in R12's own tool-page look (screen only; the printed report is unchanged).
   Every value below is taken from R12's staffing page as rendered: the cobalt title panel, light
   input cards with the 4 px top rule, pill tabs and chips, the navy result panel with the orange top
   rule, navy detail panels. Only the staffing page is affected. */
@media screen {
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] {margin:0!important;padding:34px 36px 48px!important;color:#16232F!important;}
  /* Title panel: R12 .workspace-heading */
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-heading {background:#1749CC!important;border:0!important;border-radius:12px!important;padding:24px!important;margin:0 0 16px!important;color:#FFFFFF!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-heading h1 {color:#FFFFFF!important;font-size:36px!important;font-weight:800!important;line-height:1.18!important;letter-spacing:-.035em!important;margin:0 0 8px!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-heading .r13-staff-free {color:#DFE9FF!important;font-size:14px!important;font-weight:750!important;letter-spacing:.12em!important;text-transform:uppercase!important;line-height:1.5!important;margin:0 0 8px!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-heading .r13-staff-subtitle {color:#FFFFFF!important;font-size:17px!important;font-weight:400!important;line-height:1.5!important;margin:0!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-layout {gap:26px!important;}

  /* Input cards: R12 .input-workspace */
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] #r13-staff-form > :is(section,details) {background:#F2F7FF!important;border:1px solid #B8C8DC!important;border-top-width:4px!important;border-radius:21px!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] #r13-staff-form > section {padding:25px!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] #r13-staff-form :is(h2,h3) {color:#102338!important;font-weight:720!important;letter-spacing:-.025em!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] #r13-staff-form :is(label,legend,.r13-staff-field>span) {color:#102338!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] #r13-staff-form :is(.r13-staff-hint,p) {color:#102338!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] #r13-staff-form :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),select) {background:#F2F7FF!important;border:1px solid #667B91!important;border-radius:10px!important;color:#102338!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] #r13-staff-form section details.r13-staff-optional {background:#F2F7FF!important;border:1px solid #B8C8DC!important;border-radius:16px!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] #r13-staff-form .r13-staff-optional>summary {color:#102338!important;font-size:16px!important;font-weight:800!important;}
  /* Choice chips (work presets, hours): R12 shift-preset pills */
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] :is(.r13-staff-preset-grid,.r13-staff-hour-chips) button {background:#FFFFFF!important;border:1px solid #D8DEDF!important;border-radius:999px!important;color:#142C3D!important;font-size:15px!important;font-weight:750!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] :is(.r13-staff-preset-grid,.r13-staff-hour-chips) button:is([aria-pressed="true"],[aria-checked="true"],.is-selected,[data-r13-selected="true"]) {background:#235CF2!important;border-color:#85A8FF!important;color:#FFFFFF!important;}
  /* Mode choices: R12 step tabs */
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-segment label {background:#F2F7FF!important;border:1px solid #B8C8DC!important;border-radius:999px!important;color:#102338!important;font-weight:750!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-segment label:has(input:checked) {background:#1749CC!important;border-color:#1749CC!important;color:#FFFFFF!important;}
  /* Steppers: R12 − / + buttons */
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] #r13-staff-form .r13-staff-team-stepper button {background:#FFFFFF!important;border:1px solid #AEC3ED!important;border-radius:999px!important;color:#2453EB!important;}

  /* Result panel and guide: R12 navy result panel and navy detail panels */
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] :is(.r13-staff-result,.r13-staff-guide,.r13-staff-mobile-result) {
    --r13-ink:#F4F7FA; --r13-muted:#BFCBD7; --r13-blue:#FFFFFF; --r13-border:rgba(255,255,255,.16);
    --r13-paper:#172847; --r13-canvas:#162638;
    --r13-staff-status-danger:#FF9C50; --r13-staff-status-danger-bg:#172847;
    --r13-staff-status-warning:#FF9C50; --r13-staff-status-warning-bg:#172847;
    --r13-staff-status-success:#C3FF45; --r13-staff-status-success-bg:#172847;
    color:#F4F7FA!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result {background:#102338!important;border:1px solid #365777!important;border-top:4px solid #FF9C50!important;border-radius:21px!important;padding:28px!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-guide {background:#102338!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;padding:26px!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-mobile-result {background:#102338!important;border-color:#365777!important;color:#F4F7FA!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] :is(.r13-staff-result,.r13-staff-guide,.r13-staff-mobile-result) :is(h2,h3,h4,dt,dd,p,li,span,strong,figcaption,label,legend,summary,a:not(.button)) {color:inherit!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] :is(.r13-staff-result,.r13-staff-guide) :is(h2) {color:#F4F7FA!important;font-size:28px!important;font-weight:720!important;letter-spacing:-.025em!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] :is(.r13-staff-result,.r13-staff-guide) :is(h3) {color:#F4F7FA!important;font-weight:700!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] :is(.r13-staff-result,.r13-staff-guide) :is(.r13-staff-hint,.r13-staff-example,.r13-staff-honesty,figcaption,.r13-staff-chart-gap) {color:#BFCBD7!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] :is(.r13-staff-result,.r13-staff-guide) :is(.r12-surface,.r12-surface-light,.r13-staff-result-head,.r13-staff-sensitivity,.r13-staff-checks,.r13-staff-next,.r13-staff-guide-section) {background:transparent!important;}
  /* Status line: R12 .staff-status (orange left rule) */
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result .r13-staff-verdict {background:#172847!important;border:1px solid #526173!important;border-left:3px solid #FF9C50!important;border-radius:0 12px 12px 0!important;color:#F4F7FA!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result [data-r13-status="success"]>.r13-staff-verdict {border-left-color:#C3FF45!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result .r13-staff-status-icon {border-color:#FF9C50!important;color:#FF9C50!important;}
  /* Metrics: R12 workspace-metrics (rules between, no boxes; large light numbers) */
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result .r13-staff-metric {background:transparent!important;border:0!important;border-top:1px solid #44566C!important;border-radius:0!important;padding:18px 0!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result .r13-staff-headline .r13-staff-metric dd {color:#F4F7FA!important;}
  /* Chart: R12 capacity visual */
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result .r13-staff-chart {background:#162638!important;border:1px solid rgba(152,174,185,.5)!important;border-radius:18px!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result .r13-staff-chart-track {background:rgba(255,255,255,.06)!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result .r13-staff-chart-required {border-color:#BFCBD7!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result .r13-staff-chart-assigned {background:#235CF2!important;}
  /* Cards inside the navy panels: R12 navy lift */
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] :is(.r13-staff-result,.r13-staff-guide) :is(.r13-staff-sensitivity-grid>*,.r13-staff-industry-notes>article,.r13-staff-next a,.r13-staff-copy-panel,.r13-staff-paid-prompt,.r13-staff-warnings p) {background:#172847!important;border:1px solid rgba(255,255,255,.16)!important;color:#F4F7FA!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] :is(.r13-staff-result,.r13-staff-guide) a:not(.button) {color:#FFFFFF!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] :is(.r13-staff-result,.r13-staff-guide) details.r13-staff-optional {background:#102338!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] :is(.r13-staff-result,.r13-staff-guide) .r13-staff-optional>summary {color:#FFFFFF!important;font-size:16px!important;font-weight:800!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] :is(.r13-staff-result,.r13-staff-guide) :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),select) {background:#F2F7FF!important;border:1px solid #667B91!important;border-radius:10px!important;color:#102338!important;}
  /* Buttons in the navy panel: R12 orange action and R12 outline button */
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result button {border-radius:10px!important;font-weight:750!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result button:not([data-r13-action="report-pdf"]) {background:transparent!important;border:1px solid #8092A6!important;color:#F4F7FA!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result button[data-r13-action="report-pdf"]:not(:disabled) {background:#FF9C50!important;border:1px solid #FF9C50!important;color:#102338!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result button:disabled {opacity:.72!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result .r13-staff-paper :is(span,label) {color:#F4F7FA!important;}
}
@media screen and (max-width:1279px) {
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-heading h1 {font-size:30.72px!important;}
}
@media screen and (max-width:900px) {
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] {padding:28px 24px 36px!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-heading h1 {font-size:26px!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result {padding:26px!important;}
}
@media screen and (max-width:600px) {
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] {padding:24px 16px 32px!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] #r13-staff-form > section {padding:21px 18px!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-result {padding:22px 19px!important;}
}

@media screen {
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] {max-width:none!important;width:auto!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] > section.r13-staffing {max-width:none!important;width:100%!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-guide .r13-staff-guide-section {background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;padding:24px 0 0!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-task-head {padding:0!important;justify-content:space-between!important;align-items:center!important;width:100%!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-task-head h3 {margin:0!important;}
  body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-heading, body#ordrel-r163.jem33-r13.jem33-r12 main#main.r13-staff-main.r12-surface-root[data-r12-surface] .r13-staff-heading > * {max-width:none!important;}
}
}