/*!
 * LBIC Workspace presentation cleanup — ADDITIVE overlay for the B1 member Workspace.
 * Presentation only. No Workspace engine / persistence / API / schema / Shared Project / page-88 change.
 * Every rule is scoped under `.lbic-ws-clean` (a class the loader adds to the B1 app root), so nothing
 * applies until the overlay is active and removing the class/asset fully reverts to the baseline.
 * Targets the EXISTING B1 DOM (.dash-* classes + data-b1-* forms) — B1 markup is not edited.
 */

/* ---- FIX 1: centred 1180 frame + responsive gutters 32/24/16 ---- */
/* border-box so the 1180 is the TOTAL frame width (padding inside), not 1180 + gutters. */
[data-b1-app].lbic-ws-clean{ box-sizing:border-box; max-width:1180px; margin:0 auto; padding:28px 32px 48px; display:flex; flex-direction:column; gap:18px; }
@media (max-width:900px){ [data-b1-app].lbic-ws-clean{ padding:24px 24px 40px; } }
@media (max-width:560px){ [data-b1-app].lbic-ws-clean{ padding:16px 16px 32px; } }
.lbic-ws-clean .dash-panel{ margin:0; }
.lbic-ws-clean [data-b1-status]{ order:-1; }

/* ---- FIX 2: Recommended Next Step — compact callout (applies where the reco carries .dash-reco) ---- */
.lbic-ws-clean .dash-reco{ display:flex; align-items:center; gap:16px; background:#eaf4ff; border:1px solid var(--dash-blue,#7ec1f9); border-radius:10px; padding:14px 18px; }
.lbic-ws-clean .dash-reco .body{ flex:1; min-width:0; }
.lbic-ws-clean .dash-reco h3{ font-size:19px; margin:2px 0; }
.lbic-ws-clean .dash-reco .status{ font-size:13px; color:var(--dash-muted,#4e6274); }
@media (max-width:560px){ .lbic-ws-clean .dash-reco{ flex-direction:column; align-items:flex-start; gap:8px; } }

/* ---- FIX 3: Project Summary 4 / 2 / 1 ---- */
.lbic-ws-clean .dash-access-list{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px 20px; margin:0; }
.lbic-ws-clean .dash-access-list > div{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.lbic-ws-clean .dash-access-list dt{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--dash-muted,#4e6274); margin:0; }
.lbic-ws-clean .dash-access-list dd{ margin:0; font-size:16px; word-break:break-word; }
@media (max-width:900px){ .lbic-ws-clean .dash-access-list{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .lbic-ws-clean .dash-access-list{ grid-template-columns:1fr; } }

/* ---- FIX 4: Brief responsive form grid (labels above, specs wider, button aligned) ---- */
.lbic-ws-clean form[data-b1-brief]{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px 16px; align-items:end; }
.lbic-ws-clean form[data-b1-brief] > label{ display:flex; flex-direction:column; gap:6px; min-width:0; font-size:13px; font-weight:600; color:var(--dash-muted,#4e6274); }
.lbic-ws-clean form[data-b1-brief] input{ width:100%; height:44px; font-size:16px; box-sizing:border-box; }
.lbic-ws-clean form[data-b1-brief] label:has([name="product_specs"]){ grid-column:1 / -1; }
.lbic-ws-clean form[data-b1-brief] > button{ grid-column:1 / -1; justify-self:start; height:44px; }
.lbic-ws-clean form[data-b1-brief] > [data-msg]{ grid-column:1 / -1; }
@media (max-width:900px){ .lbic-ws-clean form[data-b1-brief]{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .lbic-ws-clean form[data-b1-brief]{ grid-template-columns:1fr; } }

/* ---- FIX 5: Costs as clean rows: State | Label | Amount | Currency | Action; Add-a-cost heading above its row ---- */
.lbic-ws-clean form[data-b1-cost], .lbic-ws-clean form[data-b1-cost-add]{ display:grid; grid-template-columns:130px 1fr 130px 90px auto; gap:12px; align-items:end; }
.lbic-ws-clean form[data-b1-cost] > label, .lbic-ws-clean form[data-b1-cost-add] > label{ display:flex; flex-direction:column; gap:6px; min-width:0; font-size:13px; font-weight:600; color:var(--dash-muted,#4e6274); }
.lbic-ws-clean form[data-b1-cost] input, .lbic-ws-clean form[data-b1-cost] select,
.lbic-ws-clean form[data-b1-cost-add] input, .lbic-ws-clean form[data-b1-cost-add] select{ width:100%; height:44px; font-size:16px; box-sizing:border-box; }
.lbic-ws-clean form[data-b1-cost-add] h3{ grid-column:1 / -1; margin:0 0 2px; font-size:17px; }   /* Add a Cost heading spans, sits ABOVE the row */
.lbic-ws-clean form[data-b1-cost] > button, .lbic-ws-clean form[data-b1-cost-add] > button{ height:44px; }
.lbic-ws-clean form[data-b1-cost] > [data-msg], .lbic-ws-clean form[data-b1-cost-add] > [data-msg]{ grid-column:1 / -1; }
.lbic-ws-clean form[data-b1-cost-add]{ margin-top:16px; padding-top:16px; border-top:1px dashed var(--dash-line,#c3d5e2); }
@media (max-width:760px){ .lbic-ws-clean form[data-b1-cost], .lbic-ws-clean form[data-b1-cost-add]{ grid-template-columns:1fr 1fr; } .lbic-ws-clean form[data-b1-cost] > button, .lbic-ws-clean form[data-b1-cost-add] > button{ grid-column:1 / -1; } }
@media (max-width:560px){ .lbic-ws-clean form[data-b1-cost], .lbic-ws-clean form[data-b1-cost-add]{ grid-template-columns:1fr; } }

/* ---- FIX 6: Next Steps hierarchy — title, chips, compact controls, blocker below ---- */
.lbic-ws-clean form[data-b1-step], .lbic-ws-clean form[data-b1-blocker]{ display:flex; flex-wrap:wrap; gap:10px; align-items:end; margin-top:8px; }
.lbic-ws-clean form[data-b1-step] > label, .lbic-ws-clean form[data-b1-blocker] > label{ display:flex; flex-direction:column; gap:6px; min-width:150px; font-size:13px; font-weight:600; color:var(--dash-muted,#4e6274); }
.lbic-ws-clean form[data-b1-blocker] > label{ flex:1 1 240px; }
.lbic-ws-clean form[data-b1-step] select, .lbic-ws-clean form[data-b1-blocker] input{ height:44px; font-size:16px; }
.lbic-ws-clean .dash-project .dash-tag{ margin-bottom:2px; }
.lbic-ws-clean form[data-b1-step-add]{ display:grid; grid-template-columns:1fr 1fr 1fr 150px auto; gap:12px; align-items:end; margin-top:16px; padding-top:16px; border-top:1px dashed var(--dash-line,#c3d5e2); }
.lbic-ws-clean form[data-b1-step-add] > label{ display:flex; flex-direction:column; gap:6px; min-width:0; font-size:13px; font-weight:600; }
.lbic-ws-clean form[data-b1-step-add] h3{ grid-column:1 / -1; margin:0 0 2px; font-size:17px; }
.lbic-ws-clean form[data-b1-step-add] input, .lbic-ws-clean form[data-b1-step-add] select{ width:100%; height:44px; box-sizing:border-box; }
.lbic-ws-clean form[data-b1-step-add] > button{ height:44px; }
@media (max-width:760px){ .lbic-ws-clean form[data-b1-step-add]{ grid-template-columns:1fr 1fr; } .lbic-ws-clean form[data-b1-step-add] > button{ grid-column:1 / -1; } .lbic-ws-clean form[data-b1-step] > label, .lbic-ws-clean form[data-b1-blocker] > label{ min-width:100%; } }
@media (max-width:560px){ .lbic-ws-clean form[data-b1-step-add]{ grid-template-columns:1fr; } }

/* 2026-10-11: Align project overview, owner archive and B1 panels on Workspace page 45. */
body.page-id-45 [data-b1-app].lbic-ws-clean{max-width:980px;padding-left:16px;padding-right:16px;}
body.page-id-45 #lbic-owner-archive{box-sizing:border-box;width:calc(100% - 32px);max-width:948px;margin:0 auto 24px;padding:24px;border:1px solid #e1e5ed;border-radius:12px;background:#f6f7fa;color:#1e2633;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere;}
body.page-id-45 #lbic-owner-archive h2{margin:0 0 12px;font:700 22px/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e2633;}
body.page-id-45 #lbic-owner-archive p{margin:0 0 20px;font-size:16px;line-height:1.6;color:#536273;}
body.page-id-45 #lbic-owner-archive form{margin:0;}
body.page-id-45 #lbic-owner-archive button{box-sizing:border-box;max-width:100%;min-height:44px;padding:12px 16px;border:1px solid #b5232c;border-radius:10px;background:#b5232c;color:#fff;font:600 16px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:normal;overflow-wrap:anywhere;cursor:pointer;}
body.page-id-45 #lbic-owner-archive button:hover{background:#941d25;}
body.page-id-45 #lbic-owner-archive button:focus-visible{outline:3px solid #075ea8;outline-offset:3px;}
@media(max-width:560px){body.page-id-45 #lbic-owner-archive{padding:20px 16px;}body.page-id-45 #lbic-owner-archive button{width:100%;}}