.manager-dashboard { display: grid; gap: 1.5rem; }
.manager-hero { display: flex; justify-content: space-between; gap: 2rem; align-items: end; padding: 2rem; border-radius: 24px; background: linear-gradient(135deg, #172f35, #23535b); color: #fff; }
.manager-hero h1 { margin: .25rem 0; }
.manager-hero p { margin: 0; color: #d9edf0; }
.manager-hero form { min-width: min(100%, 25rem); }
.manager-hero label { display: block; font-weight: 700; margin-bottom: .4rem; }
.manager-hero form div { display: flex; gap: .5rem; }
.manager-hero input { width: 100%; min-height: 44px; border: 0; border-radius: 12px; padding: .7rem 1rem; }
.manager-workspace-nav { display: flex; gap: .4rem; overflow: auto; padding: .35rem; background: #eef5f4; border-radius: 14px; }
.manager-workspace-nav a { white-space: nowrap; padding: .65rem 1rem; border-radius: 10px; color: #24434a; text-decoration: none; font-weight: 700; }
.manager-workspace-nav a:hover, .manager-workspace-nav a:focus-visible, .manager-workspace-nav a[aria-current=page] { background: #fff; box-shadow: 0 3px 12px #17383f18; }
.manager-scope-switch { display: flex; align-items: center; gap: .3rem; width: max-content; max-width: 100%; padding: .3rem; border: 1px solid #dce9e7; border-radius: 999px; background: #fff; }
.manager-scope-switch a { padding: .55rem 1rem; border-radius: 999px; color: #31585e; text-decoration: none; font-weight: 700; }
.manager-scope-switch a.active { background: #23535b; color: #fff; }
.manager-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-bottom: .85rem; }
.manager-section-heading h2 { font-size: 1.25rem; margin: .15rem 0 0; }
.manager-section-heading > a { font-weight: 700; }
.manager-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .8rem; }
.manager-kpis > a { color: inherit; text-decoration: none; border-radius: 18px; }
.manager-kpis article, .manager-panel, .manager-empty { border: 1px solid #dce9e7; background: #fff; border-radius: 18px; }
.manager-kpis article { height: 100%; padding: 1.1rem; transition: transform .15s ease, box-shadow .15s ease; }
.manager-kpis > a:hover article { transform: translateY(-2px); box-shadow: 0 8px 22px #17383f16; }
.manager-kpis span, .manager-kpis small { display: block; }
.manager-kpis strong { display: block; font-size: 2rem; color: #1f5960; }
.manager-kpis small, .manager-panel small { color: #667b7f; }
.manager-attention { padding: 1.25rem; border-radius: 20px; background: #fff8ed; border: 1px solid #f4ddbd; }
.manager-attention-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.manager-attention-grid a { display: grid; grid-template-columns: 1fr auto; gap: .25rem; padding: 1rem; border-radius: 14px; background: #fff; color: inherit; text-decoration: none; border-left: 4px solid #d88933; }
.manager-attention-grid a > span, .manager-attention-grid a > small { grid-column: 1; }
.manager-attention-grid a > b { grid-column: 2; grid-row: 1/4; align-self: center; }
.manager-attention-grid .severity-urgent { border-left-color: #b94343; }
.manager-columns { display: grid; grid-template-columns: minmax(0, 2fr) minmax(17rem, 1fr); gap: 1rem; }
.manager-panel { padding: 1.2rem; min-width: 0; }
.manager-table-wrap { overflow: auto; }
.manager-panel table { width: 100%; border-collapse: collapse; min-width: 680px; }
.manager-panel th, .manager-panel td { text-align: left; padding: .7rem; border-bottom: 1px solid #e7efee; vertical-align: top; }
.manager-panel td small { display: block; }
.manager-status { display: inline-block; border-radius: 999px; padding: .2rem .55rem; background: #e8f3f1; font-weight: 700; }
.manager-availability { display: grid; gap: .5rem; margin: 0; }
.manager-availability div { display: flex; justify-content: space-between; padding: .7rem; border-radius: 10px; background: #f3f8f7; }
.manager-availability dd { margin: 0; font-size: 1.2rem; font-weight: 800; }
.manager-note { margin: .8rem 0 0; color: #667b7f; }
.manager-list { display: grid; }
.manager-list > a, .manager-list.static > div { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid #e5eeec; color: inherit; text-decoration: none; }
.manager-list span, .manager-list small { display: block; }
.manager-list > a:last-child, .manager-list.static > div:last-child { border: 0; }
.manager-empty { padding: 1.25rem; color: #536a6e; }
.manager-empty p { margin: .25rem 0 0; }
.manager-empty.compact { padding: 1rem; }
.manager-people { display: grid; gap: .3rem; }
.manager-people article { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding: .8rem; border-bottom: 1px solid #e6efed; }
.manager-people article > div > * { display: block; }
.manager-people a { min-height: 40px; display: flex; align-items: center; font-weight: 700; }
.manager-hierarchy { display: grid; gap: .45rem; }
.manager-hierarchy article { display: flex; align-items: flex-start; gap: .75rem; margin-left: calc((var(--hierarchy-depth) - 1) * 1.5rem); padding: .75rem; border: 1px solid #e1ecea; border-radius: 12px; background: #f8fbfa; }
.manager-hierarchy article i { flex: 0 0 11px; width: 11px; height: 11px; margin-top: .35rem; border-radius: 50%; background: #df754b; box-shadow: 0 0 0 4px #fbe9e2; }
.manager-hierarchy article strong, .manager-hierarchy article small { display: block; }
.manager-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; }
.manager-actions a { padding: 1rem; border-radius: 12px; background: #eef6f4; color: #1e4b52; text-decoration: none; }
.manager-actions strong, .manager-actions small { display: block; }
.manager-dashboard a:focus-visible, .manager-dashboard button:focus-visible, .manager-dashboard input:focus-visible { outline: 3px solid #f0a24f; outline-offset: 2px; }
@media (max-width: 1100px) {
    .manager-kpis { grid-template-columns: repeat(3, 1fr); }
    .manager-attention-grid { grid-template-columns: repeat(2, 1fr); }
    .manager-actions { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
    .manager-hero, .manager-section-heading { align-items: stretch; flex-direction: column; }
    .manager-hero form { min-width: 0; }
    .manager-kpis, .manager-attention-grid, .manager-columns, .manager-actions { grid-template-columns: 1fr; }
    .manager-people article { grid-template-columns: 1fr; }
    .manager-list > a, .manager-list.static > div { align-items: flex-start; flex-direction: column; }
    .manager-hierarchy article { margin-left: calc((min(var(--hierarchy-depth), 3) - 1) * .8rem); }
    .manager-dashboard { gap: 1rem; }
    .manager-hero { padding: 1.3rem; }
}