/* Scoped planner layout. The surrounding tracker keeps its existing styling. */
#p-buildings{--bp-line:#193446;--bp-muted:#9ab2c7;--bp-cyan:#30c5ed;color:#e5edf5;font-family:'IBM Plex Sans',system-ui,sans-serif}
#p-buildings *{box-sizing:border-box}#p-buildings h2,#p-buildings h3,#p-buildings h4,#p-buildings p{margin:0}#p-buildings h2{font-size:26px;letter-spacing:-.6px;line-height:1.25}#p-buildings h3{font-size:15px}#p-buildings h4{font-size:14px}#p-buildings .bp-intro{margin:22px 0}#p-buildings .bp-intro p{margin-top:7px;color:var(--bp-muted)}
#p-buildings .bp-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}#p-buildings .bp-card{border:1px solid var(--bp-line);background:#081b29;border-radius:10px;overflow:hidden}#p-buildings .bp-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid var(--bp-line)}#p-buildings h3 small{font-size:11px;font-weight:400;color:var(--bp-muted);margin-left:8px}#p-buildings .bp-tag{font-size:9px;white-space:nowrap;border:1px solid var(--bp-line);padding:2px 6px;border-radius:4px;color:var(--bp-muted)}
#p-buildings button,#p-buildings select{font:inherit;border:1px solid var(--bp-line);background:#0d2535;color:#e5edf5;border-radius:5px;cursor:pointer}#p-buildings button{padding:9px 12px;font-weight:600}#p-buildings button:disabled{opacity:.45;cursor:default}#p-buildings button:hover:not(:disabled){border-color:var(--bp-cyan)}#p-buildings :focus-visible{outline:2px solid var(--bp-cyan);outline-offset:3px}#p-buildings select{width:100%;min-width:0;height:34px;padding:4px 8px;font-size:16px;line-height:24px}#p-buildings select.bp-target{background:#1c1736;border-color:#40315f}#p-buildings .bp-row{padding:12px 16px;border-bottom:1px solid var(--bp-line)}#p-buildings .bp-rowtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}#p-buildings .bp-rowtop h4{display:flex;align-items:center;gap:8px}#p-buildings .bp-rowtop button{padding:0 6px;min-width:30px;min-height:28px;font-size:20px;border-color:transparent;background:transparent;color:var(--bp-muted)}#p-buildings .bp-buildingicon{display:grid;place-items:center;width:26px;height:26px;color:var(--bp-cyan);background:#0f3043;border-radius:5px}#p-buildings .bp-buildingicon svg{width:17px;height:17px}#p-buildings .bp-fields{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 128px;gap:6px 12px;align-items:end}#p-buildings label{display:block;font-size:10px;font-weight:500;color:var(--bp-muted);margin-bottom:3px}#p-buildings .bp-arrow{padding-bottom:5px;color:var(--bp-muted)}#p-buildings .bp-cost{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}#p-buildings .bp-cost strong{font-size:18px}#p-buildings .bp-cost small{font-size:10px;color:var(--bp-muted)}#p-buildings .bp-cost>span{display:block}#p-buildings .bp-crystal{display:inline-block;object-fit:contain;vertical-align:middle;margin-right:5px}#p-buildings .bp-rowfoot{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:11px;color:var(--bp-muted)}#p-buildings .bp-rowfoot details{max-width:70%;text-align:right}#p-buildings summary{cursor:pointer}#p-buildings .bp-rowfoot details p{padding-top:5px}#p-buildings .bp-add{display:flex;gap:10px;padding:12px 16px}#p-buildings .bp-add select{flex:1;height:38px}#p-buildings .bp-add button{white-space:nowrap;color:var(--bp-cyan)}#p-buildings .bp-hint{font-size:12px;line-height:1.5;color:var(--bp-muted);margin-top:12px}#p-buildings .bp-help{padding:14px 16px;margin:15px 0}#p-buildings .bp-help p{font-size:12px;color:var(--bp-muted);margin-top:10px}#p-buildings a{color:var(--bp-cyan);text-underline-offset:3px}#p-buildings .bp-empty{padding:30px 20px;color:var(--bp-muted)}
#p-buildings .bp-summary{padding:20px}#p-buildings .bp-total{display:flex;align-items:center;gap:7px;margin-top:20px;white-space:nowrap}#p-buildings .bp-total>.bp-crystal{width:34px;height:40px}#p-buildings .bp-total strong{font-size:38px;line-height:1.15;letter-spacing:-1px;font-variant-numeric:tabular-nums}#p-buildings .bp-total span{font-size:12px;color:var(--bp-cyan)}#p-buildings .bp-sub{font-size:12px;color:var(--bp-muted);margin-top:7px}#p-buildings .bp-refined{margin-top:12px}#p-buildings .bp-refined>span{display:block;font-size:11px;color:var(--bp-muted)}#p-buildings .bp-breakdown{border-top:1px solid var(--bp-line);margin-top:18px;padding-top:10px}#p-buildings .bp-breakdown>div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;font-size:12px}#p-buildings .bp-breakdown span{color:var(--bp-muted)}#p-buildings .bp-breakdown b{white-space:nowrap}#p-buildings .bp-breakdown img{width:15px;height:18px}#p-buildings .bp-missing{border-top:1px solid var(--bp-line);margin-top:4px}#p-buildings .bp-missing b{color:#ffbd67}#p-buildings .bp-primary{background:var(--bp-cyan);border-color:var(--bp-cyan);color:#03202d;width:100%;margin-top:20px;padding:12px 8px;font-size:13px}#p-buildings .bp-center{text-align:center;font-size:11px}#bp-message{font-size:12px;color:#2bd4a4;margin-top:10px!important}#p-buildings .bp-backpack,#p-buildings .bp-points{margin-top:18px}#p-buildings .bp-body{padding:16px 20px}#p-buildings .bp-comparison{display:flex;align-items:center;justify-content:space-between;margin:10px 0 16px;font-variant-numeric:tabular-nums;gap:10px}#p-buildings .bp-comparison:last-child{margin-bottom:0}#p-buildings .bp-comparison strong{color:#c0a4ff;font-size:18px}#p-buildings .bp-score{color:#ffcf78;font-size:12px}#p-buildings .bp-score strong{font-size:30px;letter-spacing:-.6px;line-height:1.2;font-variant-numeric:tabular-nums}
#bp-dialog{border:1px solid #335269;border-radius:12px;padding:24px;background:#081b29;color:#e5edf5;width:min(440px,calc(100% - 32px));box-shadow:0 18px 60px #0009}#bp-dialog::backdrop{background:#000a}#bp-dialog h3{font-size:20px!important;margin-bottom:12px!important}#bp-dialog p{font-size:13px;color:#9ab2c7;margin:10px 0!important}#bp-dialog .bp-actions{display:flex;gap:10px;margin-top:20px}#bp-dialog .bp-actions button{flex:1;margin:0}#bp-error{color:#ffbd67!important}
@media(max-width:1100px){#p-buildings .bp-fields{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}#p-buildings .bp-cost{grid-column:1/-1;text-align:left}#p-buildings .bp-cost>span{display:inline-block;margin-left:12px}}
@media(max-width:820px){#p-buildings .bp-layout{grid-template-columns:minmax(0,1fr);gap:15px}#p-buildings .bp-intro{margin:16px 0}#p-buildings h2{font-size:24px}#p-buildings .bp-row{padding:11px 14px}#p-buildings .bp-heading{padding:13px 14px}#p-buildings .bp-tag{font-size:8px}#p-buildings .bp-fields{column-gap:8px}#p-buildings .bp-total strong{font-size:34px}#p-buildings .bp-add{padding:12px 14px}#p-buildings .bp-add button{padding:8px}#p-buildings .bp-help{margin-bottom:0}}
#p-buildings .bp-view-actions{display:flex;align-items:center;gap:6px}#p-buildings .bp-view-actions button{padding:5px 12px;font-size:12px;min-height:30px}#p-buildings .bp-view-actions button[aria-pressed="true"]{border-color:#2ac4e5;color:#2ac4e5}#p-buildings.plan-readonly #bp-rows,#p-buildings.plan-readonly .bp-add{display:none}#p-buildings .bp-recap-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(170px,1.2fr) auto;gap:12px;align-items:center;padding:13px 16px;border-top:1px solid #19394a}#p-buildings .bp-recap-row h4{display:flex;align-items:center;gap:8px;margin:0;font-size:13px}#p-buildings .bp-recap-level{font-size:12px;color:#a7cadf}#p-buildings .bp-recap-level b{color:#eef6ff}#p-buildings .bp-recap[hidden]{display:none}@media(max-width:600px){.bp-heading{flex-wrap:wrap;gap:10px}#p-buildings .bp-view-actions .bp-tag{display:none}#p-buildings .bp-recap-row{grid-template-columns:1fr auto;gap:7px;padding:11px 14px}#p-buildings .bp-recap-level{grid-column:1;grid-row:2}#p-buildings .bp-recap-row .bp-cost{grid-column:2;grid-row:1 / 3}}

#p-buildings .bp-recap-row .bp-cost>span{display:block;margin-left:0}@media(max-width:600px){#p-buildings .bp-heading{flex-wrap:wrap;gap:10px}}

/* Compact saved building plan and matching FC total label. */
#p-buildings .bp-total>span{font-size:38px;font-weight:700;line-height:1.15;letter-spacing:-1px}
#p-buildings #bp-recap .bp-cost{display:flex;align-items:center;justify-content:flex-end;gap:3px}
#p-buildings #bp-recap .bp-cost>span{display:inline-flex;align-items:center;gap:3px;margin-left:12px}
@media(max-width:600px){#p-buildings #bp-recap .bp-cost{justify-content:flex-start}}
