/* Comand 0.9: clear white work surfaces, restrained identity and a usable planner. */
.app-page{--radius:12px;--ink:#192b3e;--muted:#536477;--line:#dfe6ed;font-size:14px}
.app-page h1{font-size:clamp(28px,2.7vw,40px);font-weight:600;letter-spacing:-1.15px}
.app-page h2{font-weight:600;font-size:21px;letter-spacing:-.45px}
.app-page h3{font-weight:600}
.app-page .page-heading{margin:4px 0 26px;align-items:flex-start}
.app-page .page-heading p.muted{line-height:1.65;max-width:720px}
.app-page .eyebrow{font-size:10px;letter-spacing:1.1px;margin-bottom:10px}
.app-page .sidebar{border-right-color:#e4eaf0}
.app-page .agency-brand{margin-bottom:30px}
.app-page .nav-link{border-radius:7px;color:#44596e;font-size:12px;min-height:40px;margin-bottom:4px}
.app-page .nav-link.active{background:#ecf7f3;color:#086655;box-shadow:inset 3px 0 0 #087565;font-weight:600}
.app-page .nav-link:hover{background:#f2f6f8}
.app-page .sidebar-client{color:#344d63;font-weight:600;font-size:11px}
.app-page .topbar{border-bottom-color:#e5ebf0}
.app-page .panel{border-color:#dfe6ed;border-radius:12px;padding:25px;margin-bottom:22px;box-shadow:0 2px 7px #1c344405}
.app-page button,.app-page .button{border-radius:8px;gap:12px;font-size:12px}
.app-page .button.small,.app-page button.small{border-radius:7px}
.app-page .text-button{border-radius:0}
.app-page input:not([type=range]):not([type=checkbox]):not([type=color]),.app-page select,.app-page textarea{border-radius:7px;border-color:#cbd7e1}
.app-page .filters{flex-wrap:wrap;border:1px solid #dfe6ed;background:#fafcfd;padding:17px;border-radius:10px;gap:14px}
.app-page .metric-grid{gap:14px;border:0;background:transparent;overflow:visible}
.app-page .metric{border:1px solid #dfe6ed;border-radius:10px;background:#fff;min-height:142px;padding:21px}
.app-page .metric>span{font-size:12px;font-weight:500;color:#475d71}
.app-page .metric strong{font-weight:600;letter-spacing:-.8px;margin:13px 0 9px}
.app-page .metric small{font-size:11px;line-height:1.55}
.app-page .overview-grid{gap:16px}
.app-page .overview-card{background:#fff;border:1px solid #dfe6ed;border-radius:11px;min-height:185px;padding:22px}
.app-page .overview-card-head{font-size:13px;line-height:1.5;color:#445b70}
.app-page .overview-card>strong,.app-page .overview-values>strong{font-weight:600;letter-spacing:-.9px}
.app-page .overview-card small{font-size:11px;line-height:1.65}
.app-page .badge{border-radius:5px;font-size:10px;font-family:var(--body);font-weight:600;line-height:1.45}
.app-page table{font-size:12px}
.app-page th{font-family:var(--body);font-size:11px;font-weight:600;color:#475e72;padding-top:14px;padding-bottom:14px}
.app-page td{line-height:1.65}
.app-page .cell-note{font-size:11px;line-height:1.6}
.app-page details.panel>summary{font-weight:600;cursor:pointer;color:#344f65;padding:2px 0;line-height:1.6}
.app-page details.panel[open]>summary{margin-bottom:22px}
.app-page .fine{font-size:11px;line-height:1.8}
.app-page .notice{border-radius:8px;line-height:1.75}
.plan-target-form{display:grid;grid-template-columns:minmax(260px,1.7fr) minmax(90px,.55fr) minmax(170px,1fr) auto;gap:18px;align-items:start;padding:24px;border:1px solid #cfdedc;border-top:3px solid #087565;border-radius:12px;margin-bottom:24px;background:#fff}
.plan-target-form label{font-size:12px;color:#344c61;font-weight:600}
.plan-target-form label>small{display:block;font-size:10px;font-weight:400;line-height:1.6;color:#607286;margin-top:8px}
.plan-target-form button{align-self:start;margin-top:24px;min-height:46px;white-space:nowrap}
.plan-money-input{display:flex;align-items:center;border:1px solid #cbd7e1;border-radius:7px;margin-top:7px;overflow:hidden}
.plan-money-input input{border:0!important;min-width:0;font-size:21px;font-weight:600;margin:0!important;border-radius:0!important;font-variant-numeric:tabular-nums}
.plan-money-input:focus-within{outline:2px solid #087565;outline-offset:3px}
.plan-money-input input:focus-visible{outline:0}
.plan-money-input>span{font:12px var(--mono);color:#536477;padding:0 14px 0 7px}
.planner-empty h2{margin-top:16px}
.planner-empty p{max-width:850px;line-height:1.8}
.planner-empty ul,.planner-basis ul,.planning-warnings-panel ul{padding-left:19px;font-size:12px;line-height:1.8;color:#536477}
.planner-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}
.plan-stat{border:1px solid #dfe6ed;border-radius:11px;min-width:0;padding:21px;background:#fff;display:flex;flex-direction:column;gap:11px}
.plan-stat>span{font-size:12px;font-weight:600;color:#435b70;line-height:1.6}
.plan-stat>strong{font:600 clamp(22px,2.1vw,32px)/1.25 var(--display);letter-spacing:-.8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.plan-stat>small{font-size:10px;color:#607286;line-height:1.8;margin-top:auto}
.plan-stat-primary{border-color:#99c8b7;background:#f8fcfa}
.plan-stat-primary>strong{color:#086655}
.planner-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:22px;align-items:start}
.plan-simulator .section-heading{align-items:flex-start;margin-bottom:12px}
.plan-simulator>p.muted{font-size:12px;line-height:1.8;max-width:620px}
.plan-budget-input{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:23px 0 16px}
.plan-budget-input label{min-width:180px;max-width:270px;flex:1;font-size:12px}
.plan-budget-input input{font-size:24px;font-weight:600;min-height:53px;font-variant-numeric:tabular-nums;letter-spacing:-.6px}
.plan-budget-input button{min-height:38px;margin-bottom:7px;white-space:nowrap}
.app-page input.plan-slider{display:block;width:100%;padding:0;min-height:32px;border:0;cursor:pointer;accent-color:#087565;appearance:none;-webkit-appearance:none;background:transparent;margin:12px 0 5px}
.plan-slider::-webkit-slider-runnable-track{height:7px;background:#d5e6de;border-radius:8px}
.plan-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:3px solid #fff;border-radius:50%;background:#087565;box-shadow:0 0 0 1px #087565;margin-top:-6.5px}
.plan-slider::-moz-range-track{height:7px;background:#d5e6de;border-radius:8px}
.plan-slider::-moz-range-thumb{width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#087565;box-shadow:0 0 0 1px #087565}
.plan-slider::-moz-range-progress{height:7px;background:#087565;border-radius:8px}
.plan-slider-labels{display:flex;justify-content:space-between;gap:12px;color:#607286;font:10px/1.6 var(--mono)}
.plan-scenario-presets{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.plan-scenario-presets button{font-size:10px}
.plan-live-metrics{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:14px;border-top:1px solid #e3eaf0;border-bottom:1px solid #e3eaf0;padding:21px 0;margin:23px 0 19px}
.plan-live-metrics article{display:grid;gap:9px;align-content:start;min-width:0}
.plan-live-metrics article>span,.plan-allocation article>span{font-size:11px;color:#536b80;font-weight:500}
.plan-live-metrics article>strong{font:600 clamp(20px,1.85vw,28px)/1.35 var(--display);letter-spacing:-.6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.plan-live-metrics article>small{font-size:10px;line-height:1.8;color:#607286}
.plan-allocation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.plan-allocation article{background:#f8fafc;border:1px solid #e3eaf0;border-radius:8px;padding:15px;display:grid;gap:8px;min-width:0}
.plan-allocation article>strong{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.planner-basis>h2{font-size:19px}
.planner-basis dl{margin:22px 0 8px;display:grid}
.planner-basis dl>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e3eaf0;font-size:12px}
.planner-basis dt{color:#536477}
.planner-basis dd{margin:0;font-weight:600;text-align:right;white-space:nowrap}
.planner-cap-warning{border:1px solid #e2c194;border-left:4px solid #9e6217;border-radius:8px;background:#fffaf2;padding:18px 21px;margin-bottom:22px;color:#67440f}
.planner-cap-warning strong{font-size:13px}
.planner-cap-warning p{font-size:12px;line-height:1.8;margin-top:8px;max-width:980px}
.plan-cap-status{font-size:11px;line-height:1.7;color:#446755;margin-top:15px}
.plan-cap-status.is-warning,.plan-input-error{color:#8d4815}
.plan-input-error{font-size:11px;margin-top:8px;line-height:1.7}
.planner-history-details .planning-platforms{margin-top:26px;gap:18px}
.planner-history-details .planning-platform{padding:20px;box-shadow:none}
.planner-history-amount{font:600 26px/1.3 var(--display);letter-spacing:-.6px;color:#344f65}
.planner-history-details .planning-history{margin-top:18px}
.planning-explanation p{font-size:12px;line-height:1.9;color:#536477}
.analytics-signals .analytics-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.analytics-signal-card{border:1px solid #e0e7ed;border-left:3px solid #7290a2;border-radius:9px;padding:18px;background:#fff;min-width:0}
.analytics-signal-card h3,.analytics-signal-card h4{font:600 14px/1.5 var(--body);margin:10px 0 8px;color:#253f54}
.analytics-signal-card p{font-size:12px;line-height:1.8;color:#536477}
.signal-severity{font-size:10px;font-weight:600;color:#4d6476;text-transform:uppercase;letter-spacing:.4px}
.analytics-signal-card.is-critical{border-left-color:#a93c43}.analytics-signal-card.is-critical .signal-severity{color:#9a3037}
.analytics-signal-card.is-warning{border-left-color:#a26e24}.analytics-signal-card.is-warning .signal-severity{color:#885814}
.analytics-signal-card.is-opportunity{border-left-color:#087565}.analytics-signal-card.is-opportunity .signal-severity{color:#086655}
@media(min-width:651px){.app-page .workspace main{padding-top:31px}.app-page .topbar{min-height:68px}}
@media(max-width:1350px){.plan-target-form{grid-template-columns:minmax(220px,1.4fr) minmax(85px,.5fr) minmax(160px,1fr)}.plan-target-form button{grid-column:1/-1;justify-self:start;margin-top:0}.planner-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-workspace{grid-template-columns:1fr}.planner-basis dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}}
@media(max-width:850px){.plan-target-form{grid-template-columns:minmax(0,1.5fr) minmax(85px,.7fr)}.plan-target-form label:nth-last-of-type(1){grid-column:1/-1;max-width:320px}.planner-basis dl{grid-template-columns:1fr}.plan-stat>strong{font-size:25px}}
@media(max-width:650px){.app-page .panel{padding:21px 17px}.app-page .sidebar .nav-link{font-size:11px;min-height:36px}.app-page .agency-brand{margin-bottom:0}.app-page .filters{padding:14px 12px}.app-page .metric{padding:18px;min-height:135px}.app-page .overview-card{padding:19px 17px;min-height:175px}.app-page h1{font-size:29px;letter-spacing:-.8px}.app-page h2{font-size:20px}.plan-target-form{padding:20px 16px;gap:17px 13px}.plan-target-main{grid-column:1/-1}.plan-target-form label:nth-last-of-type(1){grid-column:auto;max-width:none}.plan-target-form button{width:100%}.planner-kpis{gap:12px}.plan-stat{padding:17px 14px}.plan-stat>span{font-size:11px}.plan-stat>strong{font-size:24px}.planner-workspace{gap:0}.plan-budget-input{flex-wrap:wrap;gap:12px}.plan-budget-input label{max-width:none;flex-basis:100%}.plan-budget-input button{margin:0}.plan-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 15px}.plan-live-metrics article:nth-child(2){grid-column:1/-1;grid-row:1}.plan-live-metrics article:nth-child(2)>strong{font-size:29px}.plan-slider-labels{font-size:9px}.analytics-signals .analytics-signal-grid{grid-template-columns:1fr}.planner-history-details .section-heading{align-items:flex-start;flex-wrap:wrap}.planner-history-details .compact-form{flex-wrap:wrap}}
@media(max-width:390px){.planner-kpis{grid-template-columns:1fr}.plan-stat{gap:8px}.plan-allocation{gap:9px}.plan-allocation article{padding:12px}.plan-allocation article>strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.app-page *, .app-page *:before,.app-page *:after{scroll-behavior:auto;transition:none!important;animation:none!important}}