.plan-views { display:flex;gap:8px;padding:12px 22px;border-bottom:1px solid var(--pp-line); }
.plan-views button { min-height:44px;padding:10px 20px;border:1px solid var(--pp-line);background:var(--pp-card);color:var(--pp-ink);font:600 14px Manrope,sans-serif;cursor:pointer; }
.plan-views button[aria-pressed="true"] { background:var(--pp-gold);color:#141414; }
.pp[data-view="list"] .pp-sheet { display:none; }
.pp[data-plan-app][data-view="list"] .pp-main { grid-template-columns:1fr; }
.pp[data-plan-app][data-view="list"] .pp-sheet-wrap { padding-bottom:0; }
.pp[data-view="list"] .pp-list { max-height:none;overflow:visible; }
.pp-row { min-height:48px; }
.pp-title span,.pp-note,.sb-side-note { letter-spacing:.01em; }
.pp-under-muted { opacity:.55; }
.sb-card-price { display:block;font:600 12px/1.4 Manrope,sans-serif;color:var(--pp-gold-hi);margin-top:4px; }
.sb-cell.picked .sb-card-price { color:#141414; }
.plan-dock { display:none; }
button:focus-visible,a:focus-visible { outline:2px solid var(--pp-gold-hi);outline-offset:3px; }
body.embed .plan-views { display:none; }
@media(max-width:900px) {
 .pp-top { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
 .pp-top .pp-title { grid-column:1/-1;grid-row:2;text-align:left; }
 .pp-title h1 { font-size:24px;line-height:1.35; }
 .pp-title span { font:400 13px/1.5 Manrope,sans-serif;text-transform:none;display:block;margin-top:6px; }
 .pp-link--alt { justify-self:end; }
 .pp-bar { align-items:flex-start; }
 .pp-zones { width:100%; }
 .pp-zone { flex:1;padding:12px 8px;font:600 12px/1.4 Manrope,sans-serif;letter-spacing:0;min-height:44px; }
 .pp-toggle,.pp-stats { font-size:12px;letter-spacing:0; }
 .pp-note { font:400 13px/1.6 Manrope,sans-serif; }
 .pp[data-storage-app][data-view="list"] .pp-sheet-wrap { padding-top:0; }
 .pp.has-selection { padding-bottom:130px; }
 .pp-side > .pp-pick,.pp-side > .pp-cta { display:none; }
 .plan-dock:not([hidden]) { display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;gap:10px;align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#17191c;border-top:1px solid var(--pp-gold);box-shadow:0 -4px 24px #0008; }
 .plan-dock div { flex:1;min-width:0;font:600 13px/1.5 Manrope,sans-serif;color:#fff; }
 .plan-dock button { flex:0 0 145px;min-height:48px;border:0;background:var(--pp-gold);color:#141414;font:700 13px Manrope,sans-serif;cursor:pointer; }
 .sb-cell { min-height:64px; }
}

/* Selection is available inside the homepage iframe and below storage lists. */
.plan-dock { gap:14px;align-items:center;padding:14px 24px;background:#17191c;
 border-top:1px solid var(--pp-gold);box-shadow:0 -4px 24px #0008; }
.plan-dock div { flex:1;min-width:0;font:600 13px/1.5 Manrope,sans-serif;color:#fff; }
.plan-dock button { flex:0 0 170px;min-height:48px;border:0;background:var(--pp-gold);
 color:#141414;font:700 13px Manrope,sans-serif;cursor:pointer; }
@media(min-width:901px) {
 .pp[data-storage-app].has-selection { padding-bottom:110px; }
 .pp[data-storage-app] .plan-dock:not([hidden]) { display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000; }
}
@media(max-width:900px) {
 body.embed .plan-views { display:flex;padding:8px 22px; }
 body.embed .pp[data-plan-app][data-view="list"] .pp-sheet-wrap { display:none; }
 body.embed .pp[data-view="list"] .pp-side { min-height:0; }
 body.embed .pp[data-view="list"] .pp-list { overflow-y:auto;min-height:0; }
 body.embed .pp.has-selection { padding-bottom:116px; }
 .plan-dock div { font-size:12px;line-height:1.45; }
 .plan-dock button { flex-basis:135px; }
}

/* Search and filters use the existing inventory; drawing coordinates stay intact. */
.plan-filters { padding:14px 28px;border-bottom:1px solid var(--pp-line); }
.plan-filter-quick { display:flex;align-items:end;gap:14px;flex-wrap:wrap; }
.plan-filters label { display:grid;gap:6px;color:var(--pp-muted);font:500 12px/1.4 Manrope,sans-serif; }
.plan-search { width:200px; }
.plan-filters input,.plan-filters select { width:100%;min-height:44px;padding:10px 12px;
 border:1px solid #ffffff26;border-radius:0;background:#17181a;color:#fff;font:400 14px Manrope,sans-serif; }
.plan-types { display:flex;gap:6px;flex:1; }
.plan-filters button,.plan-zoom button { min-height:44px;border:1px solid #ffffff26;padding:9px 14px;
 background:#17181a;color:var(--pp-ink);font:600 12px/1.4 Manrope,sans-serif;cursor:pointer; }
.plan-types button[aria-pressed="true"] { background:var(--pp-gold);color:#141414;border-color:var(--pp-gold); }
.plan-filter-extra:not([hidden]) { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px; }
.plan-filter-status { display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:8px;
 font:400 12px/1.5 Manrope,sans-serif;color:var(--pp-muted); }
.plan-filter-status button { min-height:32px;padding:4px 0;background:none;border:0;color:var(--pp-gold-hi); }
.plan-zoom { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px; }
.plan-zoom [role="group"] { display:flex;gap:6px;flex-wrap:wrap; }
.plan-zoom button:disabled { opacity:.4;cursor:default; }
.plan-zoom span { font:500 12px Manrope,sans-serif;color:var(--pp-muted); }
.pp-sheet svg { min-width:0;width:100%;height:auto; }
.pp-sheet.is-zoomed svg { touch-action:none;cursor:grab; }
.pp-sheet.is-zoomed svg:active { cursor:grabbing; }
.pp[data-view="list"] .plan-zoom { display:none; }
.plan-selected { display:none; }
.pp.has-selection .plan-selected { display:block; }
.plan-empty { grid-column:1/-1;padding:16px 10px;font:400 13px/1.7 Manrope,sans-serif;color:var(--pp-muted); }
svg [data-filtered="true"] { opacity:.08!important;pointer-events:none; }
.sb-cell.picked,.sb-cell.picked:hover { background:var(--pp-gold);color:#141414; }
.pp-stats { flex-wrap:wrap;gap:8px 14px;letter-spacing:0; }
.st-extra { color:var(--pp-gold-hi); }
@media(max-width:900px) {
 .plan-filters { padding:10px 16px; }
 .plan-filters input,.plan-filters select { font-size:16px; }
 .plan-filter-quick { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px; }
 .plan-search { width:auto; }
 .plan-types { grid-column:1/-1;grid-row:2; }
 .plan-types button { flex:1;padding:8px 10px; }
 .plan-more { grid-column:2;grid-row:1; }
 .plan-filter-extra:not([hidden]) { grid-template-columns:1fr 1fr; }
 .plan-filter-extra label:last-child { grid-column:1/-1; }
 .plan-views { padding:10px 16px;gap:6px;flex-wrap:wrap; }
 .plan-views button { padding:10px 12px;font-size:12px; }
 .pp[data-view="list"] .pp-prices,.pp[data-plan-app][data-view="list"] .pp-legend { display:none; }
 .plan-zoom { gap:6px; }
 .plan-zoom button { padding:9px 12px; }
 body.embed .pp-side { padding-top:12px; }
 body.embed .pp[data-view="scheme"] .plan-filters,body.embed .pp[data-view="scheme"] .pp-side { display:none; }
 body.embed .pp[data-view="scheme"] .pp-main { display:flex; }
 body.embed .pp[data-view="scheme"] .pp-sheet-wrap { flex:1;min-height:0; }
}