#page-owner-hub .oh-wrap{max-width:1180px;margin:0 auto;padding:28px 24px 44px}
#page-owner-hub .oh-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}
#page-owner-hub .oh-eyebrow{font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--accent);margin-bottom:8px}
#page-owner-hub h1{font-size:var(--text-title-1);letter-spacing:var(--tracking-title-1);line-height:var(--lh-title-1);margin:0 0 10px}
#page-owner-hub p{color:var(--label-secondary);font-size:var(--text-body);line-height:1.65;margin:0}
#page-owner-hub .oh-private{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap;font-size:var(--text-footnote);color:var(--label-secondary);border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:7px 11px;background:var(--bg-elevated)}
#page-owner-hub .oh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}
#page-owner-hub .oh-card{padding:23px;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0;border-radius:var(--radius-card)}
#page-owner-hub .oh-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-control);background:var(--accent-tint);color:var(--accent)}
#page-owner-hub h2{font-size:var(--text-title-3);letter-spacing:var(--tracking-title-3);line-height:var(--lh-title-3);margin:0}
#page-owner-hub .oh-card-actions{margin-top:auto;padding-top:7px;display:flex;gap:10px;flex-wrap:wrap}
#page-owner-hub .oh-context{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:23px;border-radius:var(--radius-card)}
#page-owner-hub .oh-context p{margin-top:8px;max-width:730px}
#page-owner-hub .oh-context button{flex-shrink:0}
#page-owner-hub .oh-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:var(--text-footnote);color:var(--label-secondary);line-height:1.6;padding:0 3px}
#page-owner-hub .oh-footer button{flex-shrink:0}
@media(max-width:700px){
 #page-owner-hub .oh-wrap{padding:20px 4px 32px}
 #page-owner-hub .oh-heading{display:block}
 #page-owner-hub .oh-private{margin-top:14px}
 #page-owner-hub .oh-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 #page-owner-hub .oh-card{padding:20px}
 #page-owner-hub .oh-card-actions{width:100%}
 #page-owner-hub .oh-card-actions .btn{flex:1 1 auto}
 #page-owner-hub .btn{min-height:44px;min-width:0;max-width:100%;white-space:normal;justify-content:center;text-align:center}
 #page-owner-hub .oh-context,#page-owner-hub .oh-footer{flex-direction:column;align-items:flex-start;gap:16px}
}

/* Financials keeps the existing desktop controls and tokens. This file loads
   before the legacy inline styles, so .page supplies the specificity needed
   for these local mobile overrides without !important or global clipping. */
@media(max-width:700px){
 #page-financials.page .fc-wrap{padding:18px 4px 32px;min-width:0}
 #page-financials.page .fc-topbar{gap:18px}
 #page-financials.page .fc-topbar > div{width:100%;min-width:0}
 #page-financials.page .fc-title{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
 #page-financials.page .fc-title > [data-icon]{flex-shrink:0}
 #page-financials.page .fc-owner-badge{flex:0 0 auto;white-space:nowrap;line-height:1.3;padding:4px 8px;align-self:center}
 #page-financials.page .fc-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
 #page-financials.page .fc-controls > *{min-width:0;max-width:100%;box-sizing:border-box}
 #page-financials.page .fc-controls > .ui-segmented{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;overflow:visible}
 #page-financials.page .fc-controls > .ui-segmented > button{min-width:0;min-height:44px;padding:8px 6px;white-space:normal;overflow-wrap:anywhere;font-size:var(--text-footnote);line-height:var(--lh-footnote)}
 #page-financials.page .fc-controls .btn{min-height:44px;justify-content:center;white-space:normal;text-align:center}
 #page-financials.page .fc-controls .fc-select{width:100%;min-height:44px;padding:8px 6px;font-size:var(--text-footnote)}
 #page-financials.page .fc-controls > .fc-hint{grid-column:1 / -1}
 #page-financials.page .fc-custom-range{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}
 #page-financials.page .fc-custom-range input{width:100%;min-width:0;max-width:100%;min-height:44px;box-sizing:border-box;font-size:16px;padding:7px 6px}
 #page-financials.page .fc-custom-range > .btn{grid-column:1 / -1}
}

/* Use concise labeled selects on phones instead of stacking eleven tabs. */
#page-financials.page .fc-mobile-choice{display:none}
@media(max-width:700px){
 #page-financials.page .fc-controls>.fc-desktop-choices{display:none}
 #page-financials.page .fc-mobile-choice{display:flex;min-width:0;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--label-secondary)}
 #page-financials.page .fc-mobile-choice .fc-select{width:100%;min-height:44px}
}

/* ── Growth plan (Owner workspace tab). Tokens only, so dark mode follows. ── */
#page-growth-plan .gp-wrap{max-width:1180px;margin:0 auto;padding:28px 24px 44px}
#page-growth-plan .gp-head{margin-bottom:20px}
#page-growth-plan .gp-eyebrow{font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--accent);margin-bottom:8px}
#page-growth-plan h1{font-size:var(--text-title-1);letter-spacing:var(--tracking-title-1);line-height:var(--lh-title-1);margin:0 0 10px}
#page-growth-plan h2{font-size:var(--text-title-3);letter-spacing:var(--tracking-title-3);line-height:var(--lh-title-3);margin:0}
#page-growth-plan h3{font-size:var(--text-body);margin:22px 0 10px}
#page-growth-plan p{color:var(--label-secondary);font-size:var(--text-body);line-height:1.6;margin:0}
#page-growth-plan .gp-cap,#page-growth-plan .gp-foot{font-size:var(--text-footnote);color:var(--label-secondary);margin:6px 0 14px}
#page-growth-plan .gp-foot{margin:12px 0 0}
#page-growth-plan .gp-card{padding:22px;margin:0 0 18px;border-radius:var(--radius-card);min-width:0}
#page-growth-plan .gp-note{background:var(--accent-tint);color:var(--label-primary);border-radius:var(--radius-card);padding:12px 16px;font-size:var(--text-footnote);line-height:1.55;margin:0 0 16px}
#page-growth-plan .gp-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:8px}
#page-growth-plan .gp-tile,#page-growth-plan .gp-mini{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-card);padding:16px;min-width:0}
#page-growth-plan .gp-tile-k{font-size:var(--text-caption);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-overline);color:var(--label-secondary)}
#page-growth-plan .gp-tile-v{font-size:28px;font-weight:var(--weight-bold);margin:6px 0 4px;line-height:1.1}
#page-growth-plan .gp-tile-s{font-size:var(--text-footnote);color:var(--label-secondary);line-height:1.45}
#page-growth-plan .gp-s-green{background:var(--success-tint)}
#page-growth-plan .gp-s-amber{background:var(--warning-tint)}
#page-growth-plan .gp-s-red{background:var(--danger-tint)}
#page-growth-plan .gp-s-green .gp-tile-v,#page-growth-plan .gp-s-green .gp-mini-v,#page-growth-plan .gp-s-green .gp-mark{color:var(--success)}
#page-growth-plan .gp-s-amber .gp-tile-v,#page-growth-plan .gp-s-amber .gp-mini-v,#page-growth-plan .gp-s-amber .gp-mark{color:var(--warning)}
#page-growth-plan .gp-s-red .gp-tile-v,#page-growth-plan .gp-s-red .gp-mini-v,#page-growth-plan .gp-s-red .gp-mark{color:var(--danger)}
#page-growth-plan .gp-minis,#page-growth-plan .gp-derrick{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
#page-growth-plan .gp-mini-v{font-size:22px;font-weight:var(--weight-bold);margin:4px 0}
#page-growth-plan .gp-svg{width:100%;height:auto;display:block}
#page-growth-plan .gp-grid{stroke:var(--border-default);stroke-width:1}
#page-growth-plan .gp-axis{fill:var(--label-secondary);font-size:11px}
#page-growth-plan .gp-goal{stroke:var(--warning);stroke-width:1.2;stroke-dasharray:3 4}
#page-growth-plan .gp-goal-t{fill:var(--warning);font-size:11px;font-weight:600}
#page-growth-plan .gp-l-plan{stroke:var(--accent);stroke-width:2.4}
#page-growth-plan .gp-l-goalplan{stroke:var(--accent);stroke-width:2;opacity:.7}
#page-growth-plan .gp-l-act{stroke:var(--success);stroke-width:2.6}
#page-growth-plan .gp-l-fc{stroke:var(--warning);stroke-width:2.2}
#page-growth-plan .gp-dot{fill:var(--success)}
#page-growth-plan .gp-b-plan-route,#page-growth-plan .gp-b-plan-other,#page-growth-plan .gp-b-proj{opacity:.45}
#page-growth-plan .gp-b-plan-route,#page-growth-plan .gp-b-act-route{fill:var(--accent)}
#page-growth-plan .gp-b-plan-other,#page-growth-plan .gp-b-act-other{fill:var(--warning)}
#page-growth-plan .gp-b-proj{fill:var(--success)}
#page-growth-plan .gp-tick-goal{stroke:var(--label-primary);stroke-width:1.5}
#page-growth-plan .gp-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:var(--text-footnote);color:var(--label-secondary);margin-top:10px}
#page-growth-plan .gp-sw{display:inline-block;width:14px;height:4px;border-radius:2px;margin-right:6px;vertical-align:middle}
#page-growth-plan .gp-sw-plan{background:var(--accent)}
#page-growth-plan .gp-sw-goalplan{background:repeating-linear-gradient(90deg,var(--accent) 0 2px,transparent 2px 5px)}
#page-growth-plan .gp-sw-act{background:var(--success)}
#page-growth-plan .gp-sw-fc{background:repeating-linear-gradient(90deg,var(--warning) 0 6px,transparent 6px 10px)}
#page-growth-plan .gp-sw-route{background:var(--accent);height:10px}
#page-growth-plan .gp-sw-other{background:var(--warning);height:10px}
#page-growth-plan .gp-sw-ghost{background:var(--label-quaternary);height:10px}
#page-growth-plan .gp-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
#page-growth-plan .gp-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
#page-growth-plan .gp-date{display:flex;flex-direction:column;gap:4px;font-size:var(--text-caption);color:var(--label-secondary)}
#page-growth-plan .gp-date input{min-height:36px;font-size:16px;padding:4px 8px;border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--bg-elevated);color:var(--label-primary)}
#page-growth-plan .gp-segs{display:inline-flex;border:1px solid var(--border-default);border-radius:var(--radius-control);overflow:hidden}
#page-growth-plan .gp-seg{min-height:36px;padding:0 14px;border:0;background:var(--bg-elevated);color:var(--label-secondary);font:inherit;font-size:var(--text-footnote);cursor:pointer}
#page-growth-plan .gp-seg.on{background:var(--accent);color:var(--accent-on)}
#page-growth-plan .gp-misses{list-style:none;margin:14px 0 0;padding:0}
#page-growth-plan .gp-miss{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--border-default)}
#page-growth-plan .gp-rank{flex:0 0 26px;height:26px;border-radius:50%;background:var(--danger-tint);color:var(--danger);display:grid;place-items:center;font-size:12px;font-weight:700}
#page-growth-plan .gp-miss-body{flex:1;min-width:0}
#page-growth-plan .gp-miss-t{font-size:var(--text-body);color:var(--label-primary)}
#page-growth-plan .gp-miss-s{font-size:var(--text-footnote);color:var(--label-secondary);margin-top:2px;line-height:1.5}
#page-growth-plan .gp-impact{font-weight:700;color:var(--danger);white-space:nowrap}
#page-growth-plan .gp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
#page-growth-plan .gp-table{width:100%;border-collapse:collapse;font-size:var(--text-footnote)}
#page-growth-plan .gp-table th,#page-growth-plan .gp-table td{padding:9px 10px;text-align:left;border-top:1px solid var(--border-default);vertical-align:top}
#page-growth-plan .gp-table thead th{border-top:0;color:var(--label-secondary);font-weight:600}
#page-growth-plan .gp-cell .gp-mark{font-weight:800;margin-right:6px}
#page-growth-plan .gp-cell .gp-main{font-weight:700;font-size:var(--text-body)}
#page-growth-plan .gp-cell .gp-sub,#page-growth-plan .gp-sub{display:block;color:var(--label-secondary);font-size:var(--text-caption);font-weight:400}
#page-growth-plan .gp-mixrow .gp-sub,#page-growth-plan .gp-mixl .gp-sub{display:inline}
#page-growth-plan .gp-gold{color:var(--warning)}
#page-growth-plan .gp-pos{color:var(--success);font-weight:600}
#page-growth-plan .gp-neg{color:var(--danger);font-weight:600}
#page-growth-plan .gp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#page-growth-plan .gp-prog{position:relative;height:10px;border-radius:5px;background:var(--bg-sunken);margin-top:14px}
#page-growth-plan .gp-prog-bar{height:100%;border-radius:5px;background:var(--success)}
#page-growth-plan .gp-prog-goal{position:absolute;top:-3px;width:2px;height:16px;background:var(--label-primary)}
#page-growth-plan .gp-strip{border-collapse:separate;border-spacing:3px;font-size:var(--text-caption)}
#page-growth-plan .gp-strip th[scope=row]{text-align:left;white-space:nowrap;padding-right:10px;color:var(--label-secondary);font-weight:600}
#page-growth-plan .gp-sq{width:18px;height:22px;min-width:18px;border-radius:4px;background:var(--bg-sunken);position:relative}
#page-growth-plan .gp-sq.gp-s-green{background:var(--success)}
#page-growth-plan .gp-sq.gp-s-amber{background:var(--warning)}
#page-growth-plan .gp-sq.gp-s-red{background:var(--danger)}
#page-growth-plan .gp-sqh{font-weight:400;color:var(--label-secondary);white-space:nowrap;text-align:left;overflow:visible;padding:0}
#page-growth-plan .gp-mix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#page-growth-plan .gp-mixrow{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 0;font-size:var(--text-footnote)}
#page-growth-plan .gp-mixbars{display:flex;flex-direction:column;gap:3px}
#page-growth-plan .gp-mixbar{height:7px;border-radius:4px}
#page-growth-plan .gp-mixbar-a{background:var(--accent)}
#page-growth-plan .gp-mixbar-b{background:var(--accent);opacity:.3}
#page-growth-plan .gp-mixv{white-space:nowrap;font-weight:600}
#page-growth-plan .gp-details summary{cursor:pointer;list-style:none}
#page-growth-plan .gp-details summary::-webkit-details-marker{display:none}
#page-growth-plan .gp-details summary h2::after{content:' ▾';color:var(--label-secondary)}
#page-growth-plan .gp-empty{padding:22px;border:1px dashed var(--border-default);border-radius:var(--radius-card);color:var(--label-secondary);text-align:center;font-size:var(--text-footnote)}
#page-growth-plan .gp-empty-good{color:var(--success);background:var(--success-tint);border-style:solid}
#page-growth-plan .gp-state{text-align:center;padding:64px 16px;color:var(--label-secondary)}
#page-growth-plan .gp-state-err h2{margin-bottom:8px;color:var(--danger)}
#page-growth-plan .gp-state .btn{margin-top:16px}
#page-growth-plan .gp-spinner{width:28px;height:28px;margin:0 auto 14px;border:3px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:gpspin 1s linear infinite}
@keyframes gpspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#page-growth-plan .gp-spinner{animation:none}}
@media(max-width:900px){#page-growth-plan .gp-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#page-growth-plan .gp-mix{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
 #page-growth-plan .gp-wrap{padding:20px 4px 32px}
 #page-growth-plan .gp-card{padding:16px}
 #page-growth-plan .gp-tile-v{font-size:24px}
 #page-growth-plan .gp-controls{width:100%}
 #page-growth-plan .gp-seg{min-height:44px;flex:1}
 #page-growth-plan .gp-segs{flex:1}
 #page-growth-plan .gp-date input{min-height:44px}
 #page-growth-plan .gp-miss{flex-wrap:wrap}
 #page-growth-plan .gp-impact{margin-left:38px}
}
