/* BeyDo Web 1.0. Shared application design tokens; legacy theme stylesheet is not loaded. */
.bd-app {
    --bd-ink: #242424; --bd-muted: #606060; --bd-bg: #f3f3f3;
    --bd-surface: #fff; --bd-accent: #242424; --bd-accent-hover: #111111;
    --bd-on-accent: #fff; --bd-accent-soft: #f1f1f1; --bd-nav: #ffffff;
    --bd-on-nav: #242424; --bd-nav-muted: #606060; --bd-feature: #ffffff;
    --bd-data-lime: #d4ed72; --bd-data-purple: #9586df; --bd-data-blue: #739bd4;
    --bd-chart-line: #52652b; --bd-chart-fill: #cdea68; --bd-chart-point: #d4ed72;
    --bd-line: #dedede; --bd-control-line: #909090; --bd-focus: #505050;
    --bd-success: #4e6e5a; --bd-danger: #935751; --bd-warning: #7b6742;
    --bd-radius: 20px; --bd-control-radius: 12px; --bd-sidebar-width: 232px;
    --bd-space-1: 4px; --bd-space-2: 8px; --bd-space-3: 12px;
    --bd-space-4: 16px; --bd-space-6: 24px; --bd-space-8: 32px;
    margin: 0; color: var(--bd-ink); background: var(--bd-bg);
    font: 14px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased; overflow-wrap: anywhere;
}
.bd-app *, .bd-app *::before, .bd-app *::after { box-sizing: border-box; }
.bd-app [hidden] { display: none !important; }
.bd-app a { color: inherit; text-decoration: none; }
.bd-app button, .bd-app input, .bd-app select, .bd-app textarea { font: inherit; }
.bd-app button, .bd-app select { cursor: pointer; }
.bd-app button { color: inherit; }
.bd-app button:disabled, .bd-app input:disabled, .bd-app select:disabled { cursor: not-allowed; }
.bd-app h1, .bd-app h2, .bd-app h3, .bd-app p { margin: 0; }
.bd-app h1 { font-size: 32px; line-height: 1.18; letter-spacing: -1.25px; font-weight: 650; }
.bd-app h2 { font-size: 18px; line-height: 1.4; letter-spacing: -.45px; font-weight: 650; }
.bd-app h3 { font-size: 16px; }
.bd-app :focus-visible { outline: 3px solid var(--bd-focus); outline-offset: 3px; }
.bd-app ::selection { background: #e3e3e3; color: #343434; }
.bd-icon { flex-shrink: 0; vertical-align: middle; }
.bd-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.bd-skip { color: var(--bd-on-accent) !important; position: fixed; top: -80px; left: 20px; z-index: 100; background: var(--bd-accent); padding: 12px 20px; border-radius: 12px; }
.bd-skip:focus { top: 16px; }
.bd-sidebar { position: fixed; inset: 12px auto 12px 12px; width: var(--bd-sidebar-width); z-index: 40; background: var(--bd-nav); color: var(--bd-on-nav); border-radius: 26px; padding: 24px 12px 16px; display: flex; flex-direction: column; overflow-y: auto; scrollbar-width: thin;  border: 1px solid var(--bd-line); }
.bd-brand { display: flex; align-items: center; gap: 11px; margin: 0 9px 34px; }
.bd-brand-mark { display: grid; place-items: center; position: relative; font-size: 39px; line-height: 1; font-weight: 700; letter-spacing: -6px; background: var(--bd-accent-soft); width: 42px; height: 42px; border-radius: 13px; color: #343434; padding: 0 7px 5px 0; }
.bd-brand-mark span { position: absolute; font-size: 27px; right: 9px; top: 4px; }
.bd-brand-word { font-size: 27px; font-weight: 700; letter-spacing: -1.2px; line-height: 1.1; }
.bd-brand-word > span { display: block; font-size: 10px; color: var(--bd-nav-muted); letter-spacing: .1px; font-weight: 400; margin-top: 5px; }
.bd-nav-label { color: var(--bd-nav-muted); font-size: 10px; font-weight: 550; letter-spacing: 1.2px; padding: 0 13px; margin-bottom: 9px !important; }
.bd-nav { display: grid; gap: 5px; margin-bottom: 27px; }
.bd-nav-item { min-height: 46px; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; transition: background .15s; font-weight: 450; }
.bd-nav-item:hover { background: #f6f6f6; }
.bd-nav-item.is-active, .bd-nav-item.is-active:hover { background: var(--bd-accent-soft); color: #343434; font-weight: 600; }
.bd-nav-item > span:not(.bd-nav-count) { flex: 1; }
.bd-nav-count { background: #eeeeee; color: #606060; padding: 1px 7px; border-radius: 7px; font-size: 11px; }
.bd-nav-item.is-active .bd-nav-count { background: #e7e7e7; color: #343434; }
.bd-nav--secondary { font-size: 13px; }
.bd-nav--secondary .bd-icon { width: 18px; color: var(--bd-nav-muted); }
.bd-nav-note { font-size: 10px; color: var(--bd-nav-muted); display: flex; align-items: center; gap: 8px; padding: 0 12px; }
.bd-status-dot { width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.bd-sidebar-bottom { margin-top: auto; padding: 36px 12px 0; }
.bd-sidebar-flower { display: block; font-size: 50px; color: #686868; line-height: 1; margin-bottom: 14px; }
.bd-sidebar-bottom p { color: #343434; font-size: 13px; font-weight: 550; }
.bd-sidebar-bottom p span { display: block; color: var(--bd-nav-muted); font-weight: 400; font-size: 11px; margin-top: 5px; }
.bd-sidebar-version { border-top: 1px solid var(--bd-line); margin-top: 24px; padding-top: 16px; display: flex; justify-content: space-between; color: var(--bd-nav-muted); font-size: 11px; }
.bd-nav-close, .bd-nav-toggle { display: none !important; }
.bd-main-shell { margin-left: calc(var(--bd-sidebar-width) + 24px); padding: 0 28px; min-height: 100vh; display: flex; flex-direction: column; }
.bd-topbar { min-height: 82px; display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid var(--bd-line); }
.bd-breadcrumb { display: flex; align-items: center; gap: 12px; color: var(--bd-muted); font-size: 12px; }
.bd-breadcrumb strong { color: var(--bd-ink); font-weight: 550; }
.bd-topbar-actions { display: flex; gap: 16px; align-items: center; }
.bd-preview-label { font-size: 9px; letter-spacing: 1.5px; color: var(--bd-muted); }
.bd-avatar { width: 36px; height: 36px; display: grid; place-items: center; font-weight: 600; border: 3px solid #fff; border-radius: 50%; background: #ede7f3; }
.bd-icon-button { min-width: 44px; min-height: 44px; border: 0; border-radius: 50%; background: transparent; display: inline-flex; align-items: center; justify-content: center; padding: 8px; flex-shrink: 0; }
.bd-icon-button:hover { background: #ececec; }
.bd-main { flex: 1; padding-top: 28px; min-width: 0; width: 100%; max-width: 1660px; margin: 0 auto; }
.bd-page-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; padding-bottom: 28px; }
.bd-eyebrow { color: var(--bd-muted); font-size: 9px; letter-spacing: 1.4px; font-weight: 550; margin-bottom: 9px !important; }
.bd-subtitle { color: var(--bd-muted); margin-top: 10px !important; font-size: 13px; }
.bd-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.bd-live-label { display: flex; align-items: center; gap: 7px; color: var(--bd-muted); font-size: 10px; }
.bd-live-label .bd-status-dot { color: #7d7d7d; }
.bd-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border-radius: 999px; border: 1px solid transparent; padding: 10px 17px; font-size: 12px; font-weight: 600; line-height: 1.4; text-align: center; transition: background .15s; }
.bd-app .bd-button--primary { background: var(--bd-accent); color: var(--bd-on-accent); }
.bd-button--primary:hover { background: var(--bd-accent-hover); }
.bd-button--secondary { background: #fff; border-color: var(--bd-control-line); }
.bd-button--secondary:hover { background: #f3f3f3; }
.bd-button--ghost { background: transparent; }
.bd-button--ghost:hover { background: #f1f1f1; }
.bd-app .bd-button--danger { background: #f6eeee; color: var(--bd-danger); border-color: #aa827d; }
.bd-button--danger:hover { background: #f0e1df; }
.bd-button:disabled { background: #ebebeb; color: #6a6a6a; border-color: transparent; }
.bd-button .bd-icon { width: 17px; height: 17px; }
.bd-tabs { display: flex; gap: 24px; align-items: center; border-bottom: 1px solid #e0e0e0; margin-bottom: 26px; }
.bd-tab { min-height: 48px; display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--bd-muted) !important; border-bottom: 2px solid transparent; padding: 10px 0 12px; }
.bd-tab.is-active { border-color: #292929; color: var(--bd-ink) !important; font-weight: 600; }
.bd-tab > span { background: #e9e9e9; border-radius: 5px; padding: 0 5px; font-size: 10px; }
.bd-tabs-note { margin-left: auto; display: flex; align-items: center; gap: 6px; color: var(--bd-muted); font-size: 10px; }
.bd-demo-dot { width: 6px; height: 6px; border-radius: 50%; border: 1px solid #909090; }
.bd-section-intro { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }
.bd-section-intro h2 { font-size: 18px; }
.bd-section-intro p { color: var(--bd-muted); font-size: 11px; margin-top: 4px; }
.bd-inline-note { font-size: 12px; color: var(--bd-muted); font-weight: 400; letter-spacing: 0; margin-left: 8px; }
.bd-period { display: flex; align-items: center; gap: 8px; background: #fff; padding: 0 12px; border: 1px solid var(--bd-control-line); border-radius: 999px; min-height: 44px; }
.bd-period select { background: transparent; border: 0; color: var(--bd-ink); font-size: 11px; padding: 8px 4px; min-height: 42px; max-width: 100%; }
.bd-overview-grid { display: grid; grid-template-columns: .85fr 1.3fr; gap: 20px; margin-bottom: 16px; }
.bd-card { background: var(--bd-surface); border: 1px solid var(--bd-line); box-shadow: 0 2px 8px #00000004; border-radius: var(--bd-radius); padding: 24px; min-width: 0; }
.bd-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.bd-card-heading h2 { font-size: 16px; letter-spacing: -.3px; }
.bd-card-caption { color: var(--bd-muted); font-size: 11px; margin-top: -6px !important; }
.bd-revenue-card { background: var(--bd-feature); border: 1px solid var(--bd-line); color: var(--bd-ink); border-radius: var(--bd-radius); padding: 24px; display: flex; flex-direction: column; min-width: 0; position: relative; overflow: hidden; min-height: 300px;  box-shadow: 0 2px 8px #00000004; }
.bd-revenue-top { display: flex; align-items: center; gap: 10px; font-size: 12px; }
.bd-dark-icon { display: grid; place-items: center; width: 34px; height: 34px; background: #f0f2e9; border-radius: 10px;  color: #52652b; }
.bd-revenue-spark { font-size: 36px; color: #67704d; margin-left: auto; line-height: 1; }
.bd-revenue-value { font-size: clamp(30px, 3.3vw, 54px); line-height: 1.18; letter-spacing: -1.5px; font-weight: 550; margin-top: 19px !important; font-variant-numeric: tabular-nums; }
.bd-revenue-growth { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; font-size: 10px; color: var(--bd-muted); }
.bd-revenue-growth > span { display: flex; align-items: center; gap: 3px; color: #4e6e38; }
.bd-revenue-bars { display: flex; gap: 7px; height: 51px; align-items: flex-end; margin-top: 18px; }
.bd-revenue-bars > span { height: var(--bar); background: #d7e8a5; border-radius: 4px 4px 1px 1px; flex: 1; }
.bd-revenue-bars > span:last-child { background: var(--bd-data-purple); }
.bd-revenue-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 18px; border-top: 1px solid var(--bd-line); padding-top: 14px; font-size: 10px; color: var(--bd-muted); }
.bd-revenue-bottom > span:first-child { display: flex; align-items: center; gap: 6px; }
.bd-revenue-bottom .bd-status-dot { color: #7f9539; width: 5px; height: 5px; }
.bd-chart-legend { display: flex; align-items: center; gap: 5px; font-size: 9px; color: var(--bd-muted); }
.bd-chart-legend i { width: 7px; height: 7px; background: #849e3e; border-radius: 50%; }
.bd-chart-wrap { display: flex; margin-top: 16px; gap: 8px; }
.bd-chart-y { width: 56px; flex-shrink: 0; display: flex; flex-direction: column; justify-content: space-between; font-size: 9px; color: var(--bd-muted); padding: 23px 0 42px; }
.bd-chart-plot { flex: 1; min-width: 0; }
.bd-line-chart { width: 100%; height: 173px; display: block; overflow: visible; }
.bd-sidebar :focus-visible { outline-color: var(--bd-focus); }
.bd-chart-area-stop { stop-color: var(--bd-chart-fill); }
.bd-chart-line { stroke: var(--bd-chart-line); }
.bd-chart-point { fill: var(--bd-chart-point); stroke: var(--bd-chart-line); }
.bd-chart-gridline { stroke: #e7e7e7; stroke-width: 1; stroke-dasharray: 3 5; }
.bd-chart-x { display: flex; justify-content: space-between; font-size: 9px; color: var(--bd-muted); padding: 2px 8px 0; }
.bd-chart-data { margin-top: 11px; font-size: 10px; color: var(--bd-muted); }
.bd-chart-data summary { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; cursor: pointer; }
.bd-chart-data-table { max-height: 220px; overflow: auto; }
.bd-chart-data table { width: 100%; border-collapse: collapse; }
.bd-chart-data th, .bd-chart-data td { padding: 6px; text-align: left; border-bottom: 1px solid var(--bd-line); }
.bd-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.bd-metric { display: flex; align-items: center; gap: 14px; padding: 19px 20px; }
.bd-metric-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; flex-shrink: 0; }
.bd-metric-icon--lime { background: #eef5d9; color: #587321; }
.bd-metric-icon--purple { background: #eee9f5; color: #786092; }
.bd-metric-icon--blue { background: #e9eef5; color: #5b7498; }
.bd-metric p { font-size: 10px; color: var(--bd-muted); margin-bottom: 4px; }
.bd-metric strong { font-size: 24px; font-weight: 600; line-height: 1.2; letter-spacing: -.6px; font-variant-numeric: tabular-nums; }
.bd-metric strong small { font-size: 14px; color: var(--bd-muted); font-weight: 400; }
.bd-metric-note { margin-left: auto; font-size: 9px; color: var(--bd-muted); align-self: flex-end; white-space: nowrap; }
.bd-points-card { padding: 23px 0 0; overflow: hidden; }
.bd-points-card > .bd-card-heading { padding: 0 24px; }
.bd-count-label { color: var(--bd-muted); font-size: 10px; }
.bd-filter-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 4px 24px 19px; }
.bd-search-field { display: flex; align-items: center; gap: 9px; padding: 0 12px; min-height: 44px; border: 1px solid var(--bd-control-line); border-radius: var(--bd-control-radius); color: var(--bd-muted); background: #fff; flex: 1 1 180px; min-width: 0; transition: border-color .15s, box-shadow .15s; }
.bd-search-field input { border: 0; background: transparent; min-height: 42px; min-width: 0; width: 100%; font-size: 11px; color: var(--bd-ink); }
.bd-app .bd-search-field input:focus { outline: 0; outline-offset: 0; box-shadow: none; }
.bd-app input::placeholder, .bd-app textarea::placeholder { color: var(--bd-muted); opacity: 1; }
.bd-select-filter { display: flex; align-items: center; gap: 6px; border: 1px solid var(--bd-control-line); border-radius: var(--bd-control-radius); min-height: 44px; padding: 0 8px; }
.bd-select-filter select { border: 0; background: transparent; padding: 8px 2px; font-size: 11px; color: #545454; min-height: 42px; max-width: 100%; }
.bd-applied-filters { padding: 0 24px 16px; font-size: 11px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: var(--bd-muted); }
.bd-applied-filters a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 3px; color: #626262; }
.bd-table-wrap { overflow-x: auto; position: relative; }
.bd-table { width: 100%; border-collapse: collapse; white-space: nowrap; }
.bd-table thead { background: #f9f9f9; border-top: 1px solid var(--bd-line); border-bottom: 1px solid var(--bd-line); }
.bd-table th, .bd-table td { padding: 14px 14px; text-align: left; }
.bd-table thead th { color: var(--bd-muted); font-size: 10px; font-weight: 450; padding-top: 11px; padding-bottom: 11px; }
.bd-table tbody tr + tr { border-top: 1px solid #f0f0f0; }
.bd-table tbody tr:hover { background: #fbfbfb; }
.bd-table th:first-child { padding-left: 24px; }
.bd-table td:last-child { padding-right: 16px; }
.bd-table tbody { font-size: 11px; }
.bd-point-name { display: flex; align-items: center; gap: 10px; }
.bd-point-avatar { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; font-size: 11px; font-weight: 600; flex-shrink: 0; }
.bd-point-avatar--0 { background: #eeeeee; color: #6a6a6a; }
.bd-point-avatar--1 { background: #efefef; color: #6f6f6f; }
.bd-point-avatar--2 { background: #ededed; color: #6e6e6e; }
.bd-point-name strong { font-size: 12px; font-weight: 550; display: block; }
.bd-point-name div > span { color: var(--bd-muted); font-size: 9px; font-weight: 400; display: block; margin-top: 2px; white-space: normal; max-width: 210px; }
.bd-numeric { text-align: right !important; font-variant-numeric: tabular-nums; }
.bd-amount { font-weight: 550; font-size: 12px; }
.bd-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 450; border-radius: 7px; padding: 4px 8px; background: #f1f1f1; color: #6c6c6c; line-height: 1.5; }
.bd-badge .bd-status-dot { width: 5px; height: 5px; }
.bd-badge--success { color: #4e6e5a; background: #eef3ed; }
.bd-badge--warning { color: #7b6742; background: #f5f1e9; }
.bd-badge--danger { color: #935751; background: #f6eeee; }
.bd-badge--info { color: #5c6e75; background: #edf1f2; }
.bd-plan { display: flex; align-items: center; gap: 8px; font-size: 10px; }
.bd-plan-track { width: 54px; height: 4px; border-radius: 4px; background: #edf1e2; overflow: hidden; }
.bd-plan-track i { display: block; height: 100%; background: #90a64f; border-radius: inherit; }
.bd-table-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid var(--bd-line); padding: 12px 24px; }
.bd-table-footer p { font-size: 10px; color: var(--bd-muted); }
.bd-pagination { display: flex; gap: 12px; }
.bd-pagination a { min-width: 44px; min-height: 44px; display: grid; place-items: center; border-radius: 10px; font-size: 11px; }
.bd-pagination a:hover { background: #f3f3f3; }
.bd-pagination a[aria-current] { background: #eaeaea; font-weight: 600; }
.bd-footer { color: var(--bd-muted); font-size: 9px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0; max-width: 1660px; width: 100%; margin: auto auto 0; }
.bd-request-status { padding: 10px 16px; background: #eeeeee; margin-bottom: 16px; border-radius: 12px; font-size: 12px; }
.bd-request-error { display: flex; align-items: center; gap: 12px; padding: 16px; margin-bottom: 20px; border: 1px solid #aa827d; background: #f8f1ef; color: #85524b; border-radius: 16px; }
.bd-request-error p { font-size: 12px; margin-top: 4px; }
.bd-request-error .bd-button { margin-left: auto; }
.bd-is-loading, .bd-is-stale { opacity: .42; pointer-events: none; }
.bd-no-js-submit { margin-top: 8px; }
.bd-js .bd-no-js-submit { display: none; }
.bd-noscript { padding: 16px; font-size: 12px; }
.bd-component-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.bd-component-grid .bd-card { scroll-margin-top: 24px; }
.bd-library-search { max-width: 270px; }
.bd-component-description { color: var(--bd-muted); font-size: 12px; margin-bottom: 16px !important; line-height: 1.7; }
.bd-component-stage { display: flex; flex-wrap: wrap; gap: 12px; padding: 16px 0; }
.bd-code-label { font-family: ui-monospace, SFMono-Regular, monospace; font-size: 10px; color: #737373; border-top: 1px solid var(--bd-line); padding-top: 12px; margin-top: 12px !important; }
.bd-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.bd-field > label { font-size: 12px; font-weight: 550; }
.bd-field > input, .bd-field > select, .bd-field > textarea { min-height: 44px; width: 100%; min-width: 0; border: 1px solid var(--bd-control-line); border-radius: var(--bd-control-radius); padding: 11px 12px; background: #fff; color: var(--bd-ink); font-size: 13px; transition: border-color .15s, box-shadow .15s; }
.bd-field > textarea { resize: vertical; max-height: 40vh; }
.bd-field [aria-invalid="true"] { border-color: var(--bd-danger); background: #fff8f7; }
.bd-field > select:disabled { background: #f0f0f0; color: #6a6a6a; }
.bd-app select { appearance: none; -webkit-appearance: none; }
/* The native select remains a styled GET/form fallback; JS enhances its popup too. */
.bd-app select:not([multiple]) { padding-right: 34px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23606060' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; }
.bd-select { width: 100%; min-width: 0; }
.bd-app .bd-select-trigger { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 46px; padding: 11px 12px; border: 1px solid var(--bd-control-line); border-radius: var(--bd-control-radius); background: #fff; color: var(--bd-ink); text-align: left; font-size: 13px; line-height: 1.5; transition: border-color .16s, box-shadow .16s, background .16s; }
.bd-select-trigger > svg { flex-shrink: 0; color: #666; transition: transform .16s; }
.bd-select-trigger > svg:last-child { margin-left: auto; }
.bd-select-value { min-width: 0; overflow-wrap: anywhere; }
.bd-select-trigger:hover:not(:disabled) { border-color: #444; background: #fcfcfa; }
.bd-select.is-open .bd-select-trigger > svg:last-child { transform: rotate(180deg); }
.bd-select-trigger:disabled { background: #f2f2f0; border-color: #c3c5bf; color: #74786f; }
.bd-select-trigger[aria-invalid="true"] { border-color: var(--bd-danger); background: #fff8f7; }
.bd-select-panel { position: fixed; inset: auto; margin: 0; z-index: 90; box-sizing: border-box; padding: 6px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; border: 1px solid #c5cbbd; border-radius: 14px; background: #fff; color: var(--bd-ink); box-shadow: 0 12px 36px #1b281b26, 0 3px 8px #1b281b0a; font: inherit; }
.bd-select-option { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 11px 12px; border-radius: 8px; cursor: pointer; font-size: 13px; line-height: 1.5; }
.bd-select-option.is-active, .bd-select-option:hover:not([aria-disabled="true"]) { background: #f1f4e9; }
.bd-select-option[aria-selected="true"] { background: #edf2dc; font-weight: 600; color: #394524; }
.bd-select-option[aria-disabled="true"] { color: #7a7f75; cursor: not-allowed; }
.bd-select-check { width: 16px; color: #556c2d; visibility: hidden; }
.bd-select-option[aria-selected="true"] .bd-select-check { visibility: visible; }
.bd-select-group { padding: 10px 12px 5px; color: var(--bd-muted); font-size: 11px; font-weight: 600; }
.bd-select-host { border: 0; background: transparent; padding: 0; min-width: 0; }
.bd-select-host > .bd-icon { display: none; }
.bd-period .bd-select-trigger { border-radius: 999px; font-size: 12px; }
.bd-select-filter .bd-select-trigger { font-size: 12px; }
.bd-app .bd-field > :is(input, select, textarea):focus,
.bd-app .bd-search-field:focus-within,
.bd-app .bd-select-trigger:focus,
.bd-app .bd-select.is-open .bd-select-trigger { outline: 0; outline-offset: 0; border-color: var(--bd-focus); box-shadow: 0 0 0 1px var(--bd-focus); }
.bd-app .bd-field > [aria-invalid="true"]:focus,
.bd-app .bd-select-trigger[aria-invalid="true"]:focus,
.bd-app .bd-select.is-open .bd-select-trigger[aria-invalid="true"] { border-color: var(--bd-danger); box-shadow: 0 0 0 1px var(--bd-danger); }
@media (forced-colors: active) {
    .bd-app .bd-field > :is(input, select, textarea):focus-visible,
    .bd-app .bd-search-field:focus-within,
    .bd-app .bd-select-trigger:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; box-shadow: none; }
}
.bd-state-select .bd-select { max-width: 65%; }
.bd-demo-preview { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid #e0e7d5; border-radius: 14px; background: #f7faf1; margin: 6px 0 14px; }
.bd-demo-preview > div { min-width: 0; }
.bd-demo-preview strong { display: block; font-size: 13px; }
.bd-demo-preview p { margin-top: 3px; color: var(--bd-muted); font-size: 11px; }
.bd-demo-preview output { margin-left: auto; color: #4f612f; font-size: 11px; font-weight: 550; white-space: nowrap; }
.bd-live-example-note { display: flex; align-items: center; gap: 7px; color: #667a3c; font-size: 11px; }
.bd-live-example-note .bd-status-dot { width: 5px; height: 5px; }
.bd-demo-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 8px 0 12px; }
.bd-demo-toolbar .bd-select { max-width: 155px; }
.bd-demo-toolbar > span { font-size: 11px; color: var(--bd-muted); }
.bd-chart-readout { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 32px; margin-top: 8px; font-size: 11px; color: var(--bd-muted); }
.bd-chart-readout strong { font-size: 13px; color: var(--bd-ink); font-variant-numeric: tabular-nums; }
[data-bd-chart] { border-radius: 6px; cursor: crosshair; touch-action: pan-y; }
.bd-chart-point.is-active { fill: #8d7ac7; stroke: #63518f; }
.bd-chart-hint { font-size: 10px; color: var(--bd-muted); margin-top: 5px !important; }
.bd-mini-bars i { transition: height .24s cubic-bezier(.2,.7,.2,1), background .18s; }
.bd-app .bd-button { transition: transform .14s, background .16s, box-shadow .16s; }
.bd-app .bd-button:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 3px 9px #22222210; }
.bd-app .bd-button:active:not(:disabled) { transform: translateY(0) scale(.98); box-shadow: none; }
.bd-card { transition: border-color .18s, box-shadow .18s; }
@media (hover: hover) and (pointer: fine) { .bd-component-grid > .bd-card:hover { border-color: #cbd3bd; box-shadow: 0 4px 18px #2c3b2010; } }
@media (max-width: 620px) { .bd-select-trigger { font-size: 14px; } .bd-demo-preview { flex-wrap: wrap; } .bd-demo-preview output { margin-left: 54px; } }
.bd-field-hint { color: var(--bd-muted); font-size: 10px; line-height: 1.6; }
.bd-field-error { color: #935751; font-size: 11px; line-height: 1.6; }
.bd-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 20px 0; }
.bd-check { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 12px; cursor: pointer; }
.bd-check input { width: 18px; height: 18px; margin: 0; flex-shrink: 0; accent-color: #727272; cursor: pointer; }
.bd-choice-examples { display: grid; gap: 12px; }
.bd-radio-group { border: 0; padding: 0; margin: 0; display: flex; gap: 20px; flex-wrap: wrap; }
.bd-radio-group legend { font-size: 11px; color: var(--bd-muted); }
.bd-switch input { appearance: none; width: 35px; height: 21px; border-radius: 99px; background: #b0b0b0; position: relative; border: 1px solid #8a8a8a; }
.bd-switch input::after { content: ''; position: absolute; width: 15px; height: 15px; border-radius: 50%; background: #fff; left: 2px; top: 2px; transition: transform .15s; }
.bd-switch input:checked { background: #727272; }
.bd-switch input:checked::after { transform: translateX(13px); }
.bd-local-tabs { display: flex; gap: 12px; border-bottom: 1px solid var(--bd-line); }
.bd-local-tabs button { background: transparent; border: 0; border-bottom: 2px solid transparent; padding: 12px 10px; min-height: 44px; font-size: 12px; color: var(--bd-muted); }
.bd-local-tabs [aria-selected="true"] { border-color: #626262; color: var(--bd-ink); font-weight: 600; }
.bd-local-tabs button span { margin-left: 6px; font-size: 10px; }
.bd-tab-example { display: flex; align-items: center; gap: 12px; padding: 24px 0; font-size: 12px; }
.bd-tab-example p { color: var(--bd-muted); font-size: 11px; margin-top: 4px; }
.bd-soft-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: #eeeeee; color: #727272; flex-shrink: 0; }
.bd-badge-examples { gap: 12px; margin-bottom: 16px; }
.bd-example-list > div { display: flex; align-items: center; gap: 12px; padding: 15px 0; }
.bd-example-list > div + div { border-top: 1px solid var(--bd-line); }
.bd-example-list > div > span:nth-child(2) { flex: 1; }
.bd-example-list strong { display: block; font-size: 12px; }
.bd-example-list small { color: var(--bd-muted); font-size: 10px; }
.bd-mini-analytics { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 0 24px; }
.bd-mini-analytics strong { font-size: 28px; display: block; margin: 7px 0 12px; letter-spacing: -.8px; }
.bd-mini-analytics p { font-size: 11px; }
.bd-mini-bars { height: 95px; width: 150px; display: flex; align-items: flex-end; gap: 6px; }
.bd-mini-bars i { flex: 1; background: #b7a9e6; border-radius: 4px; }
.bd-mini-bars i:last-child { background: var(--bd-data-blue); }
.bd-muted { color: var(--bd-muted); }
.bd-notice { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border-radius: 12px; margin-bottom: 16px; }
.bd-notice--warning { color: #7b6742; background: #f7f3eb; border: 1px solid #b8a17a; }
.bd-notice strong { font-size: 12px; }
.bd-notice p { font-size: 11px; margin-top: 4px; }
.bd-state-select { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 11px; color: var(--bd-muted); }
.bd-state-select select { min-height: 44px; border: 1px solid var(--bd-control-line); border-radius: 10px; background: #fff; padding: 8px; font-size: 11px; max-width: 65%; }
.bd-empty { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 30px 16px; gap: 10px; }
.bd-empty h3 { font-size: 14px; font-weight: 550; }
.bd-empty p { font-size: 11px; color: var(--bd-muted); max-width: 320px; }
.bd-empty .bd-button { margin-top: 4px; }
.bd-empty-icon { width: 48px; height: 48px; display: grid; place-items: center; background: #f1f1f1; color: #808080; border-radius: 15px; margin-bottom: 4px; }
.bd-skeleton-list { padding: 25px 0; display: grid; gap: 14px; }
.bd-skeleton-list > span { height: 24px; background: linear-gradient(90deg,#efefef 25%,#f7f7f7 50%,#efefef 75%); background-size: 200% 100%; animation: bd-shimmer 1.5s infinite; border-radius: 8px; }
.bd-skeleton-list > span:last-of-type { width: 70%; }
@keyframes bd-shimmer { to { background-position: -200% 0; } }
.bd-dialog-illustration { height: 104px; display: grid; place-items: center; background: #f3f3f3; margin: 14px 0 18px; border-radius: 12px; }
.bd-dialog-illustration > div { width: 146px; border: 1px solid #dbdbdb; border-radius: 10px; padding: 10px; background: #fff; display: grid; gap: 6px; box-shadow: 0 5px 15px #35353510; }
.bd-dialog-illustration i { width: 48%; height: 5px; background: #b6b6b6; border-radius: 4px; }
.bd-dialog-illustration span { height: 12px; background: #f2f2f2; border-radius: 3px; }
.bd-dialog-illustration b { width: 40%; height: 11px; justify-self: end; background: var(--bd-accent); border-radius: 4px; }
.bd-accordion { border-bottom: 1px solid var(--bd-line); }
.bd-accordion summary { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 12px; cursor: pointer; list-style: none; }
.bd-accordion p { font-size: 12px; color: var(--bd-muted); padding: 0 0 16px; }
.bd-accordion[open] summary .bd-icon { transform: rotate(180deg); }
.bd-dropdown { display: inline-block; position: relative; margin-top: 18px; }
.bd-dropdown summary { list-style: none; }
.bd-dropdown summary::-webkit-details-marker, .bd-accordion summary::-webkit-details-marker { display: none; }
.bd-dropdown > div { position: absolute; z-index: 10; width: min(280px,70vw); right: 0; background: #fff; border: 1px solid #c9c9c9; border-radius: 16px; padding: 8px; box-shadow: 0 8px 30px #2727271a; display: grid; gap: 4px; }
.bd-dropdown .bd-button { justify-content: flex-start; font-size: 11px; }
.bd-library-bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 24px 8px; font-size: 11px; color: var(--bd-muted); }
.bd-library-bottom p { flex: 1 1 320px; }
.bd-library-bottom a { display: flex; align-items: center; gap: 6px; color: #626262; min-height: 44px; }
.bd-dialog { border: 1px solid #e4e4e4; border-radius: 24px; padding: 28px; width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; color: var(--bd-ink); box-shadow: 0 24px 120px #13131333; }
.bd-dialog::backdrop { background: #14141470; backdrop-filter: blur(4px); }
.bd-dialog form { display: grid; gap: 18px; }
.bd-dialog-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.bd-dialog-header h2 { font-size: 24px; }
.bd-dialog-header .bd-icon-button { margin: -7px -9px 0 0; }
.bd-dialog .bd-muted { font-size: 12px; }
.bd-dialog-footer { display: flex; justify-content: flex-end; gap: 12px; padding-top: 18px; border-top: 1px solid var(--bd-line); margin-top: 8px; flex-wrap: wrap; }
.bd-dialog--small { width: min(440px, calc(100vw - 32px)); }
.bd-detail-list { margin: 24px 0; }
.bd-detail-list > div { padding: 14px 0; border-bottom: 1px solid var(--bd-line); }
.bd-detail-list dt { font-size: 11px; color: var(--bd-muted); }
.bd-detail-list dd { margin: 5px 0 0; font-weight: 550; font-size: 18px; }
.bd-form-success { padding: 12px; background: #eef3ed; border: 1px solid #879d85; color: #4e6e5a; border-radius: 10px; font-size: 12px; }
.bd-toast { position: fixed; z-index: 70; bottom: 24px; left: calc(50% + 116px); transform: translateX(-50%); max-width: min(520px,calc(100vw - 32px)); padding: 14px 20px; background: #474747; color: #f7f7f7; border: 1px solid #969696; border-radius: 16px; box-shadow: 0 6px 30px #2020202a; display: flex; align-items: center; gap: 10px; font-size: 12px; }
.bd-toast .bd-icon { color: var(--bd-accent-soft); }
.bd-guideline-hero { display: flex; justify-content: space-between; align-items: center; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 22px; padding: 32px; margin-bottom: 20px; gap: 24px; }
.bd-guideline-hero h2 { font-size: 38px; line-height: 1.12; letter-spacing: -1.4px; margin-bottom: 16px; }
.bd-guideline-hero p:not(.bd-eyebrow) { max-width: 510px; font-size: 13px; color: #6a6a6a; }
.bd-guideline-hero > span { font-size: 150px; line-height: 1; color: #979797; padding-right: 32px; }
.bd-swatches { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 20px 0; }
.bd-swatches > div { display: grid; gap: 4px; }
.bd-swatches i { display: block; height: 56px; border-radius: 10px; border: 1px solid #cecece; margin-bottom: 4px; }
.bd-swatches strong { font-size: 11px; }
.bd-swatches code, .bd-swatches span { font-size: 9px; color: var(--bd-muted); }
.bd-type-sample > strong { font-size: 25px; line-height: 1.25; letter-spacing: -.7px; display: block; margin: 18px 0; }
.bd-type-sample p { font-size: 12px; color: var(--bd-muted); }
.bd-spacing-example { display: flex; gap: 16px; padding: 24px 0; }
.bd-spacing-example > span { display: grid; justify-items: center; align-content: end; gap: 8px; font-size: 10px; color: var(--bd-muted); }
.bd-spacing-example i { height: 20px; display: block; background: #bebebe; border-radius: 3px; }
.bd-rule-list { padding-left: 20px; margin: 18px 0 0; display: grid; gap: 18px; font-size: 12px; }
.bd-rule-list li::marker { color: #7b7b7b; }
.bd-rule-list p { color: var(--bd-muted); margin-top: 4px; }
.bd-check-list { display: grid; gap: 14px; list-style: none; padding: 6px 0 0; margin: 0; font-size: 12px; color: #6a6a6a; }
.bd-check-list li { display: flex; align-items: flex-start; gap: 10px; }
.bd-check-list .bd-icon { width: 16px; height: 16px; color: #7b7b7b; margin-top: 2px; }
.bd-state-chips { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0; }
.bd-state-chips span { border: 1px solid #d5d5d5; border-radius: 8px; padding: 6px 9px; font-size: 10px; }
.bd-wide-card { grid-column: 1 / -1; }
.bd-code-block { background: #f0f0f0; color: #595959; padding: 24px; border-radius: 14px; line-height: 1.85; font-size: 12px; overflow-x: auto; margin: 18px 0; }
.bd-next-step { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding: 24px 0; }
.bd-next-step > div { flex: 1 1 320px; }
.bd-next-step strong { font-size: 13px; }
.bd-next-step p { color: var(--bd-muted); font-size: 11px; margin-top: 4px; }
@media (min-width: 1700px) { .bd-main-shell { padding: 0 48px; } .bd-revenue-card { min-height: 325px; } .bd-line-chart { height: 200px; } }
@media (max-width: 1250px) { .bd-live-label { display: none; } .bd-main-shell { padding: 0 22px; } .bd-metric-note { display: none; } .bd-metric { padding: 18px 16px; } .bd-chart-legend { display: none; } .bd-tabs-note { font-size: 9px; } }
@media (max-width: 1050px) { .bd-app { --bd-sidebar-width: 210px; } .bd-main-shell { padding: 0 20px; } .bd-brand { margin-left: 4px; gap: 8px; } .bd-brand-word { font-size: 25px; } .bd-nav-item { font-size: 12px; gap: 9px; } .bd-nav--secondary .bd-nav-item { font-size: 11px; } .bd-overview-grid { grid-template-columns: .9fr 1.1fr; gap: 16px; } .bd-revenue-card, .bd-chart-card { padding: 20px; } .bd-tabs-note { display: none; } .bd-page-heading h1 { font-size: 28px; } .bd-metric { gap: 10px; } .bd-metric-icon { width: 36px; height: 36px; } .bd-metric strong { font-size: 21px; } .bd-component-grid { gap: 16px; } .bd-form-grid { grid-template-columns: 1fr; } }
@media (max-width: 860px) { .bd-app { --bd-sidebar-width: 232px; } .bd-sidebar { transform: translateX(-270px); transition: transform .2s ease; inset: 8px auto 8px 8px; } .bd-sidebar.is-open { transform: translateX(0); } .bd-main-shell { margin-left: 0; padding: 0 24px; } .bd-nav-toggle { display: inline-flex !important; margin-left: -8px; } .bd-nav-close { display: inline-flex !important; position: absolute; right: 6px; top: 6px; color: #343434 !important; } .bd-nav-close:hover { background: #eeeeee; } .bd-sidebar-backdrop { position: fixed; inset: 0; z-index: 39; background: #16161680; backdrop-filter: blur(3px); } .bd-topbar { min-height: 72px; } .bd-page-heading h1 { font-size: 32px; } .bd-revenue-value { font-size: 40px; } .bd-toast { left: 50%; } .bd-form-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) {
    .bd-main-shell { padding: 0 16px; } .bd-topbar { min-height: 64px; gap: 8px; } .bd-topbar-actions { gap: 4px; } .bd-preview-label { display: none; } .bd-breadcrumb { gap: 5px; font-size: 10px; } .bd-avatar { width: 30px; height: 30px; }
    .bd-main { padding-top: 24px; } .bd-page-heading { padding-bottom: 20px; gap: 18px; } .bd-page-heading h1 { font-size: 29px; max-width: 340px; } .bd-eyebrow { font-size: 8px; letter-spacing: 1.1px; } .bd-subtitle { font-size: 12px; max-width: 300px; } .bd-actions { width: 100%; } .bd-actions .bd-button { width: 100%; } .bd-button { font-size: 12px; min-height: 44px; }
    .bd-tabs { gap: 20px; margin-bottom: 22px; overflow-x: auto; } .bd-tab { font-size: 11px; flex-shrink: 0; } .bd-tab > span { font-size: 9px; }
    .bd-section-intro { gap: 14px; } .bd-section-intro h2 { font-size: 17px; } .bd-section-intro p { font-size: 10px; } .bd-inline-note { font-size: 10px; margin-left: 3px; } .bd-period { min-height: 44px; }
    .bd-overview-grid { grid-template-columns: 1fr; gap: 16px; } .bd-revenue-card { min-height: 290px; padding: 23px; } .bd-revenue-value { font-size: 44px; } .bd-revenue-bars { height: 56px; } .bd-chart-card { padding: 22px; } .bd-chart-card .bd-empty { padding: 24px 0; } .bd-chart-y { width: 44px; font-size: 8px; } .bd-line-chart { height: 155px; }
    .bd-metrics { grid-template-columns: 1fr; gap: 12px; margin-bottom: 20px; } .bd-metric { padding: 17px 20px; } .bd-metric-icon { width: 42px; height: 42px; } .bd-metric strong { font-size: 23px; } .bd-metric-note { display: block; } .bd-metric p { font-size: 11px; }
    .bd-points-card > .bd-card-heading, .bd-filter-bar { padding-left: 20px; padding-right: 20px; } .bd-filter-bar { display: grid; grid-template-columns: 1fr 1fr; } .bd-search-field { grid-column: 1 / -1; } .bd-select-filter { min-width: 0; } .bd-select-filter select { width: 100%; } .bd-sort-filter { grid-column: 1 / -1; } .bd-table-footer { padding: 12px 16px; gap: 8px; } .bd-table-footer p { font-size: 9px; } .bd-pagination { gap: 12px; } .bd-table th:first-child { padding-left: 20px; } .bd-table th, .bd-table td { padding-top: 12px; padding-bottom: 12px; }
    .bd-footer { align-items: flex-start; flex-direction: column; gap: 6px; font-size: 9px; padding: 24px 0; } .bd-component-grid { grid-template-columns: 1fr; } .bd-component-grid .bd-card { padding: 22px; } .bd-form-grid { grid-template-columns: 1fr; } .bd-library-search { max-width: 100%; flex-basis: 100%; } .bd-example-list > div { flex-wrap: wrap; } .bd-example-list .bd-badge { font-size: 9px; } .bd-mini-bars { width: 120px; } .bd-dialog { padding: 24px; } .bd-dialog-footer .bd-button { flex: 1; } .bd-dialog-header h2 { font-size: 23px; } .bd-request-error { flex-wrap: wrap; } .bd-request-error .bd-button { margin-left: 0; } .bd-request-error > div { flex: 1; } .bd-toast { bottom: 16px; width: calc(100vw - 32px); }
    .bd-guideline-hero { padding: 26px; } .bd-guideline-hero h2 { font-size: 34px; } .bd-guideline-hero > span { display: none; } .bd-swatches { gap: 8px; grid-template-columns: repeat(2,1fr); } .bd-swatches i { height: 65px; } .bd-spacing-example { gap: 20px; } .bd-code-block { font-size: 10px; padding: 16px; } .bd-next-step > .bd-button { width: 100%; } .bd-next-step > div { flex-basis: 240px; }
}
@media (prefers-reduced-motion: reduce) { .bd-app *, .bd-app *::before, .bd-app *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

/* Alpine and Livewire motion contract. Keep the shell visually steady during navigation. */
.bd-app [x-cloak] { display: none !important; }
.bd-select-compact { margin: 0; min-width: 0; }
.bd-select-compact--period .bd-select-trigger { border-radius: 999px; font-size: 12px; }
.bd-select-compact--filter .bd-select-trigger { font-size: 12px; }
.bd-select-compact--inline { max-width: 190px; }
.bd-demo-toolbar .bd-select-compact { max-width: 155px; }
.bd-select-panel > div { margin: 0; }
.bd-select-panel:popover-open { display: block; }
.bd-revenue-bars span { transition: height 240ms cubic-bezier(.2,.7,.2,1); }
.bd-dialog::backdrop { animation: bd-backdrop-in 180ms ease-out; }
.bd-tabs .bd-tab { transition: color 150ms, border-color 180ms; }
.bd-dropdown[open] > div { animation: bd-popup-in 160ms ease-out; }
@keyframes bd-popup-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes bd-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
    .bd-app *, .bd-app *::before, .bd-app *::after { animation: none !important; transition: none !important; }
    ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}

.bd-accordion-trigger { min-height: 48px; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 12px !important; cursor: pointer; border: 0; padding: 0; text-align: left; background: transparent; }
.bd-accordion-trigger .bd-icon { transition: transform 180ms; }
.bd-accordion-trigger[aria-expanded="true"] .bd-icon { transform: rotate(180deg); }

/* Shared chart entrance and sortable dashboard cards. */
.bd-overview-controls, .bd-card-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.bd-overview-controls .bd-button { font-size: 11px; }
.bd-sort-help { color: var(--bd-muted); font-size: 11px; line-height: 1.6; margin-bottom: 14px !important; }
.bd-sortable > [data-bd-sort-item] { position: relative; }
.bd-revenue-top > .bd-drag-handle { margin-left: auto; }
.bd-drag-handle { color: #777 !important; cursor: grab !important; border-radius: 10px; touch-action: none; flex-shrink: 0; }
.bd-drag-handle:hover { color: var(--bd-ink) !important; background: #f1f1f1; }
.bd-drag-handle:active { cursor: grabbing !important; }
.bd-metric { padding-right: 62px; }
.bd-metric > .bd-drag-handle { position: absolute; top: 7px; right: 7px; }
.bd-overview-grid:has(> [data-bd-sort-item="chart"]:first-child) { grid-template-columns: 1.3fr .85fr; }
.bd-sort-chosen { border-color: #9586df !important; box-shadow: 0 10px 32px #24242418 !important; }
.bd-sort-ghost { opacity: .3; border: 1px dashed #9586df !important; }
.bd-sort-fallback { opacity: .96 !important; rotate: 1.5deg; scale: 1.015; box-shadow: 0 20px 55px #24242430 !important; cursor: grabbing !important; }
.bd-app.sorting, .bd-app.sorting * { cursor: grabbing !important; }
[data-bd-bar] { transform-origin: center bottom; }
[data-bd-draw] { stroke-dasharray: 1; stroke-dashoffset: 0; }
[data-bd-dot] { transform-box: fill-box; transform-origin: center; }
.bd-chart-crosshair { stroke: #9586df; stroke-width: 1; stroke-dasharray: 4 4; pointer-events: none; }
.bd-motion-card > .bd-card-heading { flex-wrap: wrap; }
.bd-motion-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 24px 0 32px; }
.bd-motion-preview { min-width: 0; border: 1px solid var(--bd-line); border-radius: 16px; padding: 20px; }
.bd-motion-preview h3, .bd-motion-subheading h3 { font-size: 14px; }
.bd-motion-value { font-size: 32px; line-height: 1.3; font-weight: 600; letter-spacing: -.7px; margin-top: 18px !important; font-variant-numeric: tabular-nums; }
.bd-motion-bars { height: 165px; display: flex; gap: 12px; align-items: flex-end; margin: 24px 0 34px; }
.bd-motion-bars > span { position: relative; flex: 1; height: var(--bar); border-radius: 6px 6px 2px 2px; background: var(--bd-data-lime); }
.bd-motion-bars > span:nth-child(3n+2) { background: var(--bd-data-purple); }
.bd-motion-bars > span:nth-child(3n) { background: var(--bd-data-blue); }
.bd-motion-bars small { position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); font-size: 9px; color: var(--bd-muted); white-space: nowrap; }
.bd-motion-subheading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.bd-motion-subheading .bd-sort-help { margin-top: 7px !important; }
.bd-motion-sort { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 16px 0; }
.bd-motion-tile { background: #fff; border: 1px solid var(--bd-line); border-radius: 16px; padding: 20px; min-width: 0; }
.bd-motion-tile header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.bd-motion-tile h3 { font-size: 12px; color: var(--bd-muted); font-weight: 500; }
.bd-motion-tile strong { display: block; margin-top: 6px; font-size: 26px; font-weight: 600; font-variant-numeric: tabular-nums; }
.bd-motion-tile > p { margin-top: 10px; font-size: 10px; color: var(--bd-muted); }
@media (max-width: 860px) { .bd-overview-grid:has(> [data-bd-sort-item="chart"]:first-child) { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .bd-motion-grid, .bd-motion-sort { grid-template-columns: 1fr; } .bd-overview-controls { width: 100%; } .bd-motion-preview { padding: 16px; } .bd-motion-bars { gap: 8px; } }
@media (prefers-reduced-motion: reduce) { .bd-sort-fallback { rotate: none; scale: 1; } }

/* BeyDo Web 1.0 — application-wide component contract.
   Existing semantic classes remain as plugin/behaviour hooks and use the same tokens. */
body.bd-workspace { --wh-border:var(--bd-line); --wh-muted:var(--bd-muted); --wh-ink:var(--bd-ink); --wh-primary:var(--bd-accent); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body.bd-workspace .bd-main.content-body { margin:0 auto !important; padding:28px 0 0; min-height:0 !important; background:transparent; }
body.bd-workspace .bd-main > :is(.container-fluid,.pd-page,.wh-page,.stock-page,.mw-page,.tasks-page,.users-page,.rv-page) { padding:0 0 28px; max-width:none; width:100%; margin-inline:0; color:var(--bd-ink); }
body.bd-workspace .bd-main .wh-page { --wh-border:var(--bd-line); --wh-muted:var(--bd-muted); --wh-ink:var(--bd-ink); --wh-primary:var(--bd-accent); }
body.bd-workspace .bd-main :is(h1,.page-title) { color:var(--bd-ink); font-size:30px; line-height:1.25; letter-spacing:-.8px; font-weight:650; }
body.bd-workspace .bd-main :is(h2,h3,h4,h5,h6) { color:var(--bd-ink); letter-spacing:-.25px; }
body.bd-workspace .bd-main > .container-fluid > :is(h1,h2,h3,h4) { margin-bottom:24px; }
body.bd-workspace .bd-main p { line-height:1.55; }
body.bd-workspace :is(.text-muted,.wh-muted,.stock-muted,.mw-note) { color:var(--bd-muted)!important; }
body.bd-workspace .bd-main a:not(.btn):not(.badge):hover { text-decoration:underline; text-underline-offset:3px; }
.bd-workspace-nav { margin-top:0; }
.bd-workspace-nav .bd-nav-primary { margin-bottom:16px; }
.bd-nav-group { margin-bottom:4px; }
.bd-nav-group > summary,.bd-accounting-list summary { display:flex; align-items:center; gap:12px; min-height:46px; padding:10px 12px; border-radius:12px; list-style:none; cursor:pointer; font-weight:550; }
.bd-nav-group > summary::-webkit-details-marker,.bd-accounting-list summary::-webkit-details-marker,.bd-account > summary::-webkit-details-marker { display:none; }
.bd-nav-group > summary > span:first-of-type { flex:1; }
.bd-nav-group > summary:hover,.bd-accounting-list summary:hover { background:var(--bd-accent-soft); }
.bd-nav-group > summary > .bd-icon { transition:transform .18s; }
.bd-nav-group[open] > summary > .bd-icon { transform:rotate(180deg); }
.bd-workspace-nav i { width:19px; text-align:center; flex-shrink:0; color:var(--bd-muted); }
.bd-nav-children { display:grid; gap:3px; margin:2px 0 10px 18px; padding-left:9px; border-left:1px solid var(--bd-line); }
.bd-nav-children .bd-nav-item { font-size:12px; min-height:44px; padding:9px 12px; }
.bd-accounting-list { list-style:none; padding:0; margin:4px 0; }
.bd-accounting-list .nav-text { flex:1; }
.bd-accounting-list .accounting-chevron::after { content:'⌄'; display:block; }
.bd-accounting-list details[open] > summary .accounting-chevron { transform:rotate(180deg); }
.bd-accounting-list .accounting-tree { margin:2px 0 10px 18px; padding-left:9px; border-left:1px solid var(--bd-line); }
.bd-accounting-list .accounting-group > summary { font-size:12px; justify-content:space-between; }
.bd-accounting-list .accounting-links { display:grid; margin-left:8px; }
.bd-accounting-list .accounting-link { display:block; font-size:12px; padding:11px 12px; min-height:44px; border-radius:10px; color:var(--bd-muted); }
.bd-accounting-list .accounting-link:hover { background:var(--bd-bg); color:var(--bd-ink); }
.bd-accounting-list .accounting-link.is-current { background:var(--bd-accent-soft); color:var(--bd-ink); font-weight:600; }
.bd-design-link { border-top:1px solid var(--bd-line); border-radius:0; margin-top:16px; font-size:12px; }
.bd-account { position:relative; }
.bd-account > summary { cursor:pointer; display:flex; align-items:center; gap:10px; min-height:44px; list-style:none; }
.bd-account-name { font-size:12px; max-width:180px; overflow-wrap:anywhere; }
.bd-account-menu { position:absolute; z-index:100; right:0; top:calc(100% + 10px); width:220px; padding:8px; border:1px solid var(--bd-line); background:var(--bd-surface); box-shadow:0 12px 32px #00000014; border-radius:16px; }
.bd-account-menu > :is(a,button) { display:block; width:100%; padding:12px; min-height:44px; text-align:left; background:none; border:0; border-radius:10px; }
.bd-account-menu > :is(a,button):hover { background:var(--bd-bg); }
.bd-form-stack { display:grid; gap:20px; }
.bd-dialog-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:12px; margin-top:24px; }
.bd-global-progress { position:fixed; inset:0 0 auto; z-index:9999; height:3px; background:var(--bd-accent); animation:bd-request-progress 1.2s ease-in-out infinite; transform-origin:left; }
@keyframes bd-request-progress { 0%,100% {transform:scaleX(.15)} 50% {transform:scaleX(1)} }
/* Surfaces, forms and tables share the exact demo palette. */
body.bd-workspace .bd-main :is(.card,.wh-surface,.rr-surface,.rv-card,.mw-panel,.users-panel,.user-card,.user-profile-head,.user-activity,.user-stats,.task-process,.task-table-wrap,.task-empty,.places-hero,.places-filter,.places-table,.places-stat,.break-summary,.break-data-panel,.pd-product,.mc-section,.cashflow-summary article,.balance-summary article,.acq-daily-totals > div) { background:var(--bd-surface); border:1px solid var(--bd-line); border-radius:var(--bd-radius); box-shadow:0 2px 8px #00000004; color:var(--bd-ink); }
body.bd-workspace .bd-main .card { margin-bottom:24px; min-width:0; }
body.bd-workspace .bd-main .card:hover { transform:none; }
body.bd-workspace .bd-main .card-body { padding:24px; }
body.bd-workspace .bd-main .card-header { background:transparent; border-color:var(--bd-line); padding:20px 24px; border-radius:var(--bd-radius) var(--bd-radius) 0 0; }
body.bd-workspace .bd-main .card-title { font-size:17px; font-weight:650; margin-bottom:14px; }
body.bd-workspace .bd-main .card-footer { background:transparent; border-color:var(--bd-line); padding:16px 24px; }
body.bd-workspace :is(.btn,.page-link) { font-family:inherit; min-height:44px; border-radius:999px; line-height:1.4; white-space:normal; text-align:center; padding:10px 17px; font-size:13px; font-weight:550; transition:background .16s, border-color .16s, box-shadow .16s, transform .16s; box-shadow:none; }
body.bd-workspace .bd-main .btn { min-height:44px; border-radius:999px; font-size:13px; line-height:1.4; padding:10px 17px; }
body.bd-workspace :is(.btn-primary,.btn-secondary,.btn-success,.btn-info,.btn-dark) { background:var(--bd-accent)!important; border-color:var(--bd-accent)!important; color:var(--bd-on-accent)!important; }
body.bd-workspace :is(.btn-primary,.btn-secondary,.btn-success,.btn-info,.btn-dark):hover { background:var(--bd-accent-hover)!important; transform:translateY(-1px); }
body.bd-workspace :is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-info,.btn-outline-dark,.btn-light) { background:var(--bd-surface)!important; color:var(--bd-ink)!important; border-color:var(--bd-control-line)!important; }
body.bd-workspace :is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-info,.btn-outline-dark,.btn-light):hover { background:var(--bd-accent-soft)!important; }
body.bd-workspace :is(.btn-danger,.btn-outline-danger) { color:var(--bd-danger)!important; background:#f6eeee!important; border-color:#aa827d!important; }
body.bd-workspace .btn-warning { background:#f6f0e5!important; color:var(--bd-warning)!important; border-color:#b59a6e!important; }
body.bd-workspace .btn:disabled,body.bd-workspace .btn.disabled { background:#ebebeb!important; color:#6a6a6a!important; border-color:transparent!important; opacity:1; transform:none!important; }
body.bd-workspace :is(.btn-link,.page-link) { color:var(--bd-ink); background:var(--bd-surface); border-color:var(--bd-line); }
body.bd-workspace .page-item.active .page-link { background:var(--bd-accent); border-color:var(--bd-accent); color:white; }
body.bd-workspace .pagination { gap:6px; flex-wrap:wrap; }
body.bd-workspace .pagination .page-link { border-radius:10px; min-width:44px; margin:0; }
body.bd-workspace .bd-main .btn-group { gap:8px; flex-wrap:wrap; }
body.bd-workspace .bd-main .btn-group > .btn { border-radius:999px; margin:0; }
body.bd-workspace :is(.form-control,.custom-select,input:not([type]),input[type=text],input[type=search],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=datetime-local],input[type=password],textarea,select):not([hidden]) { color:var(--bd-ink); background-color:var(--bd-surface); border:1px solid var(--bd-control-line); border-radius:var(--bd-control-radius); min-height:44px; font-size:14px; line-height:1.5; padding:10px 12px; box-shadow:none; max-width:100%; }
body.bd-workspace :is(.form-control,input,textarea,select,.bd-select-trigger):focus { border-color:var(--bd-focus); outline:none; box-shadow:0 0 0 1px var(--bd-focus); }
body.bd-workspace :is(.form-control,input,textarea,select,.bd-select-trigger):focus-visible { outline:none; }
body.bd-workspace :is(input,textarea,select,.form-control):disabled { background:#f3f3f3; color:#777; border-color:#c5c5c5; }
body.bd-workspace :is(.form-control,input,textarea,select)[aria-invalid=true],body.bd-workspace .is-invalid { border-color:var(--bd-danger); }
body.bd-workspace :is(.form-control,input,textarea,select)[aria-invalid=true]:focus { box-shadow:0 0 0 1px var(--bd-danger); }
body.bd-workspace .bd-main label { color:var(--bd-ink); font-size:13px; font-weight:550; }
body.bd-workspace input:is([type=checkbox],[type=radio]) { width:18px; height:18px; min-height:18px; accent-color:var(--bd-accent); vertical-align:middle; }
body.bd-workspace textarea { height:auto; min-height:96px; }
body.bd-workspace .form-group { margin-bottom:20px; }
body.bd-workspace .bd-select-trigger { min-height:44px; font-size:14px; text-align:left; white-space:normal; width:100%; border-radius:var(--bd-control-radius); }
body.bd-workspace .bd-enhanced-select { margin-top:6px; min-width:0; width:100%; }
body.bd-workspace .bd-enhanced-select > select[hidden] { display:none!important; }
body.bd-workspace .bd-enhanced-select .bd-select-panel { color:var(--bd-ink); }
body.bd-workspace .bd-select-option { min-height:44px; font-size:14px; white-space:normal; }
body.bd-workspace .bd-main :is(.table, .wh-table) { width:100%; color:var(--bd-ink); margin-bottom:0; }
body.bd-workspace .bd-main :is(.table,.wh-table) th { background:#f8f8f8; color:var(--bd-muted); font-size:12px; font-weight:550; text-transform:none; letter-spacing:0; border-color:var(--bd-line); padding:14px 16px; }
body.bd-workspace .bd-main :is(.table,.wh-table) td { border-color:#ededed; padding:15px 16px; vertical-align:middle; font-size:14px; }
body.bd-workspace .bd-main :is(.table,.wh-table) tbody tr:hover { background:#fafafa; }
body.bd-workspace .bd-main .table-bordered { border-color:var(--bd-line); }
body.bd-workspace .bd-main .table-striped tbody tr:nth-of-type(odd) { background:#fafafa; }
body.bd-workspace .bd-main .table-responsive { border-radius:12px; }
body.bd-workspace .bd-main .badge { font-size:12px; padding:5px 9px; border-radius:8px; font-weight:550; white-space:normal; }
body.bd-workspace .badge-success { color:var(--bd-success); background:#edf3ec; }
body.bd-workspace .badge-danger { color:var(--bd-danger); background:#f7eded; }
body.bd-workspace .badge-warning { color:var(--bd-warning); background:#f6f0e5; }
body.bd-workspace :is(.badge-primary,.badge-info) { color:#526a87; background:#eaf0f7; }
body.bd-workspace :is(.badge-secondary,.badge-light) { color:var(--bd-muted); background:#f1f1f1; }
body.bd-workspace .bd-main .alert { border-radius:12px; padding:14px 16px; font-size:14px; line-height:1.5; }
body.bd-workspace .alert-danger { background:#f7eded; color:var(--bd-danger); border-color:#d9bcb8; }
body.bd-workspace .alert-warning { background:#f6f0e5; color:var(--bd-warning); border-color:#d7c7a8; }
body.bd-workspace .alert-success { background:#edf3ec; color:var(--bd-success); border-color:#b9cbbb; }
body.bd-workspace .alert-info { background:#f2f4f7; color:#526a87; border-color:#c7d3e0; }
body.bd-workspace .nav-tabs { border-color:var(--bd-line); gap:8px; }
body.bd-workspace .nav-tabs .nav-link { border:0; border-bottom:2px solid transparent; color:var(--bd-muted); padding:12px 16px; background:transparent; min-height:44px; }
body.bd-workspace .nav-tabs .nav-link.active { color:var(--bd-ink); border-color:var(--bd-accent); font-weight:600; background:transparent; }
body.bd-workspace .dropdown-menu { border:1px solid var(--bd-line); border-radius:14px; box-shadow:0 12px 32px #00000014; padding:8px; }
body.bd-workspace .dropdown-item { min-height:44px; padding:11px 14px; white-space:normal; border-radius:8px; }
body.bd-workspace :is(.dropdown-item.active,.dropdown-item:active) { background:var(--bd-accent-soft); color:var(--bd-ink); }
body.bd-workspace .modal { z-index:1100; padding:20px!important; }
body.bd-workspace .modal-backdrop { z-index:1090; background:#242424; }
body.bd-workspace .modal-dialog { margin:20px auto; min-height:calc(100% - 40px); display:flex; align-items:center; max-width:600px; }
body.bd-workspace .modal-dialog.modal-lg { max-width:960px; }
body.bd-workspace .modal-content { max-height:calc(100dvh - 80px); overflow:auto; border:1px solid var(--bd-line); border-radius:20px; background:white; box-shadow:0 20px 60px #00000020; }
body.bd-workspace .modal-header,body.bd-workspace .modal-footer { padding:20px 24px; border-color:var(--bd-line); gap:12px; flex-wrap:wrap; }
body.bd-workspace .modal-body { padding:24px; overflow-y:auto; }
body.bd-workspace .modal-title { font-size:20px; }
body.bd-workspace .modal-header .close { min-width:44px; min-height:44px; padding:8px; margin:-8px -8px -8px auto; opacity:1; border-radius:50%; }
body.bd-workspace .modal-footer > * { margin:0; }
body.bd-workspace :is(.wh-dialog,.bd-dialog,dialog) { color:var(--bd-ink); background:white; border-color:var(--bd-line); border-radius:20px; box-shadow:0 20px 60px #00000020; }
body.bd-workspace .sweet-alert { border-radius:20px; font-family:inherit; }
body.bd-workspace .sweet-alert button { background:var(--bd-accent)!important; border-radius:999px; min-height:44px; padding:10px 20px; }
body.bd-workspace .sweet-alert button.cancel { color:var(--bd-ink); background:var(--bd-accent-soft)!important; }
body.bd-workspace .bd-main [class*="gradient-"] { background:var(--bd-surface); color:var(--bd-ink); }
body.bd-workspace .bd-main .progress { border-radius:999px; background:#edf0e5; height:8px; }
body.bd-workspace .bd-main .progress-bar { background:#90a54c; transition:width .65s cubic-bezier(.2,.8,.2,1); }
.bd-workspace .bd-main [aria-busy=true] { cursor:progress; }
.bd-workspace .bd-main [inert] { opacity:.65; }
.bd-workspace .bd-sidebar-bottom { padding-top:12px; }
.bd-workspace .bd-topbar { position:relative; z-index:35; }
.bd-workspace .bd-main [class$="actions"] { gap:12px; }
.bd-guest .bd-main-shell { margin:0; padding:24px; }
.bd-guest .bd-main { display:grid; align-items:center; padding:32px 0; }
.bd-login { width:min(460px,100%); margin:auto; }
.bd-login > .bd-brand { justify-content:center; margin:0 0 32px; }
.bd-login .bd-card { padding:32px; }
.bd-login h1 { font-size:28px; }
.bd-login-submit { width:100%; }
.bd-guest .bd-footer { max-width:1200px; width:100%; margin:auto; }
@media(max-width:1100px) { body.bd-workspace .bd-main :is(.card-body,.card-header,.card-footer) { padding:20px; } .bd-account-name { display:none; } }
@media(max-width:860px) { body.bd-workspace .bd-main.content-body { padding-top:20px; } .bd-workspace .bd-main-shell { padding-inline:20px; } .bd-workspace .bd-breadcrumb { min-width:0; gap:8px; } .bd-workspace .bd-breadcrumb strong { overflow-wrap:anywhere; } }
@media(max-width:620px) { .bd-workspace .bd-main-shell { padding-inline:14px; } body.bd-workspace .bd-main :is(h1,.page-title) { font-size:26px; } body.bd-workspace .bd-main .card-body { padding:16px; } body.bd-workspace .modal { padding:12px!important; } body.bd-workspace .modal-dialog { margin:0; min-height:100%; } body.bd-workspace .modal-content { max-height:calc(100dvh - 24px); } body.bd-workspace :is(.modal-header,.modal-body,.modal-footer) { padding:16px; } .bd-guest .bd-main-shell { padding:16px; } .bd-login .bd-card { padding:24px; } .bd-guest .bd-footer { display:none; } }
@media(max-width:780px) { body.bd-workspace .bd-main .wh-table td { padding:7px 0; } }
@media(prefers-reduced-motion:reduce) { body.bd-workspace *, body.bd-workspace *::before, body.bd-workspace *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media(forced-colors:active) { body.bd-workspace :is(input,textarea,select,.bd-select-trigger):focus-visible { outline:2px solid Highlight; outline-offset:2px; } }
.bd-filter-bar { display:grid; grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(140px,1fr)) auto; gap:16px; align-items:end; background:var(--bd-surface); border:1px solid var(--bd-line); border-radius:var(--bd-radius); padding:20px; margin-bottom:24px; }
.bd-filter-bar .bd-field { min-width:0; }
.bd-filter-bar .bd-field input { width:100%; }
body.bd-workspace .dashboard-grid .card-action-icons { position:static; display:flex; justify-content:flex-end; gap:4px; padding:4px 12px; background:white; box-shadow:none; border-top:1px solid var(--bd-line); margin-top:auto; border-radius:0 0 20px 20px; }
body.bd-workspace .dashboard-grid .card { display:flex; flex-direction:column; }
body.bd-workspace :is(.drag-handle,.hide-card) { display:inline-grid; place-items:center; border:0; border-radius:10px; background:transparent; min-height:44px; min-width:44px; touch-action:none; }
body.bd-workspace :is(.drag-handle,.hide-card):hover { background:var(--bd-accent-soft); }
body.bd-workspace .dashboard-grid .card-body { min-height:0; }
body.bd-workspace .dashboard-grid .text-white { color:var(--bd-ink)!important; }
body.bd-workspace .dashboard-grid :is(h2,h3)[id] { font-variant-numeric:tabular-nums; }
body.bd-workspace :is(.content-wrapper,.rv-page) { width:100%; min-width:0; }
body.bd-workspace .bd-main .breadcrumb { background:transparent; padding:0; color:var(--bd-muted); font-size:12px; margin-bottom:18px; }
body.bd-workspace .bd-main .page-titles { margin-inline:0!important; padding:0; }
@media(max-width:1100px) { .bd-filter-bar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:620px) { .bd-filter-bar { grid-template-columns:minmax(0,1fr); padding:16px; } }

/* Bootstrap reboot must not expose a closed native dialog to focus/assistive technology. */
.bd-app dialog:not([open]) { display:none!important; }

body.bd-workspace .pd-product { text-decoration:none; }
body.bd-workspace .bd-enhanced-select { margin-top:6px; }
body.bd-workspace .bd-enhanced-select .bd-select-trigger { font-weight:400; }

body.bd-workspace :is(.wh-filters,.fa-filters) { background:var(--bd-surface); border:1px solid var(--bd-line); border-radius:var(--bd-radius); padding:20px; margin:0 0 24px; }
body.bd-workspace .wh-filters label { margin-block:0; }
body.bd-workspace :is(.acq-line,.acq-reconciliation,.acq-candidate,.task-section,.task-card) { border-color:var(--bd-line); border-radius:var(--bd-radius); background:var(--bd-surface); }
body.bd-workspace .bd-asset-table { min-width:1050px; background:white; }
body.bd-workspace .fa-thumb { width:64px; height:64px; object-fit:cover; border-radius:12px; }
body.bd-workspace .fa-filters { row-gap:12px; }
body.bd-workspace .bd-layout-feedback { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:16px; color:var(--bd-muted); }
body.bd-workspace .switch { min-height:44px; width:44px; margin:0; flex-shrink:0; }
body.bd-workspace .switch .slider { top:10px; bottom:10px; }
body.bd-workspace .switch input:checked + .slider { background:var(--bd-accent); }
body.bd-workspace .switch input:focus-visible + .slider { outline:2px solid var(--bd-focus); outline-offset:3px; }
body.bd-workspace .text-end { text-align:right; }
body.bd-workspace .float-end { float:right; }
body.bd-workspace .dashboard-grid { clear:both; }
@media(max-width:620px) { body.bd-workspace :is(.wh-filters,.fa-filters) { padding:16px; } }

body.bd-workspace .bd-main :is(.crm-hero,.crm-panel,.crm-stat,.crm-filter,.crm-card-hero,.crm-card-stat,.crm-settings-panel,.crm-template-panel,.crm-variable-panel,.crm-review-panel,.crm-review-hero,.crm-create-panel) { background:var(--bd-surface); color:var(--bd-ink); border:1px solid var(--bd-line); border-radius:var(--bd-radius); box-shadow:0 2px 8px #00000004; }
body.bd-workspace .bd-main h1.bd-page-title { font-size:32px; font-weight:650; line-height:1.2; letter-spacing:-1px; margin-bottom:20px; }
body.bd-workspace :is(input,textarea,.bd-select-trigger) { font-weight:400; }
@media(max-width:620px) { body.bd-workspace .bd-main h1.bd-page-title { font-size:26px; } }

body.bd-workspace dialog:not(.bd-dialog)[open] { animation:bd-dialog-in 200ms cubic-bezier(.2,.8,.2,1); }
body.bd-workspace dialog::backdrop { animation:bd-backdrop-in 180ms ease-out; }
@keyframes bd-dialog-in { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }