/* Shared client/admin presentation; existing forms and routes keep their behavior. */
:root {
    --bp-bg: #f4f6fa;
    --bp-surface: #fff;
    --bp-ink: #172b47;
    --bp-muted: #61738b;
    --bp-line: #dce4ee;
    --bp-blue: #2359d2;
    --bp-blue-light: #edf2ff;
    --bp-radius: 14px;
}
.bpanel-manual pre { max-width: 100%; overflow-x: auto; padding: 16px; border: 1px solid var(--bp-line); border-radius: 8px; background: var(--bp-soft); color: var(--bp-ink); }
.bpanel-manual code { font-family: ui-monospace, Consolas, monospace; font-size: .92em; }
.bpanel-manual section { margin-top: 32px; scroll-margin-top: 24px; }
.bpanel-manual section h2 { line-height: 1.35; }
.bpanel-app, .bpanel-app * { box-sizing: border-box; }
.bpanel-app {
    margin: 0;
    min-width: 280px;
    background: var(--bp-bg);
    color: var(--bp-ink);
    font: 14px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-text-size-adjust: 100%;
}
.bpanel-app a { color: var(--bp-blue); font: inherit; text-underline-offset: 3px; }
.bpanel-app a:hover { color: #153b9f; }
.bpanel-app :focus-visible { outline: 3px solid #7297f3; outline-offset: 3px; }
.bpanel-app img { max-width: 100%; height: auto; margin-bottom: 0; vertical-align: middle; }
.bpanel-shell { width: min(1280px, calc(100% - 48px)); margin-inline: auto; }
.bpanel-header { background: var(--bp-surface); border-bottom: 1px solid var(--bp-line); }
.bpanel-topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 88px; }
.bpanel-app .bpanel-brand { display: inline-flex; align-items: center; gap: 12px; color: var(--bp-ink); font-size: 22px; font-weight: 750; letter-spacing: -.5px; text-decoration: none; }
.bpanel-brand-mark { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 10px; background: var(--bp-blue); color: #fff; font-size: 22px; font-weight: 800; letter-spacing: -.8px; }
.bpanel-badge { margin-left: 6px; padding: 4px 9px; border: 1px solid var(--bp-line); border-radius: 6px; color: var(--bp-muted); font-size: 11px; font-weight: 600; letter-spacing: 0; }
.bpanel-utility-links { display: flex; align-items: center; gap: 20px; }
.bpanel-app .bpanel-utility-link { color: var(--bp-muted); font-size: 13px; text-decoration: none; white-space: nowrap; }
.bpanel-app .bpanel-utility-link:hover { color: var(--bp-blue); }
.bpanel-navigation { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.bpanel-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding-block: 0 12px; }
.bpanel-app .bpanel-nav a { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 14px; border-radius: 8px; color: #516078; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.bpanel-app .bpanel-nav a:hover { background: #f4f6fa; color: var(--bp-ink); }
.bpanel-app .bpanel-nav a[aria-current="page"] { background: var(--bp-blue-light); color: var(--bp-blue); }
.bpanel-more { position: relative; flex-shrink: 0; padding-bottom: 12px; }
.bpanel-more summary { display: list-item; min-height: 40px; padding: 8px 12px; border-radius: 8px; color: #516078; font-size: 13px; font-weight: 600; cursor: pointer; }
.bpanel-more[open] summary { color: var(--bp-blue); background: var(--bp-blue-light); }
.bpanel-more-links { position: absolute; z-index: 20; right: 0; top: 47px; display: grid; gap: 2px; width: 260px; padding: 8px; border: 1px solid var(--bp-line); border-radius: 10px; background: #fff; box-shadow: 0 12px 30px #17243b12; }
.bpanel-app .bpanel-more-links a { padding: 8px 10px; border-radius: 6px; color: #516078; font-size: 13px; text-decoration: none; }
.bpanel-app .bpanel-more-links a:hover, .bpanel-app .bpanel-more-links a[aria-current="page"] { background: var(--bp-blue-light); color: var(--bp-blue); }
.bpanel-workspace { padding-block: 34px 40px; }
.bpanel-page-heading { margin-bottom: 22px; }
.bpanel-eyebrow { margin: 0 0 5px; color: var(--bp-muted); font-size: 11px; font-weight: 650; letter-spacing: .8px; text-transform: uppercase; }
.bpanel-page-heading h1 { margin: 0; color: var(--bp-ink); font-size: clamp(24px, 2.7vw, 32px); font-weight: 700; line-height: 1.25; letter-spacing: -.7px; overflow-wrap: anywhere; }
.bpanel-content { min-width: 0; min-height: 280px; padding: clamp(18px, 2.6vw, 34px); border: 1px solid var(--bp-line); border-radius: var(--bp-radius); background: var(--bp-surface); box-shadow: 0 3px 12px #17243b03; overflow-wrap: anywhere; }
.bpanel-content:focus { outline: none; }
.bpanel-content:focus-visible { outline: 3px solid #7297f3; }
.bpanel-content h2 { font-size: 21px; }
.bpanel-content h3 { font-size: 17px; }
.bpanel-content p { margin-block: 0 16px; }
.bpanel-content table { max-width: 100%; border-collapse: collapse; font: inherit; }
.bpanel-content > table { width: 100%; }
.bpanel-content td, .bpanel-content th { color: inherit; font: inherit; line-height: 1.55; }
.bpanel-content .mytable { border: 0; }
.bpanel-content .myleft, .bpanel-content .mycenter, .bpanel-content .myright { padding: 7px 10px; }
.bpanel-content .myleft, .bpanel-content .theleft, .bpanel-content .zleft { text-align: left; }
.bpanel-content .mycenter, .bpanel-content .thecenter, .bpanel-content .zcenter { text-align: center; }
.bpanel-content .myright, .bpanel-content .theright, .bpanel-content .zright { text-align: right; }
.bpanel-content .thetable { border: 1px solid var(--bp-line); }
.bpanel-content .theleft, .bpanel-content .thecenter, .bpanel-content .theright,
.bpanel-content .zleft, .bpanel-content .zcenter, .bpanel-content .zright { padding: 10px 12px; border: 1px solid var(--bp-line); vertical-align: middle; }
.bpanel-content form { margin: 0; }
.bpanel-content input, .bpanel-content select, .bpanel-content textarea, .bpanel-content button { max-width: 100%; font: inherit; }
.bpanel-content input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="image"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
.bpanel-content textarea, .bpanel-content select { min-height: 40px; padding: 8px 10px; border: 1px solid #c8d2e1; border-radius: 7px; background: #fff; color: var(--bp-ink); }
.bpanel-content textarea { min-height: 110px; resize: vertical; }
.bpanel-content input[type="checkbox"], .bpanel-content input[type="radio"] { width: 16px; height: 16px; accent-color: var(--bp-blue); vertical-align: middle; }
.bpanel-content input:disabled, .bpanel-content select:disabled, .bpanel-content textarea:disabled { background: #f2f4f8; color: var(--bp-muted); }
.bpanel-content input[type="submit"], .bpanel-content input[type="button"], .bpanel-content input[type="reset"], .bpanel-content button { min-height: 40px; padding: 9px 16px; border: 1px solid var(--bp-blue); border-radius: 7px; background: var(--bp-blue); color: #fff; font-weight: 600; cursor: pointer; }
.bpanel-content input[type="submit"]:hover, .bpanel-content input[type="button"]:hover, .bpanel-content button:hover { background: #1c46b8; }
.bpanel-content input[type="reset"] { border-color: var(--bp-line); background: #f4f6fa; color: var(--bp-ink); }
.bpanel-content hr { height: 1px; max-width: 100%; margin-block: 24px; border: 0; background: var(--bp-line); }
.bpanel-app .hint { z-index: 30; max-width: min(360px, calc(100vw - 32px)); padding: 12px; border: 1px solid var(--bp-line); border-radius: 8px; box-shadow: 0 6px 24px #17243b18; background: #fff; color: var(--bp-ink); font: 12px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.bpanel-table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; border: 1px solid var(--bp-line); border-radius: 9px; scrollbar-color: #b9c6dc #f1f4f9; scrollbar-width: thin; }
.bpanel-table-scroll .bpanel-data-table { width: 100%; max-width: none; margin: 0; border: 0; font-size: 13px; overflow-wrap: normal; }
.bpanel-data-table td, .bpanel-data-table th { min-width: 70px; }
.bpanel-data-table > :is(thead, tbody, tfoot) > tr > :is(td, th) { padding: 10px 12px; border-bottom: 1px solid #e8edf4; vertical-align: middle; text-align: left; }
.bpanel-data-table tr[id="tr_title"] > td, .bpanel-data-table thead th { font-weight: 650; }
.bpanel-data-table tr[id="tr_title"] > td, .bpanel-data-table thead th { padding-block: 12px; background: #f0f4fa; color: #4b5c76; white-space: nowrap; }
.bpanel-data-table tr:not([bgcolor]):not([style*="background"]):nth-child(even) > td:not([bgcolor]):not([style*="background"]) { background: #fafbfd; }
.bpanel-data-table tr.hoverRow > td, .bpanel-data-table tr.clickedRow > td { background: #eaf0ff !important; }
.bpanel-scroll-hint { display: none; margin: 7px 0 18px !important; color: var(--bp-muted); font-size: 11px; }
.bpanel-table-scroll.is-overflowing + .bpanel-scroll-hint { display: block; }
.bpanel-footer { border-top: 1px solid var(--bp-line); }
.bpanel-footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; min-height: 90px; padding-block: 22px; color: var(--bp-muted); font-size: 12px; }
.bpanel-footer p { margin: 0; white-space: nowrap; }
.bpanel-footer nav { display: flex; flex-wrap: wrap; gap: 9px 20px; }
.bpanel-app .bpanel-footer a { color: var(--bp-muted); text-decoration: none; }
.bpanel-app .bpanel-footer a:hover { color: var(--bp-blue); text-decoration: underline; }
.bpanel-skip-link { position: fixed; z-index: 100; top: -100px; left: 16px; padding: 10px 16px; border: 1px solid var(--bp-blue); border-radius: 6px; background: #fff; color: var(--bp-blue); }
.bpanel-skip-link:focus { top: 12px; }
.bpanel-app button.bpanel-action-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 32px;
    padding: 3px 5px;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: var(--bp-blue);
    font: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    vertical-align: middle;
}
.bpanel-app button.bpanel-action-link:hover { background: var(--bp-blue-light); color: #153b9f; }
.bpanel-app button.bpanel-action-link:focus-visible { outline: 3px solid #7297f3; outline-offset: 2px; }
.bpanel-app button.bpanel-action-link img { flex-shrink: 0; }
.bpanel-utility-links button.bpanel-action-link { color: var(--bp-muted); text-decoration: none; font-size: 12px; }
.bpanel-auth, .bpanel-auth * { box-sizing: border-box; }
.bpanel-auth {
    display: grid;
    place-items: center;
    min-height: 100vh;
    min-height: 100svh;
    margin: 0;
    padding: 24px 16px;
    background: var(--bp-bg);
    color: var(--bp-ink);
    font: 15px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.bpanel-auth-panel { width: min(100%, 480px); padding: clamp(24px, 5vw, 40px); border: 1px solid var(--bp-line); border-radius: 16px; background: #fff; box-shadow: 0 10px 40px #17243b08; overflow-wrap: anywhere; }
.bpanel-auth-panel h1 { margin: 0 0 16px; font-size: 27px; line-height: 1.25; letter-spacing: -.5px; }
.bpanel-auth-panel p { margin: 0 0 20px; color: var(--bp-muted); font-size: 14px; }
.bpanel-auth-panel form { display: grid; gap: 10px; margin-top: 24px; }
.bpanel-auth-panel label { font-size: 13px; font-weight: 650; }
.bpanel-auth-panel input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]) { width: 100%; min-width: 0; max-width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #c8d2e1; border-radius: 7px; background: #fff; color: var(--bp-ink); font: inherit; }
.bpanel-auth-panel input:is([type="checkbox"], [type="radio"]) { width: 18px; height: 18px; margin: 0 6px 0 0; vertical-align: middle; accent-color: var(--bp-blue); }
.bpanel-auth-panel img { max-width: 100%; height: auto; }
.bpanel-auth-panel label:has(input:is([type="checkbox"], [type="radio"])) { font-weight: 400; line-height: 1.6; }
.bpanel-auth-panel button { min-height: 46px; margin-top: 6px; padding: 10px 16px; border: 1px solid var(--bp-blue); border-radius: 7px; background: var(--bp-blue); color: #fff; font: inherit; font-weight: 650; cursor: pointer; }
.bpanel-auth-panel button:hover { background: #1c46b8; }
.bpanel-auth-panel a { color: var(--bp-blue); text-underline-offset: 3px; }
.bpanel-auth :focus-visible { outline: 3px solid #7297f3; outline-offset: 3px; }
.bpanel-actor-banner { padding: 12px max(20px, calc((100vw - 1240px) / 2)); border-bottom: 1px solid #e3c87c; background: #fff5d6; color: #62480b; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.bpanel-actor-banner a { color: inherit; text-underline-offset: 3px; }
.bpanel-actor-banner form { display: inline-flex; margin: 6px 0 0; }
.bpanel-actor-banner button { padding: 5px 10px; border: 1px solid currentColor; border-radius: 5px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.bpanel-actor-banner :focus-visible { outline: 3px solid #7297f3; outline-offset: 3px; }
.bpanel-app [hidden] { display: none !important; }
.bpanel-view-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin: 0 0 16px; color: var(--bp-muted); font-size: 13px; }
.bpanel-view-enhanced { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 14px; }
.bpanel-view-controls label { display: inline-flex; align-items: center; gap: 7px; }
.bpanel-view-controls select, .bpanel-view-controls button { min-height: 36px; padding: 6px 10px; border: 1px solid var(--bp-line); border-radius: 7px; background: #fff; color: var(--bp-ink); font: inherit; }
.bpanel-view-controls button { border-color: var(--bp-blue); background: var(--bp-blue); color: #fff; cursor: pointer; }
.bpanel-view-status { max-width: 320px; font-size: 12px; }
.bpanel-ui-saved { margin: 0 0 12px; padding: 10px 14px; border: 1px solid #a8d8be; border-radius: 8px; background: #f0fbf5; color: #215f3f; }
.bpanel-column-picker { margin: 0 0 10px; max-width: 100%; }
.bpanel-column-picker summary { width: fit-content; min-height: 38px; padding: 6px 10px; border: 1px solid var(--bp-line); border-radius: 7px; color: #435674; cursor: pointer; font-size: 13px; }
.bpanel-column-picker[open] summary { border-color: #b7c9f2; background: var(--bp-blue-light); color: var(--bp-blue); }
.bpanel-column-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); align-items: start; gap: 4px 16px; margin-top: 10px; padding: 12px; border: 1px solid var(--bp-line); border-radius: 8px; background: #f8fafd; }
.bpanel-column-options label { display: flex; gap: 8px; align-items: center; min-width: 0; min-height: 36px; line-height: 1.4; overflow-wrap: anywhere; font-size: 13px; }
.bpanel-column-options label input { flex: 0 0 17px; width: 17px; height: 17px; margin: 0; }
.bpanel-column-options small { color: var(--bp-muted); font-size: 11px; }
.bpanel-data-table tr[id="tr_title"] > th { padding-block: 12px; background: #f0f4fa; color: #4b5c76; white-space: nowrap; font-weight: 650; }
.bpanel-app[data-bpanel-zebra] .bpanel-data-table .bpanel-ui-data-row > :not([data-bpanel-semantic-color]) { background: #fff; }
.bpanel-app[data-bpanel-zebra="1"] .bpanel-data-table .bpanel-ui-data-row:nth-child(even) > :not([data-bpanel-semantic-color]) { background: #f7f9fc; }
.bpanel-app[data-bpanel-density="compact"] .bpanel-data-table .bpanel-ui-data-row > td,
.bpanel-app[data-bpanel-density="compact"] .bpanel-data-table .bpanel-ui-data-row > th { padding: 6px 9px; font-size: 12px; }
.bpanel-preferences { max-width: 100%; }
.bpanel-preferences > p { max-width: 760px; }
.bpanel-preferences form, .bpanel-settings-form { display: grid; gap: 18px; }
.bpanel-preferences fieldset { min-width: 0; margin: 0; padding: 18px 20px; border: 1px solid var(--bp-line); border-radius: 10px; }
.bpanel-preferences legend { padding-inline: 7px; color: #334762; font-size: 15px; font-weight: 650; }
.bpanel-preferences fieldset > label { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 7px; min-height: 36px; }
.bpanel-preferences fieldset > .bpanel-preference-check { display: flex; flex-wrap: nowrap; align-items: flex-start; padding-top: 8px; }
.bpanel-preference-check > input { flex: 0 0 16px; margin-top: 3px; }
.bpanel-preference-check > span { min-width: 0; }
.bpanel-preferences fieldset > p { margin: 8px 0 0; color: var(--bp-muted); font-size: 13px; }
.bpanel-preferences fieldset > select { margin-left: 12px; }
.bpanel-preference-table { min-width: 0; border: 1px solid var(--bp-line); border-radius: 9px; background: #fff; }
.bpanel-preference-table > summary { padding: 14px 18px; color: #334762; font-size: 15px; font-weight: 650; cursor: pointer; }
.bpanel-preference-table[open] > summary { border-bottom: 1px solid var(--bp-line); background: #f8fafd; }
.bpanel-preferences .bpanel-preference-table fieldset { margin: 0; padding: 0 14px 14px; border: 0; }
.bpanel-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.bpanel-settings-search { display: grid; gap: 5px; max-width: 640px; padding: 14px 16px; border: 1px solid var(--bp-line); border-radius: 9px; background: #f8fafd; }
.bpanel-settings-search label { font-size: 13px; font-weight: 650; }
.bpanel-content .bpanel-settings-search input { width: 100%; }
.bpanel-settings-search p { margin: 0; font-size: 12px; color: var(--bp-muted); }
.bpanel-setting { display: grid; grid-template-columns: minmax(180px, .9fr) minmax(0, 1.4fr); align-items: start; gap: 8px 22px; padding: 16px 0; border-bottom: 1px solid #e8edf4; }
.bpanel-setting > label { padding-top: 8px; color: #334762; font-weight: 600; line-height: 1.5; }
.bpanel-setting > input:not([type="hidden"]), .bpanel-setting > select, .bpanel-setting > textarea { grid-column: 2; width: 100%; min-width: 0; }
.bpanel-setting-control { min-width: 0; }
.bpanel-setting-control > input:not([type="checkbox"]):not([type="radio"]), .bpanel-setting-control > select, .bpanel-setting-control > textarea { width: 100%; }
.bpanel-content .bpanel-setting-help { margin: 6px 0 0; color: var(--bp-muted); font-size: 12px; }
.bpanel-settings-form > br { display: none; }
.bpanel-settings-form > b { margin-top: 14px; color: #334762; font-size: 17px; }
.bpanel-settings-form > br { display: none; }
.bpanel-content .bpanel-settings-layout, .bpanel-content .bpanel-settings-layout > tbody, .bpanel-content .bpanel-settings-layout > tbody > tr, .bpanel-content .bpanel-settings-layout > tbody > tr > td { display: block; width: 100%; }
.bpanel-content .bpanel-settings-layout > tbody > tr > td { padding: 0; text-align: left; }
.bpanel-content .bpanel-settings-layout .bpanel-settings-spacer { display: none; }
.bpanel-form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 8px; }
.bpanel-content .bpanel-button-secondary { border-color: var(--bp-line); background: #f4f6fa; color: #334762; }
.bpanel-content .bpanel-button-secondary:hover { background: #e8edf5; }
.bpanel-notice { padding: 12px 16px; border: 1px solid #e4d3a3; border-radius: 8px; background: #fff9e9; color: #725722; }
.bpanel-notice--error { border-color: #efc4c4; background: #fff4f4; color: #943939; }
.bpanel-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin: 12px 0; font-size: 13px; }
.bpanel-pagination a, .bpanel-pagination [aria-current="page"], .bpanel-pagination b { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 34px; padding: 5px 9px; border: 1px solid var(--bp-line); border-radius: 7px; text-decoration: none; }
.bpanel-pagination [aria-current="page"], .bpanel-pagination b { border-color: #bdcef5; background: var(--bp-blue-light); color: var(--bp-blue); font-weight: 650; }
.bpanel-pagination a:hover { background: #f3f6fc; }
.bpanel-request-time { color: var(--bp-muted); font-size: 11px; font-variant-numeric: tabular-nums; }
.bpanel-form { width: 100%; }
.bpanel-form-grid { display: grid; gap: 0; }
.bpanel-field { display: grid; grid-template-columns: minmax(180px, .9fr) minmax(0, 1.4fr); align-items: start; gap: 8px 22px; min-width: 0; padding: 16px 0; border: 0; border-bottom: 1px solid #e8edf4; }
.bpanel-field > label, .bpanel-field > legend { padding-top: 8px; color: #334762; font-weight: 600; line-height: 1.5; }
.bpanel-field-control { min-width: 0; }
.bpanel-field-control > input:not([type="checkbox"]):not([type="radio"]), .bpanel-field-control > select, .bpanel-field-control > textarea { width: 100%; min-width: 0; }
.bpanel-field--checkbox .bpanel-field-control { grid-column: 2; }
.bpanel-checkbox-label { display: inline-flex; align-items: center; gap: 9px; min-height: 40px; }
.bpanel-content .bpanel-field-error { margin: 6px 0 0; color: #943939; font-size: 13px; }
.bpanel-field-required { color: #a23b3b; }
.bpanel-choice-options { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
.bpanel-choice-options label { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; }
.bpanel-field output { display: inline-block; min-height: 40px; padding-block: 8px; font-variant-numeric: tabular-nums; }
.bpanel-field-group { min-width: 0; margin: 0; padding: 16px 0; border: 0; border-bottom: 1px solid #e8edf4; }
.bpanel-field-group > legend { padding: 0; color: #334762; font-weight: 600; }
.bpanel-field-group-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 18px; padding-top: 10px; }
.bpanel-field-group-controls > .bpanel-field { display: block; padding: 0; border: 0; }
.bpanel-field-group-controls > .bpanel-field > label { display: block; margin-bottom: 5px; padding: 0; font-size: 13px; }
.bpanel-app[data-bpanel-density="compact"] .bpanel-field, .bpanel-app[data-bpanel-density="compact"] .bpanel-field-group, .bpanel-app[data-bpanel-density="compact"] .bpanel-setting { padding-block: 10px; }
.bpanel-app[data-bpanel-density="compact"] .bpanel-field-group-controls > .bpanel-field { padding: 0; }
.bpanel-content button:disabled { opacity: .6; cursor: not-allowed; }
.bpanel-filter-form { margin-bottom: 20px !important; }
.bpanel-status-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 18px; margin-block: 16px 28px; }
.bpanel-status-card { min-width: 0; padding: 18px; border: 1px solid var(--bp-line); border-radius: 10px; background: var(--bp-surface); }
.bpanel-status-card h3 { margin: 0 0 12px; }
.bpanel-status-card dl { display: grid; grid-template-columns: minmax(100px, .8fr) minmax(0, 1.3fr); gap: 8px 14px; margin: 0 0 12px; }
.bpanel-status-card dt { color: var(--bp-muted); }
.bpanel-status-card dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.bpanel-operation-details { display: grid; grid-template-columns: minmax(140px, .65fr) minmax(0, 1.5fr); gap: 10px 18px; margin-block: 18px; }
.bpanel-operation-details dt { color: var(--bp-muted); }
.bpanel-operation-details dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.bpanel-newsletter-section { min-width: 0; margin-block: 18px; padding: 16px 20px; border: 1px solid var(--bp-line); border-radius: 9px; }
.bpanel-newsletter-section > legend { padding-inline: 6px; color: #334762; font-size: 17px; font-weight: 650; }
.bpanel-mail-preview { max-width: 100%; padding: 16px; border: 1px solid var(--bp-line); border-radius: 8px; background: #f7f9fc; color: var(--bp-ink); font: 13px/1.7 ui-monospace, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.bpanel-recipient-list { min-width: 0; margin-block: 20px; }
.bpanel-recipient-list > summary { margin-bottom: 12px; font-weight: 600; cursor: pointer; }
@media (max-width: 760px) {
    .bpanel-shell { width: calc(100% - 32px); }
    .bpanel-topbar { min-height: 76px; gap: 12px; }
    .bpanel-app .bpanel-brand { gap: 9px; font-size: 20px; }
    .bpanel-badge { display: none; }
    .bpanel-utility-links { gap: 14px; }
    .bpanel-navigation { display: block; }
    .bpanel-nav { gap: 3px; padding-bottom: 10px; }
    .bpanel-app .bpanel-nav a { min-height: 38px; padding: 7px 10px; font-size: 12px; }
    .bpanel-more { width: 100%; }
    .bpanel-more summary { width: fit-content; }
    .bpanel-more-links { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; margin-top: 8px; box-shadow: none; }
    .bpanel-workspace { padding-block: 24px 28px; }
    .bpanel-page-heading { margin-bottom: 16px; }
    .bpanel-content { min-height: 240px; padding: 16px; border-radius: 10px; }
    .bpanel-content .bpanel-form-table,
    .bpanel-content .bpanel-form-table > tbody,
    .bpanel-content .bpanel-form-table > tbody > tr,
    .bpanel-content .bpanel-form-table > tbody > tr > td { display: block; width: 100%; height: auto; }
    .bpanel-content .bpanel-form-table > tbody > tr > td { padding: 5px 0; text-align: left; }
    .bpanel-content .bpanel-form-table input:not([type="checkbox"]):not([type="radio"]):not([type="image"]),
    .bpanel-content .bpanel-form-table select,
    .bpanel-content .bpanel-form-table textarea { width: 100%; }
    .bpanel-footer-inner { align-items: flex-start; flex-direction: column; min-height: 0; }
    .bpanel-footer nav { gap: 8px 16px; }
    .bpanel-view-controls { align-items: flex-start; }
    .bpanel-view-enhanced { gap: 10px; }
    .bpanel-view-controls select, .bpanel-view-controls button { min-height: 42px; }
    .bpanel-setting { grid-template-columns: minmax(0, 1fr); gap: 6px; padding-block: 12px; }
    .bpanel-setting > label { padding-top: 0; }
    .bpanel-setting > input:not([type="hidden"]), .bpanel-setting > select, .bpanel-setting > textarea { grid-column: 1; }
    .bpanel-preferences fieldset { padding: 14px; }
    .bpanel-preferences fieldset > select { display: block; width: 100%; margin: 6px 0 0; }
    .bpanel-column-options { grid-template-columns: minmax(0, 1fr); }
    .bpanel-column-options label { min-height: 42px; }
    .bpanel-content .bpanel-pagination a { min-height: 42px; }
    .bpanel-field { grid-template-columns: minmax(0, 1fr); gap: 6px; padding-block: 12px; }
    .bpanel-field > label, .bpanel-field > legend { padding-top: 0; }
    .bpanel-field--checkbox .bpanel-field-control { grid-column: 1; }
    .bpanel-field-group-controls { grid-template-columns: minmax(0, 1fr); gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .bpanel-app *, .bpanel-app *::before, .bpanel-app *::after { scroll-behavior: auto !important; }
}
@media print {
    .bpanel-header, .bpanel-footer, .bpanel-skip-link, .bpanel-scroll-hint, .bpanel-view-controls, .bpanel-column-picker, .bpanel-settings-search { display: none; }
    .bpanel-app { background: #fff; color: #000; }
    .bpanel-shell { width: 100%; }
    .bpanel-workspace { padding: 0; }
    .bpanel-content { min-height: 0; padding: 0; border: 0; box-shadow: none; }
    .bpanel-table-scroll { overflow: visible; border: 0; }
}

/* Per-owner palette uses only fixed stylesheet values. */
.bpanel-app { --bp-stripe: #edf3ff; }
.bpanel-app[data-bpanel-stripe='mint'] { --bp-stripe: #eaf5ee; }
.bpanel-app[data-bpanel-stripe='sand'] { --bp-stripe: #faf2df; }
.bpanel-app[data-bpanel-stripe='lavender'] { --bp-stripe: #f2edfb; }
.bpanel-app[data-bpanel-stripe='gray'] { --bp-stripe: #eef1f5; }
.bpanel-content .bpanel-data-table :is(tr.hoverRow,tr.clickedRow) > td { box-shadow: inset 0 0 0 1px #a9bee9; }
.bpanel-request-time { text-align:center; }
@media(max-width:700px){ .bpanel-footer-inner .bpanel-request-time { align-self:center; width:100%; } }

/* Immediate hover/focus tooltip; content is plain text, descriptions are additive. */
.bpanel-tooltip { position:fixed; z-index:1000; max-width:min(360px,calc(100vw - 16px)); max-height:calc(100vh - 16px); overflow:auto; padding:10px 12px; border:1px solid #c8d2e1; border-radius:8px; background:#fff; color:#17243b; box-shadow:0 6px 24px #17243b22; font:13px/1.5 system-ui,sans-serif; overflow-wrap:anywhere; pointer-events:none; }
.bpanel-tooltip[hidden] { display:none; }
[data-bpanel-tooltip]:focus-visible { outline:3px solid #7297f3; outline-offset:3px; }

/* Explicit legacy layout annotations become native grid, before browser parsing. */
.bpanel-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; width:100%; min-width:0; }
.bpanel-layout-row { display:flex; flex-wrap:wrap; gap:16px; align-items:flex-start; min-width:0; max-width:100%; }
.bpanel-layout-cell { flex:1 1 240px; min-width:0; max-width:100%; }
.bpanel-layout-cell:empty { display:none; }
.bpanel-layout-span { flex-basis:100%; }
.bpanel-align-left { text-align:left; }
.bpanel-align-center { text-align:center; }
.bpanel-align-right { text-align:right; }
.bpanel-valign-top { vertical-align:top; }
.bpanel-valign-middle { vertical-align:middle; }
.bpanel-valign-bottom { vertical-align:bottom; }
.bpanel-collapse { border-collapse:collapse; }
.bpanel-borderless { border:0; }
.bpanel-margin-small { margin-right:3px; }
.bpanel-app .bpanel-link-plain { text-decoration:none; }
.bpanel-text-danger { color:#b32228; }
.bpanel-text-info { color:#2658d9; }
.bpanel-text-success { color:#14723d; }
@media(max-width:700px){ .bpanel-layout-row { flex-direction:column; align-items:stretch; } .bpanel-layout-cell { flex-basis:auto; width:100%; } .bpanel-layout-cell.bpanel-align-right:has(> label) { text-align:left; } .bpanel-content blockquote { margin-inline:0; padding-inline-start:12px; border-inline-start:3px solid var(--bp-line); } }

/* Parity counts actual data rows, excluding headers/search/pagers. */
.bpanel-app[data-bpanel-zebra='1'] .bpanel-data-table tr[data-bpanel-row-parity='even'] > :is(td,th):not([data-bpanel-semantic-color]) { background:var(--bp-stripe) !important; }
.bpanel-app[data-bpanel-zebra='1'] .bpanel-data-table tr[data-bpanel-row-parity='odd'] > :is(td,th):not([data-bpanel-semantic-color]) { background:#fff !important; }

.bpanel-app[data-bpanel-zebra='0'] .bpanel-data-table tr[data-bpanel-row-parity] > :is(td,th):not([data-bpanel-semantic-color]) { background:#fff !important; }

/* A setting or compound field is one visual row, including its label and help. */
.bpanel-app form[data-bpanel-settings], .bpanel-form { text-align:left; }
.bpanel-form-grid:has(> :nth-child(4)) > :is(.bpanel-field,.bpanel-field-group), .bpanel-form-row { padding-inline:12px; border-radius:6px; }
.bpanel-app[data-bpanel-zebra='1'] .bpanel-form-grid:has(> :nth-child(4)) > :is(.bpanel-field,.bpanel-field-group):nth-child(even):not(.bpanel-form-row), .bpanel-app[data-bpanel-zebra='1'] .bpanel-form-row[data-bpanel-form-row-parity='even'] { background:var(--bp-stripe); }
.bpanel-app[data-bpanel-zebra='1'] .bpanel-form-row[data-bpanel-form-row-parity='odd'], .bpanel-app[data-bpanel-zebra='0'] .bpanel-form-grid > :is(.bpanel-field,.bpanel-field-group), .bpanel-app[data-bpanel-zebra='0'] .bpanel-form-row { background:#fff; }

.bpanel-license-help { margin-block:24px; text-align:left; }
.bpanel-license-help dl > div { display:grid; grid-template-columns: minmax(95px,110px) minmax(0,1fr); gap:10px; padding:7px 0; border-bottom:1px solid var(--bp-line); }
.bpanel-license-help dt { font-weight:650; }
.bpanel-license-help dd { margin:0; }
.bpanel-icon-list { list-style:none; padding:0; }
.bpanel-icon-list li { display:flex; align-items:flex-start; gap:9px; margin-block:9px; }
.bpanel-icon-list img { flex:none; }

/* Shared workspace language: the same geometry, states and spacing on both realms. */
.bpanel-app { --bp-soft:#f7f9fc; --bp-hover:#eef3fb; --bp-success:#176a4f; --bp-danger:#ae2635; --bp-warning:#825015; }
.bpanel-app [hidden] { display:none!important; }
.bpanel-app :focus-visible { outline-color:#a06400; }
.bpanel-content { background:transparent; border:0; box-shadow:none; padding:0; }
.bpanel-content > :is(form,section.bpanel-semantic-form,.bpanel-preferences,.bpanel-manual) { background:var(--bp-surface); border:1px solid var(--bp-line); border-radius:var(--bp-radius); padding:24px; }
.bpanel-card,.bpanel-content .bpanel-card { min-width:0; padding:24px; border:1px solid var(--bp-line); border-radius:var(--bp-radius); background:var(--bp-surface); margin-bottom:22px; }
.bpanel-card h2:first-child { margin-top:0; }
.bpanel-card-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:18px; }
.bpanel-card-heading h2 { margin:0; }
.bpanel-page-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.bpanel-page-heading .bpanel-eyebrow { flex-basis:100%; }
.bpanel-app .bpanel-primary-action,.bpanel-app .bpanel-button,.bpanel-app .bpanel-button-secondary,.bpanel-workspace-tools button,.bpanel-search-dialog button,.bpanel-unsaved-bar button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; max-width:100%; padding:9px 15px; border:1px solid var(--bp-blue); border-radius:8px; background:var(--bp-blue); color:#fff; font-family:inherit;font-size:13px;font-weight:600;line-height:1.4; text-decoration:none; cursor:pointer; }
.bpanel-app .bpanel-button-secondary { background:var(--bp-surface); color:var(--bp-ink); border-color:var(--bp-line); }
.bpanel-app .bpanel-button-secondary:hover { background:var(--bp-hover); color:var(--bp-ink); }
.bpanel-workspace-tools { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.bpanel-workspace-tools select { min-height:38px; max-width:155px; border:1px solid var(--bp-line); background:var(--bp-surface); color:var(--bp-ink); border-radius:8px; padding:7px 9px; font:inherit; }
.bpanel-workspace-tools kbd { border:1px solid currentColor; border-radius:4px; padding:1px 4px; font-size:10px; opacity:.7; }
.bpanel-utility-links { flex-wrap:wrap; justify-content:flex-end; gap:12px; }
.bpanel-topbar { min-height:88px; padding-block:16px; }
.bpanel-navigation-shell { border:0; padding:0; margin:0; }
.bpanel-navigation-shell>summary { display:none; }
.bpanel-group-navigation { display:flex; flex-wrap:wrap; align-items:flex-start; gap:4px; padding-bottom:10px; }
.bpanel-nav-group { padding-bottom:0; min-width:0; }
.bpanel-nav-group>summary { display:flex; align-items:center; gap:9px; list-style:none; color:var(--bp-muted); }
.bpanel-nav-group>summary::-webkit-details-marker { display:none; }
.bpanel-nav-group>summary::after { content:'⌄'; font-size:13px; }
.bpanel-nav-group[data-active=true]>summary { color:var(--bp-blue); background:var(--bp-blue-light); }
.bpanel-nav-current { font-size:11px; font-weight:450; max-width:140px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bpanel-nav-group .bpanel-more-links { left:0; right:auto; top:calc(100% + 4px); background:var(--bp-surface); }
.bpanel-nav-group:last-child .bpanel-more-links { left:auto; right:0; }
.bpanel-app .bpanel-more-links a { color:var(--bp-ink); }
.bpanel-page-sections { position:sticky; top:0; z-index:12; display:flex; align-items:center; gap:6px; max-width:100%; padding:10px; border:1px solid var(--bp-line); border-radius:10px; background:var(--bp-surface); overflow-x:auto; margin:0 0 20px; box-shadow:0 3px 12px #172b4708; }
.bpanel-page-sections strong { flex:none; padding:5px; color:var(--bp-muted); font-size:11px; }
.bpanel-page-sections a { flex:none; max-width:240px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:7px 9px; border-radius:6px; text-decoration:none; font-size:12px; }
.bpanel-page-sections a[aria-current] { background:var(--bp-blue-light); }
.bpanel-content :is(h2,h3,[id]) { scroll-margin-top:80px; }
.bpanel-list-workspace { display:flex; align-items:flex-start; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.bpanel-filter-chips { display:flex; flex-wrap:wrap; align-items:center; gap:7px; flex:1 1 100%; }
.bpanel-filter-chips a,.bpanel-view-shortcut { display:inline-flex; align-items:center; gap:7px; padding:6px 10px; border:1px solid var(--bp-line); border-radius:18px; background:var(--bp-surface); font-size:12px; text-decoration:none; overflow-wrap:anywhere; }
.bpanel-save-view { position:relative; margin-left:auto; }
.bpanel-save-view>summary { cursor:pointer; color:var(--bp-blue); font-size:12px; padding:7px; }
.bpanel-save-view>form { position:absolute; z-index:16; right:0; top:100%; width:min(320px,calc(100vw - 36px)); padding:18px; background:var(--bp-surface); border:1px solid var(--bp-line); border-radius:10px; box-shadow:0 8px 24px #172b4720; }
.bpanel-save-view label { display:block; margin-bottom:8px; }
.bpanel-save-view input { width:100%; min-height:40px; border:1px solid var(--bp-line); border-radius:6px; background:var(--bp-surface); color:var(--bp-ink); padding:7px; font:inherit; }
.bpanel-save-view button { min-height:38px; padding:8px 12px; border:1px solid var(--bp-blue); border-radius:6px; background:var(--bp-blue); color:#fff; cursor:pointer; }
.bpanel-saved-view { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 0; border-bottom:1px solid var(--bp-line); }
.bpanel-search-dialog { width:min(680px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); overflow:auto; margin:auto; padding:24px; background:var(--bp-surface); color:var(--bp-ink); border:1px solid var(--bp-line); border-radius:14px; box-shadow:0 16px 80px #0005; }
.bpanel-search-dialog::backdrop { background:#0c192a99; }
.bpanel-search-dialog label { display:block; font-size:13px; margin-bottom:8px; }
.bpanel-search-dialog input { width:100%; min-height:44px; border:1px solid var(--bp-line); border-radius:8px; background:var(--bp-surface); color:var(--bp-ink); padding:10px; font:inherit; }
.bpanel-search-dialog form>button { margin-top:10px; }
.bpanel-search-dialog p[role=status] { color:var(--bp-muted); margin-top:16px; }
.bpanel-search-dialog ul,.bpanel-search-results { list-style:none; padding:0; margin:0; }
.bpanel-search-dialog li+li,.bpanel-search-results li+li { border-top:1px solid var(--bp-line); }
.bpanel-search-dialog li a,.bpanel-search-results li a { display:grid; gap:4px; padding:12px; border-radius:8px; text-decoration:none; overflow-wrap:anywhere; }
.bpanel-search-dialog li a:hover,.bpanel-search-results li a:hover { background:var(--bp-hover); }
.bpanel-search-dialog li a small,.bpanel-search-results small { color:var(--bp-blue); font-size:11px; }
.bpanel-search-dialog li a span,.bpanel-search-results span { color:var(--bp-muted); font-size:12px; }
.bpanel-select-search { display:grid; gap:3px; margin-bottom:6px; }
.bpanel-select-search input { width:100%; }
.bpanel-select-search small { color:var(--bp-muted); font-size:11px; }
.bpanel-unsaved-bar { position:fixed; z-index:80; bottom:16px; left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:space-between; gap:12px; width:min(780px,calc(100vw - 32px)); padding:14px 18px; border:1px solid var(--bp-line); border-radius:12px; background:var(--bp-surface); color:var(--bp-ink); box-shadow:0 10px 40px #172b4733; }
.bpanel-unsaved-bar strong { margin-right:auto; font-size:13px; }
.bpanel-empty-state { padding:22px; background:var(--bp-soft); color:var(--bp-muted); border-radius:10px; }
.bpanel-status { display:inline-flex; align-items:center; gap:6px; padding:4px 9px; border-radius:6px; font-size:12px; font-weight:650; background:var(--bp-soft); color:var(--bp-muted); }
.bpanel-status--success { background:#e7f6ef; color:#176a4f; }
.bpanel-status--warning { background:#fff3dd; color:#825015; }
.bpanel-status--danger { background:#ffebed; color:#ae2635; }
.bpanel-mobile-card { padding:18px; border:1px solid var(--bp-line); border-radius:14px; background:var(--bp-surface); }
.bpanel-mobile-card+.bpanel-mobile-card { margin-top:14px; }
.bpanel-mobile-card h3 { margin:0 0 14px; font-size:17px; overflow-wrap:anywhere; }
.bpanel-mobile-card dl { margin:0; display:grid; gap:12px; }
.bpanel-mobile-card dl>div { min-width:0; display:grid; grid-template-columns:minmax(90px,1fr) minmax(0,2fr); gap:12px; align-items:start; }
.bpanel-mobile-card dt { font-size:12px; color:var(--bp-muted); }
.bpanel-mobile-card dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.bpanel-mobile-card dd :is(a,button) { max-width:100%; }
.bpanel-mobile-card form { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
html[data-bpanel-theme=dark] { color-scheme:dark; --bp-bg:#101926; --bp-surface:#172231; --bp-ink:#e7edf5; --bp-muted:#a9b8ca; --bp-line:#344458; --bp-blue:#91b6ff; --bp-blue-light:#243c60; }
html[data-bpanel-theme=dark] .bpanel-app { --bp-soft:#1e2c3e; --bp-hover:#25374d; }
html[data-bpanel-theme=dark] .bpanel-app a:hover { color:#c2d7ff; }
html[data-bpanel-theme=dark] .bpanel-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea),html[data-bpanel-theme=dark] .bpanel-search-dialog input { background:var(--bp-surface); color:var(--bp-ink); border-color:var(--bp-line); }
html[data-bpanel-theme=dark] .bpanel-content :is(button,input[type=submit],input[type=button]),html[data-bpanel-theme=dark] .bpanel-primary-action { background:#315d9c; color:#fff; border-color:#527dbb; }
html[data-bpanel-theme=dark] .bpanel-content .bpanel-button-secondary,html[data-bpanel-theme=dark] .bpanel-app .bpanel-button-secondary { background:var(--bp-soft); color:var(--bp-ink); border-color:var(--bp-line); }
html[data-bpanel-theme=dark] .bpanel-data-table thead th,html[data-bpanel-theme=dark] .bpanel-data-table tr[id=tr_title]>td { background:#1e2e44; color:var(--bp-ink); }
html[data-bpanel-theme=dark] .bpanel-content :is(.bpanel-form-row,.bpanel-field,.bpanel-form-table tr),html[data-bpanel-theme=dark] .bpanel-data-table tbody td { color:var(--bp-ink); border-color:var(--bp-line); }
html[data-bpanel-theme=dark] .bpanel-data-table tr:not([bgcolor]):not([style*="background"]):nth-child(even)>td:not([bgcolor]):not([style*="background"]) { background:var(--bp-soft); }
html[data-bpanel-theme=dark] .bpanel-more-links,html[data-bpanel-theme=dark] .bpanel-app .hint { background:var(--bp-surface); color:var(--bp-ink); }
html[data-bpanel-theme=dark] .bpanel-notice { background:#23364d; border-color:#466389; color:var(--bp-ink); }
html[data-bpanel-theme=dark] .bpanel-notice--error { background:#432831; border-color:#85515c; }
html[data-bpanel-theme=dark] .bpanel-status--success { background:#193c33; color:#91d8bd; }
html[data-bpanel-theme=dark] .bpanel-status--warning { background:#44371f; color:#edcf96; }
html[data-bpanel-theme=dark] .bpanel-status--danger { background:#482c34; color:#ffb5bf; }
html[data-bpanel-theme=dark] .bpanel-app { --bp-stripe:#22364c; }
html[data-bpanel-theme=dark] .bpanel-app[data-bpanel-stripe=mint] { --bp-stripe:#223b36; }
html[data-bpanel-theme=dark] .bpanel-app[data-bpanel-stripe=sand] { --bp-stripe:#3c3627; }
html[data-bpanel-theme=dark] .bpanel-app[data-bpanel-stripe=lavender] { --bp-stripe:#322e49; }
html[data-bpanel-theme=dark] .bpanel-app[data-bpanel-stripe=gray] { --bp-stripe:#2b3542; }
html[data-bpanel-theme=dark] .bpanel-app[data-bpanel-zebra='1'] .bpanel-data-table tr[data-bpanel-row-parity='odd']>:is(td,th):not([data-bpanel-semantic-color]),html[data-bpanel-theme=dark] .bpanel-app[data-bpanel-zebra='0'] .bpanel-data-table tr[data-bpanel-row-parity]>:is(td,th):not([data-bpanel-semantic-color]) { background:var(--bp-surface)!important; }
html[data-bpanel-theme=dark] .bpanel-app[data-bpanel-zebra='1'] .bpanel-form-row[data-bpanel-form-row-parity='odd'],html[data-bpanel-theme=dark] .bpanel-app[data-bpanel-zebra='0'] .bpanel-form-grid>:is(.bpanel-field,.bpanel-field-group),html[data-bpanel-theme=dark] .bpanel-app[data-bpanel-zebra='0'] .bpanel-form-row { background:var(--bp-surface); }
.bpanel-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.bpanel-metric { min-width:0; padding:18px; border:1px solid var(--bp-line); border-radius:12px; background:var(--bp-soft); display:grid; align-content:start; gap:8px; }
.bpanel-metric>span { color:var(--bp-muted); font-size:12px; font-weight:600; }
.bpanel-metric strong { display:block; font-size:clamp(23px,2.5vw,32px); font-weight:700; letter-spacing:-.5px; overflow-wrap:anywhere; line-height:1.2; }
.bpanel-metric>a { text-decoration:none; }
.bpanel-metric small { font-size:11px; color:var(--bp-muted); }
.bpanel-section-note { font-size:12px; color:var(--bp-muted); margin-top:16px!important; }
.bpanel-analytics-chart { max-width:100%; }
.bpanel-analytics-chart svg { width:100%; height:auto; }
.bpanel-analytics-chart rect { fill:var(--bp-blue); }
.bpanel-chart-grid { fill:none; stroke:var(--bp-line); stroke-width:1; }
.bpanel-analytics-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.bpanel-analytics-facts>div { padding:14px; background:var(--bp-soft); border-radius:8px; }
.bpanel-analytics-facts dt { color:var(--bp-muted); font-size:12px; }
.bpanel-analytics-facts dd { margin:6px 0 0; font-weight:650; }
@media(max-width:900px) { .bpanel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:500px) { .bpanel-metrics,.bpanel-analytics-facts{grid-template-columns:minmax(0,1fr)} }
@media(max-width:1000px) { .bpanel-nav-current{display:none} .bpanel-group-navigation{justify-content:space-between} .bpanel-topbar{gap:12px} .bpanel-brand .bpanel-badge{display:none} }
@media(max-width:700px) {
    .bpanel-topbar { align-items:flex-start; flex-wrap:wrap; }
    .bpanel-utility-links { width:100%; justify-content:space-between; }
    .bpanel-workspace-tools { flex:1 1 100%; justify-content:flex-start; }
    .bpanel-workspace-tools select { flex:1; max-width:none; }
    .bpanel-navigation-shell>summary { display:block; padding:12px 0; min-height:44px; color:var(--bp-ink); font-weight:650; cursor:pointer; }
    .bpanel-group-navigation { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
    .bpanel-nav-group { position:static; }
    .bpanel-nav-group>summary { white-space:normal; min-height:44px; padding:10px; font-size:12px; }
    .bpanel-nav-group .bpanel-more-links { position:static; width:100%; min-width:0; box-shadow:none; border:0; padding:4px 0; background:transparent; }
    .bpanel-nav-group[open] { grid-column:1/-1; }
    .bpanel-nav-group[open] .bpanel-more-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .bpanel-page-heading { gap:8px; }
    .bpanel-primary-action { width:100%; }
    .bpanel-card,.bpanel-content .bpanel-card,.bpanel-content > :is(form,section.bpanel-semantic-form,.bpanel-preferences,.bpanel-manual) { padding:16px; }
    .bpanel-unsaved-bar { flex-wrap:wrap; bottom:8px; width:calc(100vw - 16px); padding:12px; gap:8px; }
    .bpanel-unsaved-bar strong { flex-basis:100%; }
    .bpanel-unsaved-bar button { flex:1; }
    .bpanel-save-view { width:100%; margin-left:0; }
    .bpanel-save-view>form { left:0; right:auto; }
    .bpanel-saved-view { align-items:flex-start; }
    .bpanel-page-sections { padding:7px; }
    .bpanel-page-sections strong { display:none; }
}
@media print { .bpanel-unsaved-bar,.bpanel-page-sections,.bpanel-list-workspace,.bpanel-workspace-tools{display:none!important} .bpanel-app{background:#fff;color:#000} .bpanel-mobile-cards{display:none!important} .bpanel-table-scroll[hidden]{display:block!important} }
/* Client overview: actual account data, no automatic business actions. */
.bpanel-license-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}
.bpanel-license-summary{border:1px solid var(--bp-line);border-radius:12px;padding:18px;min-width:0;background:var(--bp-bg)}
.bpanel-license-summary h3{margin:0;font-size:17px}.bpanel-license-domain{font-size:19px;overflow-wrap:anywhere;font-weight:650}
.bpanel-license-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--bp-line)}
.bpanel-license-summary dt{color:var(--bp-muted)}.bpanel-license-summary dd{margin:0;text-align:right;overflow-wrap:anywhere}
.bpanel-payment-timeline{list-style:none;padding:0;margin:0}.bpanel-payment-timeline>li{border-left:3px solid var(--bp-line);padding:0 0 22px 18px;margin:0 0 0 5px}.bpanel-payment-timeline>li:last-child{padding-bottom:0}.bpanel-payment-timeline time{font-size:13px;color:var(--bp-muted)}
.bpanel-purchase-steps{display:flex;flex-wrap:wrap;gap:8px 34px;color:var(--bp-muted);padding-left:22px}.bpanel-purchase-contacts{grid-column:1/-1;border:1px solid var(--bp-line);border-radius:8px;padding:12px}.bpanel-purchase-contacts summary{cursor:pointer;font-weight:600}.bpanel-purchase-contacts[open] summary{margin-bottom:12px}
.bpanel-renew-preview{max-width:35rem;font-size:13px;line-height:1.5}.bpanel-app #bpanel-support-context{width:100%;min-height:110px}
@media(max-width:700px){.bpanel-license-summary{padding:14px}.bpanel-license-summary dl>div{display:block}.bpanel-license-summary dd{text-align:left;margin-top:4px}.bpanel-purchase-steps{display:block}.bpanel-purchase-steps li{margin-bottom:6px}}
.bpanel-analytics-chart .bpanel-chart-comparison{fill:none;stroke:var(--bp-ink);stroke-width:3;stroke-dasharray:7 5;pointer-events:none}.bpanel-comparison-data{margin-block:14px}.bpanel-comparison-data summary{cursor:pointer;font-weight:600}
.bpanel-metrics.bpanel-client-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.bpanel-metrics.bpanel-client-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.bpanel-metrics.bpanel-client-metrics{grid-template-columns:minmax(0,1fr)}}
/* Typed controls and labels keep readable contrast in dark mode. */
html[data-bpanel-theme=dark] .bpanel-app input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=image]):not([type=button]):not([type=submit]):not([type=reset]),html[data-bpanel-theme=dark] .bpanel-app select,html[data-bpanel-theme=dark] .bpanel-app textarea{background:var(--bp-surface)!important;color:var(--bp-ink)!important;border-color:var(--bp-line)!important;color-scheme:dark}
html[data-bpanel-theme=dark] .bpanel-app .bpanel-field>label,html[data-bpanel-theme=dark] .bpanel-app .bpanel-field>legend{color:var(--bp-ink)}
.bpanel-app .bpanel-form-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-block:18px;line-height:1.6}
.bpanel-form-grid.bpanel-analytics-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bpanel-analytics-filter-grid>.bpanel-field{display:block;padding:12px}.bpanel-analytics-filter-grid>.bpanel-field>label{display:block;padding:0;margin-bottom:8px}.bpanel-analytics-filter-grid>.bpanel-field>:is(input,select){width:100%;min-width:0}
.bpanel-service-value{display:block;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;font-weight:700;color:var(--bp-blue);overflow-wrap:anywhere}
@media(max-width:900px){.bpanel-form-grid.bpanel-analytics-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.bpanel-form-grid.bpanel-analytics-filter-grid{grid-template-columns:minmax(0,1fr)}}


/* BLicense: shared UpTime/DirectI component language, source contracts remain unchanged. */
.bpanel-shell{width:calc(100% - 48px);max-width:1680px}
.bpanel-page-description{flex-basis:100%;margin:0!important;max-width:76ch;color:var(--bp-muted);font-size:14px;line-height:1.6}
.bpanel-app :focus-visible,.bpanel-auth :focus-visible{outline:3px solid #8f5700;outline-offset:3px}
.bpanel-brand-mark{font-size:16px;letter-spacing:-1px}
.bpanel-account-menu{padding-bottom:0}
.bpanel-account-menu>summary{display:flex;align-items:center;gap:9px;min-height:40px;padding:8px 12px;border:1px solid var(--bp-line);background:var(--bp-soft);border-radius:8px;list-style:none}
.bpanel-account-menu>summary::after{content:"⌄";font-size:14px;color:var(--bp-muted)}
.bpanel-account-name{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;color:var(--bp-ink)}
.bpanel-account-role{padding:2px 6px;background:var(--bp-surface);border-radius:5px;font-size:10px;font-weight:600;color:var(--bp-muted);white-space:nowrap}
.bpanel-account-menu .bpanel-more-links{top:calc(100% + 7px);width:240px}
.bpanel-account-menu .bpanel-account-logout{border-top:1px solid var(--bp-line);margin-top:4px;padding-top:12px}
.bpanel-column-order-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;width:100%}
.bpanel-column-order-row{display:flex;align-items:center;gap:5px;min-width:0;padding:5px 7px;border:1px solid var(--bp-line);border-radius:7px;background:var(--bp-surface)}
.bpanel-column-order-row>label{flex:1;min-width:0;display:flex;align-items:center;gap:6px}
.bpanel-column-order-row .bpanel-column-move{min-width:32px;min-height:32px;padding:4px 7px;line-height:1}
.bpanel-table-sticky-options{display:flex;flex-wrap:wrap;gap:10px 20px;flex-basis:100%;padding-top:12px;border-top:1px solid var(--bp-line)}
.bpanel-table-sticky-options label{display:flex;align-items:center;gap:7px}.bpanel-table-sticky-options small{width:100%;color:var(--bp-muted)}
.bpanel-app[data-bpanel-sticky-header="1"] .bpanel-table-scroll{max-height:min(72vh,760px);overflow:auto}
.bpanel-app[data-bpanel-sticky-header="1"] .bpanel-data-table thead th,.bpanel-app[data-bpanel-sticky-header="1"] .bpanel-data-table tr[id="tr_title"]>:is(td,th){position:sticky;top:0;z-index:4;background:var(--bp-soft)}
.bpanel-app[data-bpanel-sticky-id="1"] .bpanel-data-table .bpanel-sticky-identity{position:sticky;left:0;z-index:2;background:var(--bp-surface);box-shadow:1px 0 var(--bp-line)}
.bpanel-app[data-bpanel-sticky-id="1"][data-bpanel-sticky-header="1"] .bpanel-data-table :is(thead th,tr[id="tr_title"]>:is(td,th)).bpanel-sticky-identity{z-index:5;background:var(--bp-soft)}
.bpanel-filter-advanced{margin-block:16px;border-top:1px solid var(--bp-line);padding-top:14px}
.bpanel-filter-advanced>summary{cursor:pointer;font-size:13px;font-weight:650;color:var(--bp-ink);min-height:32px}
.bpanel-filter-advanced[open]>summary{margin-bottom:14px}
.bpanel-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bpanel-auth{display:flex;flex-direction:column;align-items:stretch;place-items:normal;padding:0;min-height:100svh;background:var(--bp-bg);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.bpanel-auth-header{background:var(--bp-surface);border-bottom:1px solid var(--bp-line)}
.bpanel-auth-tools{display:flex;align-items:center;gap:18px}
.bpanel-auth-role{font-size:12px;color:var(--bp-muted)}
.bpanel-auth-tools select{min-height:38px;min-width:124px;padding:7px 12px;border:1px solid var(--bp-line);border-radius:8px;background:var(--bp-surface);color:var(--bp-ink);font:inherit;font-size:12px}
.bpanel-auth-main{width:100%;flex:1;padding:56px 16px 64px}
.bpanel-auth-main>h1{text-align:center;margin:0 auto 26px;color:var(--bp-ink);font-size:32px;font-weight:750;letter-spacing:-.7px;line-height:1.25}
.bpanel-auth-panel{width:min(100%,480px);margin-inline:auto;padding:24px;border-radius:14px;box-shadow:0 3px 12px #17243b03;background:var(--bp-surface)}
.bpanel-auth-panel h2{font-size:19px;margin:0 0 12px;color:var(--bp-ink)}
.bpanel-auth-panel>p{font-size:13px;line-height:1.65}.bpanel-auth-panel form{margin-top:22px}
.bpanel-auth-panel button{width:fit-content;min-width:144px;font-size:14px}
.bpanel-auth-panel label{font-size:13px}.bpanel-auth-panel input:not([type=hidden]):not([type=checkbox]):not([type=radio]){min-height:46px;background:var(--bp-surface);color:var(--bp-ink)}
.bpanel-auth-help{margin-top:20px!important}
.bpanel-auth-footer{display:flex;justify-content:space-between;gap:16px;padding:24px;border-top:1px solid var(--bp-line);color:var(--bp-muted);font-size:12px}
html[data-bpanel-theme=dark] .bpanel-auth-panel{background:var(--bp-surface);border-color:var(--bp-line);color:var(--bp-ink)}
html[data-bpanel-theme=dark] :is(.bpanel-app,.bpanel-auth) :focus-visible{outline-color:#f5c36a}
@media(max-width:900px){.bpanel-account-role{display:none}.bpanel-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .bpanel-shell{width:calc(100% - 32px)}.bpanel-topbar{min-height:76px;padding-block:14px}
 .bpanel-utility-links{display:flex;flex-wrap:wrap;gap:10px}.bpanel-workspace-tools{flex:1 1 auto;min-width:0}.bpanel-workspace-tools select{max-width:145px}
 .bpanel-account-menu{flex:0 1 auto;margin-left:auto}.bpanel-account-name{max-width:130px}.bpanel-account-menu>summary{padding:7px 9px}
 .bpanel-account-menu .bpanel-more-links{right:0;left:auto;position:absolute}
 .bpanel-column-order-list{grid-template-columns:minmax(0,1fr)}.bpanel-filter-grid{grid-template-columns:minmax(0,1fr)}
 .bpanel-app[data-bpanel-sticky-header="1"] .bpanel-table-scroll{max-height:none}
 .bpanel-auth-main{padding-top:34px}.bpanel-auth-main>h1{font-size:27px}.bpanel-auth-role{display:none}.bpanel-auth-tools{gap:8px}.bpanel-auth-tools select{min-width:110px}
}
@media print{
 .bpanel-account-menu,.bpanel-filter-advanced:not([open]){display:none!important}
 .bpanel-app[data-bpanel-sticky-header="1"] .bpanel-table-scroll{max-height:none;overflow:visible}
 .bpanel-app .bpanel-data-table :is(th,td){position:static!important;box-shadow:none!important}
 .bpanel-app .bpanel-card{break-inside:avoid;background:#fff;color:#000}
 .bpanel-app .bpanel-metric,.bpanel-app .bpanel-analytics-facts>div{background:#fff;color:#000}
}

.bpanel-auth .bpanel-brand{display:inline-flex;align-items:center;gap:12px;color:var(--bp-ink);font-size:22px;font-weight:750;letter-spacing:-.5px;text-decoration:none}


.bpanel-field-error{margin:6px 0 0!important;font-size:12px!important;color:var(--bp-danger);line-height:1.5}.bpanel-mobile-details{margin-top:14px;padding-top:12px;border-top:1px solid var(--bp-line)}.bpanel-mobile-details>summary{cursor:pointer;font-size:13px;font-weight:650;min-height:34px}.bpanel-mobile-details[open]>summary{margin-bottom:12px}html[data-bpanel-theme=dark] .bpanel-field-error{color:#ffb5bf}

/* Shared final tokens: the same header, typography and account component in all three apps. */
:root{--bp-soft:#f7f9fc}
.bpanel-app,.bpanel-auth{font-size:16px;line-height:1.5}
.bpanel-topbar{min-height:88px;padding-block:16px}
:is(.bpanel-app,.bpanel-auth) .bpanel-brand{font-size:1.1rem;letter-spacing:0}
.bpanel-page-heading h1,.bpanel-auth-main>h1{font-size:2.05rem;line-height:1.25}
.bpanel-account-menu{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.bpanel-account-menu>.account-menu-trigger{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 12px}
.account-menu-identity{display:grid;gap:1px;min-width:0;text-align:left}
.bpanel-account-menu .account-menu-name{max-width:240px;font-size:.875rem;line-height:1.35;font-weight:650}
.bpanel-account-menu .account-menu-role{padding:0;background:transparent;font-size:.72rem;line-height:1.35;font-weight:400;border-radius:0}
.bpanel-account-menu .account-menu-panel{top:calc(100% + 7px)}
.bpanel-app .bpanel-workspace-tools :is(button,select),.bpanel-auth-tools select{min-height:44px}
:is(.bpanel-app,.bpanel-auth) :focus-visible{outline-color:#8f5700}
html[data-bpanel-theme=dark]{--bp-ink:#e5edf8;--bp-muted:#a8b7cd;--bp-line:#3a4b61;--bp-blue:#97b9ff}
html[data-bpanel-theme=dark] :is(.bpanel-app,.bpanel-auth) :focus-visible{outline-color:#ffd36a}
@media(max-width:700px){
 .bpanel-page-heading h1,.bpanel-auth-main>h1{font-size:1.65rem}
 .bpanel-topbar{min-height:88px;padding-block:16px}
 .bpanel-account-menu .account-menu-role{display:block}
 .bpanel-account-menu .account-menu-name{max-width:130px}
 :is(.bpanel-app,.bpanel-auth) :is(button,input[type=submit],input[type=button],select,summary){min-height:44px}
 .bpanel-column-order-row .bpanel-column-move{min-width:44px}
 .bpanel-app .bpanel-card-details>summary{min-height:44px}
}

.bpanel-auth-downloads{margin-top:24px;padding-top:16px;border-top:1px solid var(--bp-line)}
.bpanel-auth-downloads>summary{min-height:44px;font-size:.9rem;cursor:pointer;color:var(--bp-blue)}
.bpanel-auth-downloads h3{font-size:1rem;margin-top:24px}
.bpanel-auth-panel .bpanel-form-links{display:flex;gap:10px 18px;flex-wrap:wrap}
.bpanel-auth-panel .bpanel-form-links a{font-size:.8rem}
.bpanel-auth .bpanel-brand{display:inline-flex;align-items:center;gap:12px;color:var(--bp-ink);font-weight:750;text-decoration:none}
.bpanel-auth .bpanel-brand-mark{font-size:16px}

.bpanel-page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:start}
.bpanel-page-heading>.bpanel-eyebrow{grid-column:1/-1}
.bpanel-page-heading>h1{grid-column:1;grid-row:2}
.bpanel-page-heading>.bpanel-page-description{grid-column:1;grid-row:3;max-width:76ch}
.bpanel-page-heading>.bpanel-primary-action{grid-column:2;grid-row:2/span 2;align-self:center}
html[data-bpanel-theme=dark] :is(.bpanel-app,.bpanel-auth) legend{color:var(--bp-ink)}
.bpanel-auth :is(.bpanel-field>label,.bpanel-field>legend,.bpanel-field-group>legend){color:var(--bp-ink)}
@media(max-width:700px){
 .bpanel-page-heading{grid-template-columns:minmax(0,1fr)}
 .bpanel-page-heading>.bpanel-primary-action{grid-column:1;grid-row:4;justify-self:stretch}
}

/* Semantic status colors match the UpTime reference; each badge also has text. */
html[data-bpanel-theme=dark]{--bp-bg:#101923}
html[data-bpanel-theme=dark] .bpanel-status--success{background:#173f33;color:#9fe5c3}
html[data-bpanel-theme=dark] .bpanel-status--warning{background:#453823;color:#f5ce89}
html[data-bpanel-theme=dark] .bpanel-status--danger{background:#4b2430;color:#ffb1bb}
html[data-bpanel-theme=dark] .bpanel-status--neutral{background:#29394d;color:#bacbe2}

html[data-bpanel-theme=dark] .bpanel-app{--bp-soft:#1c2a3c;--bp-hover:#26384f}
@media(max-width:700px){
 .bpanel-app :is(.bpanel-more-links a,.bpanel-nav a,.bpanel-utility-link,.bpanel-form-links a){display:inline-flex;align-items:center;min-height:44px}
}
/* The public cookie note has no scripts, session or saved preference. Honor the device scheme in CSS. */
@media(prefers-color-scheme:dark){
 .bpanel-cookie-page{color-scheme:dark;--bp-bg:#101923;--bp-surface:#172231;--bp-ink:#e5edf8;--bp-muted:#a8b7cd;--bp-line:#3a4b61;--bp-blue:#97b9ff;--bp-blue-light:#243c60;--bp-soft:#1c2a3c}
 .bpanel-cookie-page .bpanel-nav a{color:var(--bp-muted)}
 .bpanel-cookie-page .bpanel-nav a[aria-current=page]{color:var(--bp-blue);background:var(--bp-blue-light)}
 .bpanel-cookie-page .bpanel-nav a:hover{color:var(--bp-ink);background:var(--bp-soft)}
 .bpanel-cookie-page :focus-visible{outline-color:#ffd36a}
}

/* Print readable reports independently of the saved screen theme. */
@media print{
 :root,:root body{color-scheme:light;--bp-bg:#fff!important;--bp-surface:#fff!important;--bp-ink:#000!important;--bp-muted:#333!important;--bp-line:#bbb!important;--bp-soft:#fff!important;--bp-hover:#fff!important;--bp-blue:#2359d2!important;--bp-blue-light:#fff!important}
 .bpanel-app .bpanel-content,.bpanel-app .bpanel-card,.bpanel-app .bpanel-metric,.bpanel-app .bpanel-license-summary{background:#fff!important;color:#000!important}
 .bpanel-app .bpanel-data-table :is(td,th){background:#fff!important;color:#000!important;position:static!important}
 .bpanel-app .bpanel-status{color:#000!important;background:transparent!important;border:1px solid #777}
 .bpanel-analytics-chart text{fill:#222!important}
 .bpanel-app .bpanel-primary-action,.bpanel-app .bpanel-account-menu{display:none!important}
}

/* Shared page-intro structure and DirectI-style table-view entry. */
.bpanel-page-heading>.page-heading-copy{grid-column:1;grid-row:2;display:grid;gap:8px;min-width:0}
.bpanel-page-heading>.page-heading-copy h1{margin:0}
.bpanel-page-heading>.page-heading-actions{grid-column:2;grid-row:2;align-self:center}
.bpanel-column-options{grid-template-columns:minmax(0,1fr);gap:16px;max-height:75vh;overflow:auto}
.bpanel-column-options>.bpanel-view-scope-note{margin:0;font-size:12px;color:var(--bp-muted)}
.bpanel-view-personal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.bpanel-view-personal label{display:flex;flex-wrap:wrap;gap:6px 10px}
.bpanel-view-personal select{width:100%;margin:0}
.bpanel-view-sorting>summary{cursor:pointer;min-height:36px;font-size:13px;font-weight:650}
.bpanel-sort-shortcuts{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px}
.bpanel-sort-shortcuts a{font-size:13px}
@media(max-width:700px){
 .bpanel-page-heading>.page-heading-actions{grid-column:1;grid-row:3;justify-self:stretch}
 .bpanel-page-heading>.page-heading-actions>a{display:flex;justify-content:center;width:100%}
 .bpanel-view-personal{grid-template-columns:minmax(0,1fr)}
 .bpanel-view-sorting>summary{min-height:44px}
}
@media print{.bpanel-page-heading>.page-heading-actions{display:none!important}}

.page-heading-copy .page-context-help{justify-self:start;font-size:13px;line-height:1.5;text-underline-offset:3px}
.bpanel-manual-task-anchor{display:block;scroll-margin-top:24px}
@media print{.page-context-help{display:none!important}}

/* Keep separate payment actions readable in the compact chronology. */
.bpanel-payment-timeline>li>a{display:inline-flex;align-items:center;margin:8px 16px 0 0;min-height:32px}
@media(max-width:700px){.bpanel-payment-timeline>li>a{min-height:44px}}