/* Employee overview: a received-material summary and a single, shared stack. */
@media screen {
  html[data-theme] #content .employee-composition .employee-period-disclosure {
    min-width:0;margin:16px var(--employee-content-gutter) 18px;border:1px solid var(--erp-line);border-radius:24px;background:var(--erp-mesh-quiet);
  }
  html[data-theme] #content .employee-composition .employee-period-disclosure>summary {
    display:flex;align-items:center;gap:12px;min-height:66px;padding:12px 20px;list-style:none;cursor:pointer;
  }
  html[data-theme] #content .employee-composition :is(.employee-period-disclosure,.employee-stack-card)>summary::-webkit-details-marker {display:none}
  html[data-theme] #content .employee-composition :is(.employee-period-disclosure,.employee-stack-card)>summary::marker {content:""}
  html[data-theme] #content .employee-composition .employee-period-disclosure>summary>svg {width:20px;height:20px;flex:none;color:var(--erp-muted)}
  html[data-theme] #content .employee-composition .employee-period-disclosure>summary>span:first-of-type {display:grid;gap:2px;min-width:0}
  html[data-theme] #content .employee-composition .employee-period-disclosure>summary small {font-size:13px;line-height:1.4;color:var(--erp-muted)}
  html[data-theme] #content .employee-composition .employee-period-disclosure>summary strong {font-size:15px;line-height:1.4;font-weight:400;overflow-wrap:anywhere}
  html[data-theme] #content .employee-composition .employee-period-change {margin-left:auto;font-size:14px;color:var(--erp-muted)}
  html[data-theme] #content .employee-composition .employee-period-disclosure[open]>summary>svg:last-child {transform:rotate(180deg)}
  html[data-theme] #content .employee-composition .employee-period-disclosure .doctor-profile-period {
    margin:0;padding:8px 20px 20px;border:0;border-radius:0;background:transparent;
  }
  html[data-theme] #content .employee-composition .employee-overview-layout {
    display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.3fr);align-items:start;gap:20px;
  }
  html[data-theme] #content .employee-composition .employee-overview-layout[hidden] {display:none}
  html[data-theme] #content .employee-composition .employee-received-summary {
    --summary-ink:var(--erp-summary-ink);--summary-muted:var(--erp-summary-muted);
    min-width:0;padding:24px;border:1px solid var(--erp-summary-line);border-radius:32px;
    background:var(--erp-summary-mesh);
    color:var(--summary-ink);box-shadow:0 8px 30px #00000006;
  }
  html[data-theme] #content .employee-composition .employee-received-summary>header {display:flex;align-items:center;justify-content:space-between;gap:14px}
  html[data-theme] #content .employee-composition .employee-received-summary>header>div {min-width:0}
  html[data-theme] #content .employee-composition .employee-summary-icon {display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--erp-summary-line);border-radius:50%;background:var(--erp-summary-soft)}
  html[data-theme] #content .employee-composition .employee-summary-icon svg {width:23px;height:23px}
  html[data-theme] #content .employee-composition .employee-received-summary h2 {margin:0;color:var(--summary-ink);font-size:24px;font-weight:400;line-height:1.15;letter-spacing:-.65px}
  html[data-theme] #content .employee-composition .employee-summary-scope {margin:6px 0 0;color:var(--summary-muted);font-size:13px;line-height:1.4;overflow-wrap:anywhere}
  html[data-theme] #content .employee-composition .employee-received-summary .doctor-profile-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:18px 0 0}
  html[data-theme] #content .employee-composition .employee-received-summary .doctor-profile-stat {
    display:flex;flex-direction:column;align-items:flex-start;min-height:0;min-width:0;gap:6px;margin:0;padding:0 12px;border:0;border-radius:0;background:transparent;text-align:left;color:var(--summary-ink);box-shadow:none;
  }
  html[data-theme] #content .employee-composition .employee-received-summary .doctor-profile-stat :is(.doctor-profile-stat-icon,small:empty) {display:none}
  html[data-theme] #content .employee-composition .employee-received-summary .doctor-profile-stat-label {max-width:none;font-size:13px;line-height:1.4;color:var(--summary-muted)}
  html[data-theme] #content .employee-composition .employee-received-summary .doctor-profile-stat>strong {font-size:28px;line-height:1.1;letter-spacing:-.6px;font-weight:400;color:var(--summary-ink)}
  html[data-theme] #content .employee-composition .employee-received-summary .employee-summary-count {padding-top:12px;border-top:1px solid var(--erp-summary-line)}
  html[data-theme] #content .employee-composition .employee-received-summary .employee-summary-count:nth-child(1) {padding-left:0}
  html[data-theme] #content .employee-composition .employee-received-summary .employee-summary-count:nth-child(4) {padding-right:0}
  html[data-theme] #content .employee-composition .employee-received-summary .employee-summary-count>strong {order:-1}
  html[data-theme] #content .employee-composition .employee-received-summary .employee-summary-amount {grid-column:1/-1;grid-row:1;gap:4px;padding:0 0 18px}
  html[data-theme] #content .employee-composition .employee-received-summary .employee-summary-amount>.doctor-profile-stat-label {display:none}
  html[data-theme] #content .employee-composition .employee-received-summary .employee-summary-amount>strong {font-size:56px;line-height:1.06;letter-spacing:-2.2px;overflow-wrap:anywhere}
  html[data-theme] #content .employee-composition .employee-received-summary .employee-summary-amount>small {color:var(--summary-muted);font-size:13px;line-height:1.4}
  html[data-theme] #content .employee-composition .employee-received-summary .doctor-profile-price-notice {display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--summary-ink);font-size:13px;line-height:1.4}
  html[data-theme] #content .employee-composition .employee-received-summary .doctor-profile-price-notice svg {width:18px;height:18px;flex:none;margin-top:2px}
  html[data-theme] #content .employee-composition .employee-received-summary .doctor-profile-price-notice.is-complete {color:var(--summary-muted)}
  html[data-theme] #content .employee-composition .employee-overview-stack {min-width:0;isolation:isolate;padding-bottom:2px}
  html[data-theme] #content .employee-composition .employee-stack-card {position:relative;min-width:0;margin:0;padding:0 0 18px;border:1px solid var(--erp-line);border-radius:30px;background:var(--erp-stack-closed);color:var(--erp-ink)}
  html[data-theme] #content .employee-composition .employee-stack-card[open] {background:var(--erp-stack-open);border-color:var(--erp-stack-open-line)}
  html[data-theme] #content .employee-composition .employee-stack-card+.employee-stack-card {margin-top:-18px}
  html[data-theme] #content .employee-composition .employee-stack-card:last-child {padding-bottom:0}
  html[data-theme] #content .employee-composition .employee-stack-card>summary {display:flex;align-items:center;gap:12px;min-height:80px;padding:16px 20px;list-style:none;cursor:pointer;user-select:none}
  html[data-theme] #content .employee-composition .employee-stack-icon {display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--erp-line);border-radius:50%;background:color-mix(in srgb,var(--erp-surface) 48%,transparent);color:var(--erp-accent-ink)}
  html[data-theme] #content .employee-composition .employee-stack-icon svg {width:20px;height:20px}
  html[data-theme] #content .employee-composition .employee-stack-label {display:grid;gap:6px;flex:1;min-width:0}
  html[data-theme] #content .employee-composition .employee-stack-label>strong {font-size:22px;font-weight:400;line-height:1.15;letter-spacing:-.6px;overflow-wrap:anywhere}
  html[data-theme] #content .employee-composition .employee-stack-label>small {font-size:13px;line-height:1.45;color:var(--erp-muted);overflow-wrap:anywhere}
  html[data-theme] #content .employee-composition .employee-stack-chevron {display:grid;place-items:center;flex:none;width:24px;height:24px;color:var(--erp-muted)}
  html[data-theme] #content .employee-composition .employee-stack-chevron svg {width:18px;height:18px;transition:transform .2s ease}
  html[data-theme] #content .employee-composition .employee-stack-card[open]>summary .employee-stack-chevron svg {transform:rotate(180deg)}
  html[data-theme] #content .employee-composition .employee-stack-card>summary:hover .employee-stack-label>strong {color:var(--erp-accent-ink)}
  html[data-theme] #content .employee-composition .employee-stack-body {min-width:0;padding:0 20px 22px}
  html[data-theme] #content .employee-composition .employee-stack-card[open]>.employee-stack-body {animation:employee-section-reveal .22s ease-out both}
  html[data-theme] #content .employee-composition .employee-shared-content {min-width:0}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-profile-section-heading {gap:12px;margin:0 0 12px}
  html[data-theme] #content .employee-composition .employee-stack-body [data-employee-shared="chart"]>.doctor-profile-section-heading>div:first-child,
  html[data-theme] #content .employee-composition .employee-stack-body [data-employee-shared="activity"]>.doctor-profile-section-heading,
  html[data-theme] #content .employee-composition .employee-stack-body [data-employee-shared="history"]>.doctor-profile-section-heading h2,
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-overview .doctor-profile-eyebrow,
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-overview h2 {display:none}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-profile-section-heading p {font-size:13px}
  html[data-theme] #content .employee-composition .doctor-profile-chart-metrics {padding:3px;background:var(--erp-soft)}
  html[data-theme] #content .employee-composition .doctor-profile-chart-metrics button {padding:8px 12px;font-size:13px;font-weight:400}
  html[data-theme] #content .employee-composition .doctor-profile-chart-metrics [aria-pressed="true"] {background:var(--erp-surface);color:var(--erp-ink);box-shadow:none}
  html[data-theme] #content .employee-composition .employee-chart-readout {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;min-width:0}
  html[data-theme] #content .employee-composition .employee-chart-status {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  html[data-theme] #content .employee-composition .employee-chart-readout-open {position:relative;display:grid;gap:3px;min-width:0;max-width:calc(100% - 108px);min-height:70px;padding:0 24px 0 0;border:0;border-radius:12px;background:transparent;color:var(--erp-ink);text-align:left;font:inherit;cursor:pointer}
  html[data-theme] #content .employee-composition .employee-chart-readout-open>span {font-size:13px;line-height:1.4;color:var(--erp-muted);text-transform:capitalize}
  html[data-theme] #content .employee-composition .employee-chart-readout-open>strong {font-size:32px;line-height:1.1;font-weight:400;letter-spacing:-.8px;overflow-wrap:anywhere}
  html[data-theme] #content .employee-composition .employee-chart-readout-open>small {font-size:13px;line-height:1.4;color:var(--erp-muted);overflow-wrap:anywhere}
  html[data-theme] #content .employee-composition .employee-chart-readout-open>svg {position:absolute;right:0;top:50%;width:17px;height:17px;color:var(--erp-muted);transform:translateY(-50%) rotate(-45deg)}
  html[data-theme] #content .employee-composition .employee-chart-navigation {display:flex;gap:6px;flex:none}
  html[data-theme] #content .employee-composition .employee-chart-navigation>button {display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--erp-line);border-radius:50%;background:transparent;color:var(--erp-ink);cursor:pointer}
  html[data-theme] #content .employee-composition .employee-chart-navigation>button:disabled {opacity:.35;cursor:default}
  html[data-theme] #content .employee-composition .employee-chart-navigation svg {width:18px;height:18px}
  html[data-theme] #content .employee-composition .doctor-profile-chart-scroll {width:100%;max-width:100%;min-width:0;padding:4px 0 0;overflow:visible}
  html[data-theme] #content .employee-composition .doctor-profile-chart,
  html[data-theme] #content .employee-composition .doctor-profile-chart.employee-month-chart {display:grid;gap:2px;width:100%;min-width:0;max-width:100%;grid-template-columns:repeat(var(--doctor-day-count,7),minmax(0,1fr));padding:0;border-bottom:1px solid var(--erp-line);background:linear-gradient(to top,transparent calc(50% - .5px),color-mix(in srgb,var(--erp-line) 50%,transparent) 50%,transparent calc(50% + .5px))}
  html[data-theme] #content .employee-composition .doctor-profile-day {display:flex;min-width:0;width:100%;padding:0;border:0;border-radius:5px;background:transparent;text-decoration:none;touch-action:manipulation}
  html[data-theme] #content .employee-composition .doctor-profile-bar-area {height:150px;min-width:0;padding-top:5px;background:transparent}
  html[data-theme] #content .employee-composition .doctor-profile-bar {width:min(100%,12px);max-width:12px;min-height:3px;border-radius:999px;background:linear-gradient(to top,var(--erp-chart-mint),var(--erp-chart-lilac));opacity:.65;transition:height .22s ease,opacity .18s ease}
  html[data-theme] #content .employee-composition .doctor-profile-day.is-zero .doctor-profile-bar {background:var(--erp-line)}
  html[data-theme] #content .employee-composition .doctor-profile-day.is-selected {background:var(--erp-plot-selection);border-radius:8px 8px 0 0}
  html[data-theme] #content .employee-composition .doctor-profile-day.is-selected .doctor-profile-bar {opacity:1}
  html[data-theme] #content .employee-composition .doctor-profile-day:focus-visible {outline:2px solid var(--erp-focus);outline-offset:1px}
  html[data-theme] #content .employee-composition[data-chart-metric="cost"] .doctor-profile-day[data-doctor-cost-state="unknown"] .doctor-profile-bar {height:8px;min-height:8px;width:min(100%,8px);border:1px solid var(--erp-muted);border-radius:50%;background:transparent}
  html[data-theme] #content .employee-composition .doctor-profile-day time {display:none}
  html[data-theme] #content .employee-composition .employee-chart-axis {position:relative;height:25px;margin:9px 0 0;font-size:12px;line-height:1.4;color:var(--erp-muted)}
  html[data-theme] #content .employee-composition .employee-chart-axis>span {position:absolute;left:var(--employee-tick-position);white-space:nowrap;transform:translateX(-50%)}
  html[data-theme] #content .employee-composition .employee-chart-axis>span:first-child {transform:none}
  html[data-theme] #content .employee-composition .employee-chart-axis>span:last-child {transform:translateX(-100%)}
  html[data-theme] #content .employee-composition .employee-chart-axis>span:only-child {transform:translateX(-50%)}
  html[data-theme] #content .employee-composition .doctor-profile-chart-caption {margin-top:0;min-height:0;font-size:13px;line-height:1.4}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-profile-empty {min-height:160px;padding:18px 0}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-profile-empty>p {font-size:14px}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-overview {margin:0 0 20px;padding:0 0 20px;border:0;border-bottom:1px solid var(--erp-line);border-radius:0;background:transparent}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-summary {grid-template-columns:1fr;gap:18px}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-total {display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 16px}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-total>strong {grid-column:2;grid-row:1/3;font-size:40px;font-weight:400}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-total>span {grid-column:1;grid-row:1;font-size:15px;font-weight:400}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-total>small {grid-column:1;grid-row:2;font-size:13px}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-metric {display:flex;flex-direction:row;align-items:center;gap:12px;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid var(--erp-line);border-radius:0;background:transparent}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-metric>span {font-size:13px;line-height:1.4}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-metric>strong {font-size:22px;font-weight:400}
  html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-open {font-size:13px}
  html[data-theme] #content .employee-composition .employee-overview-connections .dossier-connection-map {display:block;padding:0;background:transparent}
  html[data-theme] #content .employee-composition .employee-overview-connections .dossier-connection-central {display:none}
  html[data-theme] #content .employee-composition .employee-overview-connections .dossier-connection-targets {gap:10px;padding:0;border:0}
  html[data-theme] #content .employee-composition .employee-overview-connections .dossier-connection-targets::before,
  html[data-theme] #content .employee-composition .employee-overview-connections .dossier-connection-target::before {display:none}
  html[data-theme] #content .employee-composition .employee-overview-connections .dossier-connection-target {min-height:76px;padding:12px;border-radius:20px;background:var(--erp-soft)}
  html[data-theme] #content .employee-composition :is(.employee-stack-card,.employee-period-disclosure)>summary:focus-visible {outline:2px solid var(--erp-focus);outline-offset:-4px;border-radius:26px}

  @container employee-dossier (max-width:960px) {
    html[data-theme] #content .employee-composition .employee-overview-layout {grid-template-columns:minmax(0,1fr)}
    html[data-theme] #content .employee-composition .employee-received-summary {padding:24px}
    html[data-theme] #content .employee-composition .employee-received-summary .employee-summary-amount>strong {font-size:56px}
  }
  @container employee-dossier (max-width:520px) {
    html[data-theme] #content .employee-composition .employee-period-disclosure>summary {min-height:62px;padding:10px 14px;gap:10px}
    html[data-theme] #content .employee-composition .employee-period-change {display:none}
    html[data-theme] #content .employee-composition .employee-period-disclosure>summary>svg:last-child {margin-left:auto}
    html[data-theme] #content .employee-composition .employee-period-disclosure .doctor-profile-period {padding:6px 14px 16px}
    html[data-theme] #content .employee-composition .employee-received-summary {padding:16px;border-radius:28px}
    html[data-theme] #content .employee-composition .employee-received-summary h2 {font-size:24px}
    html[data-theme] #content .employee-composition .employee-summary-icon {width:36px;height:36px}
    html[data-theme] #content .employee-composition .employee-summary-icon svg {width:20px;height:20px}
    html[data-theme] #content .employee-composition .employee-summary-scope {margin-top:4px}
    html[data-theme] #content .employee-composition .employee-received-summary .doctor-profile-stats {margin-top:12px}
    html[data-theme] #content .employee-composition .employee-received-summary .employee-summary-amount {padding-bottom:10px}
    html[data-theme] #content .employee-composition .employee-received-summary .doctor-profile-stat {padding-inline:7px}
    html[data-theme] #content .employee-composition .employee-received-summary .doctor-profile-stat>strong {font-size:22px}
    html[data-theme] #content .employee-composition .employee-received-summary .employee-summary-count {padding-top:10px;gap:3px}
    html[data-theme] #content .employee-composition .employee-received-summary .employee-summary-amount>strong {font-size:40px;letter-spacing:-1.5px}
    html[data-theme] #content .employee-composition .employee-received-summary .doctor-profile-price-notice {margin-top:10px}
    html[data-theme] #content .employee-composition .employee-stack-card {border-radius:28px}
    html[data-theme] #content .employee-composition .employee-stack-card>summary {min-height:76px;gap:10px;padding:14px 16px}
    html[data-theme] #content .employee-composition .employee-stack-label>strong {font-size:20px;letter-spacing:-.4px}
    html[data-theme] #content .employee-composition .employee-stack-icon {width:34px;height:34px}
    html[data-theme] #content .employee-composition .employee-stack-body {padding:0 16px 22px}
    html[data-theme] #content .employee-composition .employee-chart-readout-open>strong {font-size:28px}
    html[data-theme] #content .employee-composition .doctor-profile-bar-area {height:130px}
    html[data-theme] #content .employee-composition .employee-stack-body .doctor-actor-metrics {grid-template-columns:1fr}
  }
  @keyframes employee-section-reveal {from {opacity:0;transform:translateY(-3px)} to {opacity:1;transform:translateY(0)}}
  @media (prefers-reduced-motion:reduce) {
    html[data-theme] #content .employee-composition :is(.employee-stack-chevron svg,.doctor-profile-bar) {transition:none}
    html[data-theme] #content .employee-composition .employee-stack-card[open]>.employee-stack-body {animation:none}
  }
}