/*
 * LBIC B1 — Guided Project Brief presentation (namespaced, minimal, ROOT-SCOPED).
 * Styles ONLY the .dash-* classes the B1 view/shortcode emit — it is NOT the full
 * B0 dashboard skin and carries no unrelated layout/nav/header effects.
 *
 * R6-P01 isolation: EVERY rule and token is scoped under the B1 root `[data-b1-app]`
 * (the wrapper the shortcode already outputs: <div class="dash-work" data-b1-app>).
 * No unqualified .dash-* selector exists, so a sibling non-B1 .dash-panel/.dash-button
 * on the same page receives none of these rules. The logged-out sign-in prompt is a
 * plain <p class="dash-message"> rendered OUTSIDE the root by the accepted shortcode;
 * it is left as a deliberately unstyled, legible native paragraph (styling it would
 * require editing the frozen shortcode). Enqueued only on the approved B1 host page,
 * after the shell handle `lbic-ux01`.
 *
 * Fonts inherit the shell (--font-head/--font-body); tokens are B1-prefixed and live
 * on the root so they cannot leak to siblings. Provider of the visual language:
 * accepted B0-R2a dashboard renderer (dfbfcdb2…); this is an independent minimal
 * subset, not a copy of that sheet.
 */
[data-b1-app]{
	--b1-navy:#012a58; --b1-red:#e60007; --b1-ink:#253b53; --b1-muted:#4e6274;
	--b1-line:#c3d5e2; --b1-ice:#eff7fb; --b1-held-bg:#fff2cf; --b1-held-ink:#7a5a00;
	--b1-err-bg:#fdecec; --b1-err-ink:#8a1c1c; --b1-panel:#ffffff;
	--b1-head:var(--font-head,Newsreader,Georgia,serif);
	--b1-body:var(--font-body,Manrope,system-ui,sans-serif);
	display:grid;grid-template-columns:minmax(0,1fr);gap:20px;
	font-family:var(--b1-body);color:var(--b1-ink);line-height:1.6;text-align:left;
}
[data-b1-app] *{box-sizing:border-box}

[data-b1-app] .dash-panel{border:1px solid var(--b1-line);border-radius:10px;background:var(--b1-panel);padding:20px;min-width:0;margin:0 0 4px}
[data-b1-app] .dash-panel-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 14px;margin-bottom:12px}
[data-b1-app] h2{font-family:var(--b1-head);font-size:1.375rem;font-weight:700;color:var(--b1-navy);line-height:1.25;margin:0}
[data-b1-app] h3{font-family:var(--b1-head);font-size:1.125rem;font-weight:600;color:var(--b1-navy);line-height:1.3;margin:0 0 .35em}

[data-b1-app] .dash-access-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 22px;margin:0}
[data-b1-app] .dash-access-list>div{min-width:0}
[data-b1-app] .dash-access-list dt{font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--b1-muted);margin:0 0 2px}
[data-b1-app] .dash-access-list dd{margin:0;overflow-wrap:anywhere}

[data-b1-app] .dash-records{display:flex;flex-direction:column;gap:12px;margin:0 0 12px}
[data-b1-app] .dash-project{border:1px solid var(--b1-line);border-radius:8px;background:var(--b1-ice);padding:12px 14px;min-width:0}
[data-b1-app] .dash-project-copy{min-width:0}
[data-b1-app] .dash-project-copy>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px}

[data-b1-app] .dash-tag{display:inline-flex;align-items:center;min-height:1.6rem;padding:2px 10px;border-radius:999px;background:var(--b1-navy);color:#fff;font-size:.8rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
[data-b1-app] .dash-tag--muted{background:#e7eef5;color:var(--b1-muted)}
[data-b1-app] .dash-tag--held{background:var(--b1-held-bg);color:var(--b1-held-ink)}

/* R6-P02: secondary/help text at 14px (0.875rem). */
[data-b1-app] .dash-small{font-size:.875rem;color:var(--b1-muted);line-height:1.5;overflow-wrap:anywhere}
[data-b1-app] .dash-small strong{color:var(--b1-navy)}

/* Forms — readable labels (15px), 16px inputs, 44px controls, wrapping, visible focus. */
[data-b1-app] form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin-top:8px}
[data-b1-app] label{display:flex;flex-direction:column;gap:4px;font-size:.95rem;font-weight:600;color:var(--b1-ink);min-width:0}
[data-b1-app] input,[data-b1-app] select{font:400 16px/1.4 var(--b1-body);min-height:44px;max-width:100%;padding:8px 12px;border:1px solid #7a93a8;border-radius:6px;color:var(--b1-ink);background:#fff}
[data-b1-app] input:focus-visible,[data-b1-app] select:focus-visible,[data-b1-app] a:focus-visible,[data-b1-app] .dash-button:focus-visible{outline:3px solid #0a58ca;outline-offset:2px}

[data-b1-app] .dash-button{min-height:44px;padding:10px 18px;border:1px solid var(--b1-navy);border-radius:6px;background:var(--b1-navy);color:#fff;font:600 15px/1 var(--b1-body);cursor:pointer}
[data-b1-app] .dash-button:hover{background:#023a76}
[data-b1-app] .dash-button[disabled]{opacity:.55;cursor:default}

[data-b1-app] .dash-message{border:1px solid var(--b1-line);border-radius:8px;background:var(--b1-ice);padding:12px 14px;color:var(--b1-ink);font-family:var(--b1-body)}
[data-b1-app] .dash-message--error{background:var(--b1-err-bg);border-color:#e7b4b4;color:var(--b1-err-ink)}
[data-b1-app] .dash-message a{color:var(--b1-navy);text-underline-offset:3px}

@media (max-width:480px){
	[data-b1-app] label{width:100%}
	[data-b1-app] input,[data-b1-app] select{width:100%}
	[data-b1-app] .dash-button{width:100%}
}