body.backoffice-mode { background: var(--bg, #f6f7f8); }
.backoffice-mode > header { max-width:none; padding-inline:32px; border-bottom:1px solid var(--line,#e3e7e5); }
.backoffice-mode > header nav { margin-left:20px; }
.backoffice-mode #notifications-open,.backoffice-mode .shell > #sidebar,.backoffice-mode .shell > .right { display:none; }
.backoffice-mode .shell { display:block; max-width:1600px; padding:0; margin:0 auto; }
.backoffice-mode #app { padding:0; min-width:0; }
.backoffice-mode .backoffice-real { max-width:none; }
.bo-layout { display:grid; grid-template-columns:238px minmax(0,1fr); min-height:calc(100vh - 76px); }
.bo-sidebar { padding:32px 18px; border-right:1px solid var(--line,#e3e7e5); display:flex; flex-direction:column; gap:28px; background:var(--panel,#fff); }
.bo-home { display:grid; gap:7px; padding:0 14px; text-decoration:none; color:inherit; }
.bo-home strong { font-size:19px; letter-spacing:-.4px; }
.bo-nav { display:grid; gap:6px; }
.bo-nav a { display:block; padding:12px 14px; color:var(--muted,#65716b); font-size:14px; font-weight:550; text-decoration:none; border-radius:9px; }
.bo-nav a:hover { background:var(--bg,#f5f7f6); }
.bo-nav a[aria-current=page] { color:#126146; background:#eaf3ee; font-weight:650; }
.bo-exit { margin-top:auto; padding:14px; font-size:13px; color:var(--muted,#65716b); }
.bo-content { padding:38px clamp(20px,3vw,52px) 64px; min-width:0; max-width:1200px; width:100%; box-sizing:border-box; }
.bo-page-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:30px; }
.bo-page-head h1 { margin:10px 0; font-size:30px; letter-spacing:-1px; line-height:1.2; }
.bo-content .eyebrow { font-size:10px; letter-spacing:1.4px; color:var(--muted,#65716b); }
.bo-content .sub { margin:0; font-size:14px; line-height:1.6; max-width:640px; }
.bo-session { white-space:nowrap; border:1px solid var(--line,#e3e7e5); border-radius:20px; padding:7px 10px; font-size:11px; color:var(--muted,#65716b); }
.bo-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:28px; }
.bo-summary article { display:flex; flex-direction:column; gap:14px; padding:24px; border:1px solid var(--line,#e3e7e5); border-radius:14px; background:var(--panel,#fff); }
.bo-summary article > span { color:var(--muted,#65716b); font-size:12px; }
.bo-summary strong { font-size:19px; letter-spacing:-.4px; }
.bo-summary a,.bo-guide a { color:#176c4e; font-size:13px; font-weight:600; text-decoration:none; }
.bo-summary a { margin-top:auto; }
.bo-guide { border:1px solid var(--line,#e3e7e5); border-radius:14px; background:var(--panel,#fff); padding:28px; }
.bo-guide h2 { font-size:21px; letter-spacing:-.5px; margin:10px 0; }
.bo-guide p { color:var(--muted,#65716b); font-size:14px; line-height:1.65; }
.bo-guide ol { margin:24px 0 0; padding:0; list-style:none; }
.bo-guide li { display:flex; gap:18px; padding:22px 0; border-top:1px solid var(--line,#e3e7e5); }
.bo-step { display:grid; place-items:center; flex-shrink:0; width:30px; height:30px; background:#eaf3ee; color:#176c4e; border-radius:50%; font-size:13px; font-weight:650; }
.bo-guide h3 { margin:3px 0 6px; font-size:15px; }
.bo-guide li p { margin:0 0 10px; max-width:620px; }
.bo-content .settings-group { background:var(--panel,#fff); border:1px solid var(--line,#e3e7e5); border-radius:12px; padding:24px; margin:0 0 20px; }
.bo-content h2 { font-size:20px; }
.bo-content .backoffice-mutations { display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:20px; margin:20px 0; }
.bo-content .backoffice-action { max-width:640px; width:100%; box-sizing:border-box; display:grid; gap:16px; align-content:start; }
.bo-content label { display:grid; gap:8px; font-size:13px; font-weight:550; }
.bo-content input:not([type=checkbox]),.bo-content select { width:100%; box-sizing:border-box; min-height:44px; border:1px solid var(--line,#dce3de); border-radius:8px; background:var(--panel,#fff); padding:10px 12px; color:inherit; }
.bo-content input[type=checkbox] { width:18px; height:18px; }
.bo-content .migration-confirm,.bo-content .inline-check { display:flex; align-items:center; gap:10px; font-weight:400; }
.bo-content button { min-height:44px; border-radius:8px; }
.bo-content button[type=submit] { background:#176c4e; color:#fff; border:1px solid #176c4e; padding:10px 18px; font-weight:600; }
.bo-content #backoffice-search { display:flex; align-items:end; gap:12px; max-width:700px; }
.bo-content #backoffice-search label { flex:1; }
.bo-content .integration-health-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.bo-content .account-facts { overflow-wrap:anywhere; }
.bo-content .bo-diagnostics > :is(summary,.visible-heading) { cursor:pointer; padding:18px 0; font-weight:600; font-size:14px; }
.bo-content .backoffice-results li { flex-wrap:wrap; overflow-wrap:anywhere; }
.bo-content .quality-filters { display:flex; flex-wrap:wrap; gap:12px; align-items:end; }
.bo-content .quality-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; }
.bo-content a:focus-visible,.bo-content button:focus-visible,.bo-nav a:focus-visible { outline:3px solid #6fa68b; outline-offset:3px; }
@media(max-width:900px) { .bo-layout { grid-template-columns:190px minmax(0,1fr); }.bo-summary { grid-template-columns:1fr; }.bo-summary article { gap:10px; padding:20px; }.bo-page-head { display:block; }.bo-session { display:inline-block; margin-top:16px; } }
@media(max-width:620px) { .backoffice-mode > header { padding-inline:16px; }.bo-layout { display:block; }.bo-sidebar { padding:16px; gap:12px; border-right:0; border-bottom:1px solid var(--line,#e3e7e5); }.bo-home { padding:0; }.bo-home .eyebrow { display:none; }.bo-nav { display:flex; overflow-x:auto; gap:6px; padding-bottom:4px; }.bo-nav a { white-space:nowrap; flex-shrink:0; padding:10px 12px; font-size:13px; }.bo-exit { padding:4px 0; margin:0; }.bo-content { padding:24px 16px 40px; }.bo-page-head h1 { font-size:26px; }.bo-guide { padding:20px; }.bo-content .settings-group { padding:18px; }.bo-content #backoffice-search { display:grid; }.bo-content .backoffice-mutations { grid-template-columns:minmax(0,1fr); }.bo-content .quality-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:760px) { .backoffice-mode > header nav { display:none; } }
/* Operação: leitura estável, feedback imediato e superfícies com hierarquia. */
:root { --bo-ease-out:cubic-bezier(0.23,1,0.32,1); }
.bo-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:24px 0; }
.bo-metric { border:1px solid var(--line); background:var(--panel); border-radius:16px; padding:22px; display:grid; gap:12px; }
.bo-metric span { font-size:13px; color:var(--muted); }.bo-metric strong { font-size:32px; line-height:1.1; letter-spacing:-1px; }.bo-metric small { font-size:11px; color:var(--muted); }
.bo-dashboard-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.bo-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:20px 0; }.bo-toolbar form { display:flex; gap:12px; align-items:end; }.bo-toolbar label { min-width:120px; }.bo-toolbar label:first-child { flex:1; }
.bo-tabs { display:flex; gap:8px; margin:20px 0; flex-wrap:wrap; }.bo-tabs a { border:1px solid var(--line); border-radius:20px; padding:9px 16px; font-size:13px; }.bo-tabs a[aria-current] { background:var(--soft); color:var(--accent); border-color:var(--accent); }
.bo-table-scroll { overflow-x:auto; }.bo-table { border-collapse:collapse; width:100%; font-size:13px; text-align:left; }.bo-table th { font-weight:550; color:var(--muted); background:var(--inset); padding:12px; }.bo-table td { padding:14px 12px; border-bottom:1px solid var(--line); vertical-align:middle; }.bo-table small { display:block; color:var(--muted); max-width:260px; overflow-wrap:anywhere; }.bo-table .bo-record-link { border:0; background:none; padding:0; text-align:left; color:var(--accent); font-weight:600; min-height:32px; }
.bo-badge { display:inline-flex; padding:4px 9px; border-radius:16px; background:var(--inset); font-size:11px; white-space:nowrap; }.bo-badge[data-state=failed],.bo-badge[data-state=past_due] { background:#fff0e9; color:#954321; }
.bo-pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:20px; font-size:12px; }.bo-empty { padding:36px 16px; text-align:center; color:var(--muted); }.bo-empty h3 { color:var(--text); }
.bo-attention { display:flex; gap:12px; justify-content:space-between; padding:18px 0; border-bottom:1px solid var(--line); font-size:13px; }.bo-attention b { white-space:nowrap; color:var(--accent); }
.bo-chart { height:140px; display:flex; align-items:end; gap:3px; padding:12px 0; border-bottom:1px solid var(--line); }.bo-chart span { flex:1; height:var(--bar); background:var(--accent); border-radius:3px 3px 0 0; min-width:2px; }.bo-total { font-size:26px; font-weight:600; }.bo-total small { font-size:12px; color:var(--muted); }
.bo-detail,.bo-review { background:var(--panel); color:var(--text); border:1px solid var(--line); box-shadow:0 24px 100px #14281d33; padding:0; max-height:94dvh; overflow:auto; }
.bo-detail { margin:0 0 0 auto; width:min(600px,100vw); height:100dvh; max-height:100dvh; border-radius:20px 0 0 20px; }
.bo-detail::backdrop,.bo-review::backdrop { background:#12261d55; backdrop-filter:blur(3px); }
.bo-detail-head { position:sticky; top:0; display:flex; justify-content:space-between; align-items:start; padding:24px; gap:16px; background:color-mix(in srgb,var(--panel) 94%,transparent); backdrop-filter:blur(16px); z-index:1; }.bo-detail-head h2 { font-size:25px; letter-spacing:-.6px; margin:6px 0; }.bo-detail-head p { overflow-wrap:anywhere; font-size:13px; color:var(--muted); }.bo-detail-head small { color:var(--muted); }
.bo-detail-body { padding:0 24px 32px; }.bo-detail form { border-top:1px solid var(--line); display:grid; gap:14px; padding:20px 0; }.bo-detail label { display:grid; gap:8px; font-size:13px; }.bo-detail select { padding:10px; min-height:44px; border:1px solid var(--line); border-radius:9px; background:var(--panel); }.bo-detail form button,.bo-review [type=submit] { color:white; background:var(--accent); }.bo-review { padding:28px; width:min(480px,calc(100vw - 32px)); border-radius:18px; }.bo-review h2 { margin-top:0; }.bo-review form { display:flex; gap:12px; flex-wrap:wrap; }.bo-review [role=status] { flex-basis:100%; color:#a13c25; }.bo-detail>h2,.bo-detail>p,.bo-detail>button { margin:24px; }
.bo-detail[open],.bo-review[open] { opacity:1; transform:translateX(0); transition:opacity 180ms var(--bo-ease-out),transform 220ms var(--bo-ease-out); }
@starting-style { .bo-detail[open] { opacity:0; transform:translateX(16px); }.bo-review[open] { opacity:0; transform:scale(.98); } }
.bo-content button:active,.bo-detail button:active { transform:scale(.98); transition:transform 100ms var(--bo-ease-out); }
@media(prefers-reduced-motion:reduce) { .bo-detail[open],.bo-review[open] { transform:none; transition:opacity 100ms ease-out; }.bo-content button:active,.bo-detail button:active { transform:none; } @starting-style { .bo-detail[open],.bo-review[open] { transform:none; opacity:.7; } } }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) { .bo-detail-head { background:var(--panel); backdrop-filter:none; }.bo-detail::backdrop,.bo-review::backdrop { backdrop-filter:none; background:#0009; } }
@media(max-width:1000px) { .bo-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.bo-dashboard-grid { grid-template-columns:1fr; } }
@media(max-width:620px) { .bo-toolbar form { flex-wrap:wrap; }.bo-metric { padding:16px; }.bo-metric strong { font-size:27px; }.bo-table th,.bo-table td { padding:10px 8px; }.bo-records { overflow:hidden; }.bo-detail { border-radius:0; }.bo-toolbar label { flex:1; min-width:120px; }.bo-table td:last-child button { white-space:nowrap; }.bo-content .bo-toolbar input { min-width:0; } }
.bo-detail { max-width:100vw; }
.bo-detail,.bo-review { opacity:0; transform:translateX(16px); transition:opacity 180ms var(--bo-ease-out),transform 220ms var(--bo-ease-out),display 220ms allow-discrete,overlay 220ms allow-discrete; }
.bo-review { transform:scale(.98); }
.bo-detail[open],.bo-review[open] { opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce) { .bo-detail,.bo-review { transform:none; transition:opacity 100ms ease-out,display 100ms allow-discrete,overlay 100ms allow-discrete; } }
html[data-input=keyboard] .bo-detail,html[data-input=keyboard] .bo-review { transition:none; transform:none; }
@media(prefers-contrast:more) { .bo-badge,.bo-metric,.bo-table th { border:1px solid currentColor; } }
@starting-style { .bo-detail[open] { opacity:0; transform:translateX(16px); }.bo-review[open] { opacity:0; transform:scale(.98); } }
@media(prefers-reduced-motion:reduce) { @starting-style { .bo-detail[open],.bo-review[open] { opacity:.7; transform:none; } } }
html[data-input=keyboard] .bo-content button:active,html[data-input=keyboard] .bo-detail button:active { transform:none; }
/* Visible choices and consistent reading order across operational screens. */
.bo-sidebar { position:sticky; top:76px; height:calc(100dvh - 76px); align-self:start; box-sizing:border-box; }
.bo-exit { order:-1; margin:0; padding:10px 14px; border:1px solid var(--line); border-radius:10px; color:var(--accent); }
.bo-content { margin-inline:auto; }
.bo-session { display:none; }
.bo-content .bo-toolbar { gap:20px; padding:20px 0; border-bottom:1px solid var(--line); margin:0 0 24px; }
.bo-content .bo-toolbar>label { flex-basis:100%; }
.bo-content .bo-toolbar>label input { max-width:520px; }
.bo-content .bo-toolbar form { flex-wrap:wrap; align-items:end; }
.bo-content .bo-toolbar>small { margin-left:auto; color:var(--muted); }
.bo-choices { padding:0; margin:0; border:0; min-width:0; }
.bo-choices legend { font-size:12px; font-weight:600; color:var(--muted); padding:0; margin-bottom:8px; }
.bo-choice-options { display:flex; flex-wrap:wrap; gap:6px; }
.bo-content .bo-choices label,.bo-detail .bo-choices label { display:block; position:relative; min-width:0; flex:none; cursor:pointer; }
.bo-choice-options input[type=radio] { position:absolute; opacity:0; width:1px; height:1px; min-height:0; margin:0; padding:0; }
.bo-choice-options span { display:flex; align-items:center; justify-content:center; min-height:44px; padding:8px 13px; border:1px solid var(--line); border-radius:9px; background:var(--panel); font-size:13px; font-weight:500; box-sizing:border-box; }
.bo-choice-options input:checked+span { background:var(--soft); color:var(--accent); border-color:var(--accent); box-shadow:inset 0 0 0 1px var(--accent); }
.bo-choice-options input:focus-visible+span { outline:3px solid var(--accent); outline-offset:3px; }
.bo-content button,.bo-detail button,.bo-review button,#aal2-dialog button { min-height:44px; padding:10px 16px; border:1px solid var(--line); border-radius:10px; font:600 13px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:var(--panel); color:var(--text); cursor:pointer; }
.bo-content button[type=submit],.bo-detail button[type=submit],.bo-review button[type=submit],#aal2-dialog button[type=submit] { background:var(--accent); border-color:var(--accent); color:white; }
.bo-content button:disabled { opacity:.5; cursor:default; }
.bo-content [data-workspace-refresh] { color:var(--accent); white-space:nowrap; }
.bo-record-list { list-style:none; margin:0; padding:0; }
.bo-record-list li+li { border-top:1px solid var(--line); }
.bo-content .bo-record-list .bo-record-link { display:flex; align-items:center; gap:20px; width:100%; padding:20px 4px; border:0; border-radius:0; text-align:left; background:transparent; }
.bo-record-identity { display:grid; gap:7px; flex:1; min-width:0; }
.bo-record-identity strong { font-size:15px; font-weight:600; overflow-wrap:anywhere; }
.bo-record-list small { color:var(--muted); font-size:12px; font-weight:400; overflow-wrap:anywhere; }
.bo-record-meta { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.bo-record-arrow { font-size:23px; color:var(--muted); }
.bo-activity { list-style:none; padding:0; margin:20px 0 0; }
.bo-activity li { display:flex; gap:18px; align-items:center; padding:14px 0; border-top:1px solid var(--line); }
.bo-activity time { width:65px; flex:none; font-size:12px; color:var(--muted); }
.bo-activity li>div { flex:1; position:relative; display:grid; gap:6px; padding:10px 12px; isolation:isolate; }
.bo-activity-bar { position:absolute; inset:0 auto 0 0; width:var(--bar); background:var(--soft); border-radius:6px; z-index:-1; }
.bo-activity strong { font-size:13px; font-weight:600; }.bo-activity small { font-size:12px; color:var(--muted); }
.bo-content .quality-filters { align-items:start; gap:20px; }.bo-content .quality-filters .bo-choices { flex-basis:100%; }
.bo-content .backoffice-action { max-width:none; }.bo-content .backoffice-mutations { grid-template-columns:1fr; }
#account,#aal2-dialog,.bo-review { margin:auto; box-sizing:border-box; }
#aal2-dialog { width:min(480px,calc(100vw - 32px)); padding:28px; }
#aal2-dialog .aal2-qr { display:block; width:180px; height:180px; margin:4px auto; }
.aal2-steps { padding-left:22px; margin:0; font-size:13px; line-height:1.7; }.aal2-help { padding:12px; border-radius:8px; background:var(--soft); font-size:13px; line-height:1.5; }
.aal2-manual :is(summary,.visible-heading) { cursor:pointer; min-height:44px; display:flex; align-items:center; font-size:13px; color:var(--accent); }.aal2-manual p { font-size:12px; }.aal2-secret { overflow-wrap:anywhere; }
@media(max-width:760px) { .bo-sidebar { position:static; height:auto; }.bo-content .bo-toolbar>small { margin:0; flex-basis:100%; }.bo-content .bo-record-list .bo-record-link { gap:12px; flex-wrap:wrap; }.bo-record-identity { flex-basis:65%; }.bo-record-meta { flex-direction:row; align-items:center; flex-wrap:wrap; flex-basis:100%; order:2; }.bo-record-arrow { margin-left:auto; }.bo-content .bo-toolbar { gap:16px; }.bo-content .bo-toolbar>.bo-choices { flex-basis:100%; } }

@media(max-width:620px) { .bo-nav { display:grid; grid-template-columns:1fr 1fr; overflow:visible; }.bo-nav a { white-space:normal; }.bo-sidebar { gap:16px; }.bo-home { display:none; } }

.bo-integration-grid { display:grid; grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr); gap:20px; align-items:start; margin-bottom:24px; }
.bo-content .bo-integration-grid .backoffice-mutations { margin:0; }
.bo-content .backoffice-action h3,.bo-content .backoffice-action p,.bo-content .backoffice-action .migration-confirm { margin:0; }
.bo-content .backoffice-action button[type=submit] { justify-self:start; }
@media(max-width:1000px) { .bo-integration-grid { grid-template-columns:1fr; gap:0; } }
/* Refero: compact operational hierarchy, contextual provider actions. */
.backoffice-mode { --text:#202825; --muted:#626c67; --line:#e2e6e3; --panel:#fff; --bg:#f6f7f6; --accent:#26734f; --soft:#eef5f0; }
.bo-sidebar { background:var(--bg); padding-top:24px; gap:24px; }
.bo-content { background:var(--panel); padding-top:28px; }
.bo-page-head { align-items:center; margin-bottom:24px; }
.bo-page-head h1 { font-size:28px; margin:6px 0 8px; }
.bo-page-head .eyebrow { margin:0; }
.bo-page-head [data-workspace-refresh] { flex:none; }
.bo-content h2 { font-size:18px; letter-spacing:-.3px; margin-top:0; }
.bo-content .settings-group { padding:20px; }
.bo-metrics { gap:0; border:1px solid var(--line); border-radius:12px; overflow:hidden; margin:20px 0 24px; }
.bo-metric { border:0; border-radius:0; gap:8px; padding:18px 20px; box-shadow:inset -1px -1px var(--line); text-decoration:none; color:var(--text); }
.bo-metric:hover { background:var(--bg); }
.bo-metric strong { font-size:29px; }
.bo-metric small { line-height:1.5; }
.bo-dashboard-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:20px; }
.bo-content .bo-list-filters { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:14px 10px; padding:0 0 18px; margin:18px 0; }
.bo-content .bo-list-filters>label { grid-column:1; grid-row:1; min-width:0; }
.bo-content .bo-list-filters>label input { max-width:none; }
.bo-list-filters>button[type=submit] { grid-column:2; grid-row:1; align-self:end; }
.bo-list-filters>.bo-clear { grid-column:3; grid-row:1; align-self:end; padding:13px 0; font-size:12px; }
.bo-list-filters>.bo-choices { grid-column:1/-1; display:flex; align-items:center; gap:12px; }
.bo-list-filters>.bo-choices legend { float:left; width:64px; flex:none; margin:0; font-weight:500; }
.bo-list-filters .bo-choice-options { gap:4px; }
.bo-list-filters .bo-choice-options span { border-color:transparent; background:var(--bg); padding:7px 10px; font-size:12px; }
.bo-list-filters .bo-choice-options input:checked+span { background:var(--soft); border-color:#aac7b6; box-shadow:none; }
.bo-content .bo-record-list .bo-record-link { padding:16px 8px; border-radius:8px; }
.bo-record-list .bo-record-link:hover { background:var(--bg); }
.bo-provider { border-top:1px solid var(--line); }
.bo-provider-row { display:flex; align-items:center; gap:18px; padding:20px 0; }
.bo-provider-row>div { flex:1; min-width:0; }
.bo-provider-row h3 { font-size:15px; margin:0 0 6px; overflow-wrap:anywhere; }
.bo-provider-row p { color:var(--muted); font-size:12px; margin:0; }
.bo-provider-row button { flex:none; }
.bo-provider-editor { padding:0 0 20px; }
.bo-provider-editor[hidden] { display:none; }
.bo-provider-editor form { padding:20px; border:1px solid var(--line); background:var(--bg); border-radius:8px; }
.bo-provider-editor [data-action-status]:empty { display:none; }
.bo-provider-editor input[type=hidden] { display:none; }
.bo-detail-body>.account-facts { padding:20px 0; border-bottom:1px solid var(--line); }
.bo-detail-body>h3 { font-size:14px; margin-top:24px; }
.bo-detail-body>p,.bo-detail-body>ul { font-size:13px; line-height:1.6; }
.bo-detail form h3 { margin:0; font-size:16px; }
@media(max-width:1000px) { .bo-dashboard-grid { grid-template-columns:1fr; }.bo-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) { .bo-page-head { display:flex; flex-wrap:wrap; gap:16px; } }
@media(max-width:620px) {
 .bo-content { padding:24px 16px 40px; }.bo-page-head h1 { font-size:25px; }
 .bo-content .settings-group { padding:16px; }.bo-metric { padding:16px 14px; }
 .bo-content .bo-list-filters { grid-template-columns:minmax(0,1fr) auto; }
 .bo-list-filters>.bo-clear { grid-column:1/-1; grid-row:auto; padding:0; }
 .bo-list-filters>.bo-choices { display:block; }
 .bo-list-filters>.bo-choices legend { float:none; width:auto; margin-bottom:6px; }
 .bo-provider-row { flex-wrap:wrap; gap:12px; }.bo-provider-row>div { flex-basis:100%; }
 .bo-provider-row button { margin-left:auto; }.bo-provider-editor form { padding:14px; }
}
.bo-global-model { padding:20px 0; border-top:1px solid var(--line); }
.bo-global-model>p { font-size:13px; line-height:1.6; }
.bo-global-model form { margin-top:18px; }
.bo-global-model .bo-choice-options { max-height:320px; overflow-y:auto; padding:4px; }
.bo-diagnostics { margin-top:32px; }
.visible-heading { cursor:default!important; }
.visible-heading::before,.visible-heading::after { content:none!important; }
.backoffice-mode>header { background:var(--panel); backdrop-filter:none; }
.bo-provider { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); column-gap:24px; }
.bo-provider-row { grid-column:1/-1; }
.bo-global-model { border-top:0; padding:0 0 20px; }
.bo-global-model h3 { margin-top:0; }
.bo-global-model form { padding:16px; background:var(--bg); border-radius:8px; }
.bo-providers>.data-caption { max-width:760px; line-height:1.6; }
@media(max-width:1000px){.bo-provider {grid-template-columns:minmax(0,1fr)}.bo-global-model {padding-top:20px;border-top:1px solid var(--line)}}