/* Shared shell intentionally follows the approved Phase 2 visual direction. Existing form layouts remain intact. */
:root{--ink:#112346;--muted:#6c7b93;--line:#e0e8f3;--paper:#f3f6fb;--accent:#2463df;--soft:#eaf1ff}
body{font-family:'Segoe UI',system-ui,sans-serif}.sidebar{width:212px;background:#192a40;border:0;padding:28px 16px;color:#c4d6ee}.brand{color:white;font-size:29px;letter-spacing:-1.7px;padding:0 8px}.brand-dot{color:#91b9f4}.workspace{color:#9eb6d6;font-size:9px;margin:34px 12px 21px}.workspace span{color:#7996bd}nav a{display:flex;align-items:center;gap:14px;color:#bdd1ee;font-weight:500;padding:13px 14px}nav a:hover{background:#223a58;text-decoration:none;color:white}nav a.selected{background:#2c4b73;color:white;box-shadow:inset 0 0 0 1px #385c86}.nav-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-foot{color:#9bb6db;padding:15px 12px}.sidebar-foot strong{color:#c3d9f6;font-size:13px;font-weight:500}.sidebar-foot small{font-size:11px;color:#8fa8c9}.app{margin-left:212px}.topbar{height:54px;padding:0 30px;font-size:12px}.topbar .badge{background:#f5f8ff;border-color:#e3eaf6;color:#526588}main{max-width:1900px;padding:26px 30px 40px}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:230px;top:-60px;z-index:200;background:white;padding:10px 20px}.skip-link:focus{top:12px}.planning-hero{background:#f1f5fd url('/images/planning-landscape.svg') right center/cover no-repeat;border:1px solid #e3eaf4;border-radius:12px;padding:28px 32px 25px;margin-bottom:22px;position:relative;overflow:hidden}.planning-hero .eyebrow{color:#6c83ac;font-size:11px;letter-spacing:1.6px}.planning-hero h1{font-size:clamp(27px,2.3vw,40px);letter-spacing:-1.5px;font-weight:700;max-width:1000px;margin:0 0 10px}.planning-hero .intro{color:#526b92;font-size:15px;font-weight:500}.hero-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;align-items:center}.future-action{font:600 12px 'Segoe UI',sans-serif;padding:9px 13px;border-radius:6px;border:1px solid #d9e3f3;background:#ffffffb8;color:#798ba5;cursor:not-allowed;box-shadow:none}.future-action:disabled{opacity:.8}.planning-hero .button{padding:9px 15px;font-size:12px}.overview-grid{display:grid;grid-template-columns:1fr 330px;gap:22px;margin-top:22px}.overview-projects table td{padding:15px 20px}.overview-projects table th{padding:13px 20px}.overview-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;background:white;border:1px solid var(--line);border-radius:10px;padding:25px 28px}.overview-entry p{margin:5px 0 0;color:var(--muted);max-width:740px}.overview-entry h2{font-size:23px}.project-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:#75a9ed}.compact-deadline{padding:15px 22px;border-top:1px solid #edf1f7}.compact-deadline p{margin:3px 0;font-size:12px}.diagnostics{max-width:none;margin-top:26px;color:var(--ink);font-size:13px}.diagnostics>summary{padding:16px 0;border-top:1px solid var(--line);font-weight:600}.diagnostics .panel{margin-top:8px}.diagnostics details{max-width:400px}.status-text{font-size:11px;color:#52708d}.status-text.late{color:#bf4351}.status-text.close{color:#9b671b}.metrics{padding:18px 0}.metrics strong{font-size:30px}.section-heading{padding:20px 24px}.button{background:var(--accent)}.button:hover{background:#1a4fb6}.button.secondary{background:white;color:var(--ink)}.button.secondary:hover{background:#edf3ff}.notice{background:#eef4ff;color:#315b9d;border-color:#d4e2fa}.avatar{background:#dceaff;color:#234b79}footer{margin:0 30px;padding:17px 0;color:#8894aa}.planning-caption{color:#7e8ba1;font-size:11px;margin:10px 0 0}@media(min-width:1700px){main{padding-inline:34px}.planning-hero{padding-top:32px;padding-bottom:28px}}@media(max-width:1100px){.sidebar{width:190px}.brand{font-size:25px}.app{margin-left:190px}main{padding:22px}.topbar{padding:0 22px}.overview-grid{grid-template-columns:1fr}.planning-hero{padding:24px}.hero-actions{justify-content:flex-start;flex-wrap:wrap}.section-heading{flex-direction:row;align-items:center}}@media(max-width:720px){.sidebar{position:static;width:auto;padding:15px 18px}.sidebar nav{display:flex;flex-wrap:wrap;margin-top:14px;gap:4px}.sidebar nav a{font-size:12px;padding:8px 9px;gap:7px}.sidebar .nav-icon{width:16px;height:16px}.app{margin:0}main{padding:16px}.topbar{padding:0 18px;height:44px}.planning-hero{padding:21px 18px}.planning-hero h1{font-size:29px;letter-spacing:-1px}.planning-hero .intro{font-size:13px}.hero-actions{gap:7px}.future-action{font-size:10px;padding:7px 8px}.overview-entry{align-items:flex-start;flex-direction:column;padding:22px}.section-heading{flex-wrap:wrap;gap:12px}footer{margin:0 18px}.skip-link{left:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.overview-grid > .panel:last-child{padding:20px}.overview-grid > .panel:last-child h2{font-size:18px;margin-top:0}