/* BP SPACE UI Foundation v1 — opt-in only. */
:root{--bp-ui-ink:#14223a;--bp-ui-muted:#5d6b82;--bp-ui-line:#dbe3ef;--bp-ui-surface:#fff;--bp-ui-canvas:#f5f7fb;--bp-ui-primary:var(--if-accent,#4f46e5);--bp-ui-primary-strong:#4338ca;--bp-ui-primary-soft:#eef2ff;--bp-ui-focus:var(--if-accent,#4f46e5);--bp-ui-focus-ring:var(--if-focus-ring,0 0 0 2px #fff,0 0 0 5px rgba(79,70,229,.28));--bp-ui-ai:#33cccc;--bp-ui-ai-ink:#0f7676;--bp-ui-tobe:#7c3aed;--bp-ui-success:#167a5c;--bp-ui-warning:#9a6700;--bp-ui-danger:#b42318;--bp-ui-radius-control:var(--if-radius-control,8px);--bp-ui-radius-card:var(--if-radius-card,12px);--bp-ui-radius-pill:var(--if-radius-pill,999px);--bp-ui-action-height:40px;--bp-ui-action-radius:var(--bp-ui-radius-control);--bp-ui-action-padding-x:12px;--bp-ui-action-gap:6px}
.ui-foundation{background:var(--bp-ui-canvas);color:var(--bp-ui-ink)}
.ui-foundation .ui-page-shell{margin-inline:auto;max-width:1280px;padding:28px 20px 56px}
.ui-foundation .ui-surface{background:var(--bp-ui-surface);border:1px solid var(--bp-ui-line);border-radius:var(--bp-ui-radius-card);box-shadow:0 2px 8px rgba(30,41,59,.04);max-inline-size:100%;min-inline-size:0}
.ui-foundation .ui-surface--padded{padding:16px}
.ui-foundation .ui-surface--stack{display:grid;gap:16px}
.ui-foundation .ui-surface-title{font-size:16px;margin:0 0 12px}.ui-foundation .ui-surface-title--subsection{font-size:14px;margin-top:20px}
.ui-foundation .ui-action{align-items:center;block-size:var(--bp-ui-action-height);box-sizing:border-box;border:1px solid transparent;border-radius:var(--bp-ui-action-radius);cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:var(--bp-ui-action-gap);justify-content:center;line-height:20px;padding:8px var(--bp-ui-action-padding-x);text-decoration:none;white-space:nowrap}
.ui-foundation .ui-action--compact{--bp-ui-action-height:32px;--bp-ui-action-padding-x:10px;font-size:12px}
.ui-foundation .ui-action--touch{--bp-ui-action-height:44px;--bp-ui-action-padding-x:14px}
.ui-foundation .ui-action[aria-busy="true"]{cursor:progress;opacity:.72;pointer-events:none}
.ui-foundation .ui-action--primary{background:var(--bp-ui-primary);color:#fff}.ui-foundation .ui-action--primary:hover{background:var(--bp-ui-primary-strong)}
.ui-foundation .ui-action--secondary{background:#fff;border-color:#cbd5e1;color:#334155}.ui-foundation .ui-action--secondary:hover{background:#f8fafc}
.ui-foundation .ui-action--danger{background:#fff;color:var(--bp-ui-danger);border-color:#fecaca}
.ui-foundation .ui-action[data-ui-tone="ai-edit"]{background:rgba(51,204,204,.14);border-color:var(--bp-ui-ai);color:var(--bp-ui-ai-ink)}
.ui-foundation .ui-action[data-ui-tone="tobe"]{background:#f5f3ff;border-color:#a78bfa;color:#6d28d9}
.ui-foundation .ui-field{display:grid;gap:6px}.ui-foundation .ui-field label,.ui-foundation label.ui-field{color:var(--bp-ui-muted);font-size:12px;font-weight:650}.ui-foundation label.ui-field{gap:6px}
.ui-foundation .ui-control{border:1px solid #b8c9cc;border-radius:var(--bp-ui-radius-control);min-height:36px;padding:7px 10px}.ui-foundation .ui-control--touch{min-height:44px}
.ui-foundation .ui-inline-status,.ui-foundation .ui-feedback{min-height:1.5em}.ui-foundation .ui-inline-status[data-state="error"],.ui-foundation .ui-feedback[data-state="error"]{color:var(--bp-ui-danger)}.ui-foundation .ui-inline-status[data-state="success"],.ui-foundation .ui-feedback[data-state="success"]{color:var(--bp-ui-success)}.ui-foundation .ui-inline-status[data-state="loading"],.ui-foundation .ui-feedback[data-state="loading"]{color:var(--bp-ui-muted)}.ui-foundation .ui-inline-status[data-state="warning"],.ui-foundation .ui-feedback[data-state="warning"]{color:var(--bp-ui-warning)}
.ui-foundation .ui-progress{min-height:1.5em}.ui-foundation .ui-progress[aria-busy="true"]::before{animation:bp-ui-pulse 1.1s ease-in-out infinite;background:var(--bp-ui-primary);border-radius:var(--bp-ui-radius-pill);content:"";display:inline-block;height:6px;margin-inline-end:8px;vertical-align:middle;width:28px}@keyframes bp-ui-pulse{50%{opacity:.35}}
.ui-foundation .ui-tabs{display:flex;gap:4px}.ui-foundation .ui-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--bp-ui-muted);min-height:36px;padding:8px 12px}.ui-foundation .ui-tab[aria-selected="true"],.ui-foundation .ui-tab.is-active{border-bottom-color:var(--bp-ui-primary);color:var(--bp-ui-primary);font-weight:700}
.ui-foundation .ui-choice{align-items:center;border:1px solid var(--bp-ui-line);border-radius:var(--bp-ui-radius-control);display:inline-flex;overflow:hidden}.ui-foundation .ui-choice-option{background:#fff;border:0;color:#334155;min-height:34px;padding:7px 10px}.ui-foundation .ui-choice-option[aria-pressed="true"]{background:var(--bp-ui-primary-soft);color:var(--bp-ui-primary);font-weight:700}
.ui-foundation .ui-menu{background:var(--bp-ui-surface);border:1px solid var(--bp-ui-line);border-radius:var(--bp-ui-radius-control);box-shadow:0 2px 8px rgba(30,41,59,.08)}
.ui-foundation .ui-overlay{background:rgba(15,23,42,.3);inset:0;position:fixed;z-index:50}
.ui-foundation .ui-action:disabled{cursor:not-allowed;opacity:.55;pointer-events:none}
.ui-foundation .ui-data-table-scroll{inline-size:100%;max-inline-size:100%;min-inline-size:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ui-foundation .ui-data-table-scroll:focus-visible{outline:none;box-shadow:var(--bp-ui-focus-ring)}
.ui-foundation :is(.ui-action,.ui-control,.ui-tab,.ui-choice-option):focus-visible{outline:none;box-shadow:var(--bp-ui-focus-ring)}
@media (pointer:coarse){.ui-foundation .ui-action{block-size:44px}.ui-foundation .ui-control,.ui-foundation .ui-tab,.ui-foundation .ui-choice-option{min-height:44px}}
@media (max-width:700px){.ui-foundation .ui-page-shell{padding:20px 14px 44px}.ui-foundation .ui-data-table-scroll{touch-action:pan-x pan-y}}
@media (prefers-reduced-motion:reduce){.ui-foundation *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media (forced-colors:active){.ui-foundation .ui-surface{background:Canvas;border-color:CanvasText;color:CanvasText}.ui-foundation .ui-action{background:ButtonFace!important;border-color:ButtonText!important;color:ButtonText!important}.ui-foundation .ui-data-table-scroll:focus-visible,.ui-foundation :is(.ui-action,.ui-control,.ui-tab,.ui-choice-option):focus-visible{outline:3px solid Highlight;outline-offset:3px;box-shadow:none}}