/* Palette: DPSG Corporate Design, pp. 10–14 (dpsg.de, October 2017 guide).
   Background tints are UI adaptations; the main blue is exactly #003056. */
:root{--dpsg-blue:#003056;--dpsg-red:#810a1a;--dpsg-beige:#ecdfcb;--dpsg-cyan:#009fe3;--forest:var(--dpsg-blue);--green:var(--dpsg-blue);--lime:var(--dpsg-beige);--ink:#183044;--muted:#566b7c;--line:#d8e1e9;--paper:#f3f6f9;--orange:var(--dpsg-red)}
body{font-family:Calibri,"Segoe UI",Arial,sans-serif;font-size:17px}
.sidebar{background:#003056}.brand-mark{background:#fff;color:#003056;border-bottom:4px solid #810a1a;border-radius:8px}.brand small{color:#cbdde9}.brand strong{letter-spacing:.1px}.nav-label{color:#b9cbd9}.nav button{color:#e0e9f0}.nav button.active{background:#ecdfcb;color:#003056;box-shadow:inset 4px 0 #810a1a}.sidebar-bottom{color:#d4e0e9;border-color:#ffffff30}.topbar{border-bottom:3px solid #810a1a}.primary{background:#003056}.primary:hover{background:#144b73}.secondary:hover{background:#edf3f8}.next{background:#003056;border-top:4px solid #810a1a}.next .eyebrow{color:#ecdfcb}.next .meta,.next .date-tag{color:#dce7ef}.next .btn{background:#ecdfcb;color:#003056}.stat-top svg{background:#edf3f8;color:#003056}.stat{border-top:3px solid #003056}.camp-card:hover{border-color:#60809b}.meta svg{color:#58778f}.tag{background:#edf2f7;color:#003056;border-left:3px solid #003056}.tag.Wölflinge{background:#fff1e6;color:#783500;border-left-color:#ff6400}.tag.Juffis{background:#eaf0fc;color:#2f53a7;border-left-color:#2f53a7}.tag.Pfadis{background:#e8f5ed;color:#00672f;border-left-color:#00823c}.tag.Rover{background:#fdecee;color:#a51d2d;border-left-color:#cc1f2f}.badge{background:#eaf0f6;color:#003056}.badge.Planung{background:#edf3f8;color:#355b79}.badge.Abgeschlossen{background:#e8edf2;color:#475d70}.badge.Abgesagt{background:#f7e8ea;color:#810a1a}.card-bottom button,td button,.link-button{background:#edf3f8;color:#003056}.empty{border-color:#9aafc0}.empty .icon-box{background:#edf3f8;color:#003056}.checks{border-top:3px solid #810a1a}.check-row{border-color:#e7edf2}.notice,.conflict{background:#f5efe5;border-color:#d4c3a8;color:#654d2a}.form-info{background:#f5efe5;color:#4e4a41}.close{background:#edf3f8;color:#003056}.form-footer{background:#f5f8fa}.stage-options label:has(input:checked){background:#edf3f8;border-color:#003056}.stage-options input{accent-color:#003056}.stage-options label:has(input[value="Wölflinge"]:checked){border-bottom:3px solid #ff6400}.stage-options label:has(input[value="Juffis"]:checked){border-bottom:3px solid #2f53a7}.stage-options label:has(input[value="Pfadis"]:checked){border-bottom:3px solid #00823c}.stage-options label:has(input[value="Rover"]:checked){border-bottom:3px solid #cc1f2f}input,select,textarea{border-color:#bfcfdb}.danger,.form-error,.negative,.module-kpi.negative strong{color:#810a1a}.danger{background:#f7e8ea}.module-kpi{border-top:3px solid #003056}.module-tabs button.active{border-color:#003056;background:#003056;box-shadow:inset 0 -3px #810a1a}.summary-strip,th{background:#edf3f8}.module-message{color:#810a1a}.module-panel{border-color:#d8e1e9}.table-wrap td{border-color:#e5ecf1}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #009fe3;outline-offset:3px}dialog::backdrop{background:#00305688}.toast{background:#003056}.module-panel h2,h1,h2,h3{color:#003056}.next h2{color:white}

/* Stage selection: tinted backgrounds; selected stages have a clear border. */
.stage-options label:has(input[value="Wölflinge"]){background:#fff1e6;border-color:#ff6400;color:#783500}
.stage-options label:has(input[value="Juffis"]){background:#eaf0fc;border-color:#2f53a7;color:#253f7d}
.stage-options label:has(input[value="Pfadis"]){background:#e8f5ed;border-color:#00823c;color:#005e2b}
.stage-options label:has(input[value="Rover"]){background:#fdecee;border-color:#cc1f2f;color:#971827}
.stage-options label:has(input[value="Leitung"]){background:#e5e5e5;border-color:#777;color:#333}
.stage-options label:has(input[name="stages"]:checked){box-shadow:inset 0 0 0 1px currentColor;font-weight:700}
.tag.Leitung{background:#e5e5e5;color:#333;border-left-color:#777}
.planning-result{padding:16px;margin:16px 0;background:#ecdfcb;border-radius:8px;font-weight:700;font-size:20px}
[data-planning-form] .module-actions{margin-top:18px}

/* A single scroll surface keeps all navigation entries reachable. */
.sidebar .brand-mark{background:transparent;border:0;width:48px;height:48px;flex-shrink:0;border-radius:12px}
@media(min-width:761px){
 .sidebar{height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#8ba7ba #003056;scrollbar-gutter:stable}
 .sidebar>.brand,.sidebar>.nav,.sidebar>.nav-label,.sidebar>.sidebar-bottom{flex-shrink:0}
 .sidebar .nav{overflow:visible}
 .sidebar-bottom{margin-top:24px}
 .sidebar .nav button{scroll-margin-block:20px}
}
@media(max-width:760px){
 .sidebar .nav{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8ba7ba #003056;padding-bottom:8px}
 .sidebar .nav button{flex:0 0 auto;white-space:nowrap}
}

.member-filters{padding:20px;background:#f3f6f9;border:1px solid #d8e1e9;border-radius:12px;margin-bottom:18px;display:grid;gap:18px}.member-filters .btn{justify-self:start}.member-filters small{display:block;margin-top:8px;color:var(--muted)}.member-stage-choice{background:#f3f6f9;border:1px solid #d8e1e9;border-radius:12px;padding:16px}.member-stage-choice legend{padding:0 6px}.stage-options label:has(input[type="radio"]:checked),.stage-options label:has(input[data-member-stage]:checked){box-shadow:inset 0 0 0 2px currentColor;font-weight:700}.stage-options label:has(input:focus-visible){outline:3px solid #009fe3;outline-offset:3px}#member-driving{border-top:1px solid #d8e1e9;padding-top:18px}#member-car{margin-top:14px;padding:16px;background:#f3f6f9;border-radius:10px}