:root {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;
  font-size:14px; color-scheme:dark;
  --canvas-dark:#081b21; --chrome-dark:#0c242b; --panel-dark:#132c33; --raised-dark:#1b353b; --edge-dark:#2b4b52;
  --canvas-light:#f1f9f7; --chrome-light:#e8f6f1; --panel-light:#fcfefd; --raised-light:#fff; --edge-light:#d5e6e0;
  --glint:#91ead3; --counter:#9aacf5; --bright:#6be5cc; --ink:#006650;
  --bg:var(--canvas-dark); --chrome:var(--chrome-dark); --surface:var(--panel-dark); --raised:var(--raised-dark);
  --input:var(--canvas-dark); --text:#edf5f7; --muted:#a9bdc5; --chrome-text:#c0d1d8; --line:var(--edge-dark); --control-line:#64818e;
  --glass:var(--surface); --chrome-glass:var(--chrome); --hover:var(--raised); --glass-blur:18px;
  --accent:var(--bright); --on-accent:#101715;
  --positive:#6ee0bd; --pending:#f2cb7c; --negative:#ffa9bd; --info:#9acaf5;
  --positive-bg:#192e27; --negative-bg:#352221; --info-bg:#1e2c35;
  --scrim:rgba(5,10,9,.7); --shadow:0 18px 48px rgba(0,0,0,.26);
  --reflection-strong:rgba(221,255,243,.07); --reflection-soft:rgba(164,183,238,.03);
  --card-edge:rgba(219,247,255,.2); --card-shadow:0 8px 20px -14px rgba(0,0,0,.65);
  --active-surface:var(--raised); --active-edge:var(--accent); --active-shadow:none;
  --chart-glow:none;
  --nav-width:196px; --workspace-gap:32px;
  background:var(--bg); color:var(--text); accent-color:var(--accent);
  caret-color:var(--accent); scrollbar-color:var(--control-line) var(--bg);
}
:root[data-theme="light"] {
  color-scheme:light; --bg:var(--canvas-light); --chrome:var(--chrome-light); --surface:var(--panel-light); --raised:var(--raised-light); --input:#fff;
  --text:#202c30; --muted:#50636b; --chrome-text:#40565f; --line:var(--edge-light); --control-line:#75878c;
  --glass:var(--surface); --hover:var(--bg); --accent:var(--ink); --on-accent:#fff;
  --positive:#087358; --pending:#855b12; --negative:#b03b57; --info:#265f89;
  --positive-bg:#e2f1e8; --negative-bg:#fae9e6; --info-bg:#e4eef6;
  --scrim:rgba(22,33,29,.4); --shadow:0 18px 48px rgba(30,54,44,.16);
  --reflection-strong:rgba(255,255,255,.7); --reflection-soft:rgba(182,195,237,.02);
  --card-edge:rgba(255,255,255,.95); --card-shadow:0 5px 14px -12px rgba(32,63,75,.2);
}
[data-palette="teal"] {
  --bright:#6be5cc; --ink:#006650; --glint:#91ead3; --counter:#9aacf5;
  --canvas-dark:#081b21; --chrome-dark:#0c242b; --panel-dark:#132c33; --raised-dark:#1b353b; --edge-dark:#2b4b52;
  --canvas-light:#f1f9f7; --chrome-light:#e8f6f1; --panel-light:#fcfefd; --raised-light:#fff; --edge-light:#d5e6e0;
}
[data-palette="cyan"] {
  --bright:#55d7ff; --ink:#056481; --glint:#97e8ff; --counter:#b9c6f5;
  --canvas-dark:#081922; --chrome-dark:#0d2632; --panel-dark:#132e3b; --raised-dark:#1b3845; --edge-dark:#2d4c5d;
  --canvas-light:#f1f9fd; --chrome-light:#e8f4fc; --panel-light:#fbfdff; --raised-light:#fff; --edge-light:#d6e6ee;
}
[data-palette="blue"] {
  --bright:#91c5ff; --ink:#245fa6; --glint:#adcfff; --counter:#99e3cd;
  --canvas-dark:#0e192c; --chrome-dark:#14253d; --panel-dark:#1a2b40; --raised-dark:#23364d; --edge-dark:#354d68;
  --canvas-light:#f2f6ff; --chrome-light:#e9effc; --panel-light:#fcfdff; --raised-light:#fff; --edge-light:#dbe2f1;
}
[data-palette="indigo"] {
  --bright:#b4baff; --ink:#4a4ea4; --glint:#c4c5ff; --counter:#efc787;
  --canvas-dark:#19192d; --chrome-dark:#232440; --panel-dark:#282b43; --raised-dark:#33364e; --edge-dark:#4b4e6f;
  --canvas-light:#f5f4fd; --chrome-light:#efedfb; --panel-light:#fdfcff; --raised-light:#fff; --edge-light:#e1dff0;
}
[data-palette="violet"] {
  --bright:#d4b0ff; --ink:#7643a8; --glint:#e0bbff; --counter:#8cd9c8;
  --canvas-dark:#22182c; --chrome-dark:#31223d; --panel-dark:#30283e; --raised-dark:#3e324d; --edge-dark:#604b6e;
  --canvas-light:#faf3fd; --chrome-light:#f4eafa; --panel-light:#fefcff; --raised-light:#fff; --edge-light:#e9dbef;
}
[data-palette="magenta"] {
  --bright:#f3a7e0; --ink:#943e82; --glint:#f6b3e8; --counter:#9dccf1;
  --canvas-dark:#291822; --chrome-dark:#3c2235; --panel-dark:#382937; --raised-dark:#483244; --edge-dark:#69475f;
  --canvas-light:#fdf2fa; --chrome-light:#fbe8f5; --panel-light:#fffbfe; --raised-light:#fff; --edge-light:#eed9e7;
}
[data-palette="rose"] {
  --bright:#ffaac2; --ink:#a3315a; --glint:#ffc1ce; --counter:#b4cee9;
  --canvas-dark:#2b1b22; --chrome-dark:#3e2630; --panel-dark:#392b32; --raised-dark:#48353e; --edge-dark:#6b4b57;
  --canvas-light:#fdf4f6; --chrome-light:#fcedf3; --panel-light:#fffcfd; --raised-light:#fff; --edge-light:#efdee4;
}
[data-palette="coral"] {
  --bright:#ffb19b; --ink:#9c442b; --glint:#ffc3ac; --counter:#92d8d7;
  --canvas-dark:#281e1b; --chrome-dark:#3c2c25; --panel-dark:#362e2d; --raised-dark:#463b35; --edge-dark:#695447;
  --canvas-light:#fdf5f1; --chrome-light:#faefe8; --panel-light:#fffcfa; --raised-light:#fff; --edge-light:#efdfd5;
}
[data-palette="amber"] {
  --bright:#f0d383; --ink:#78570f; --glint:#f6dfaa; --counter:#a8cce4;
  --canvas-dark:#242318; --chrome-dark:#353222; --panel-dark:#33332b; --raised-dark:#424132; --edge-dark:#605b40;
  --canvas-light:#faf8ed; --chrome-light:#faf4e5; --panel-light:#fefef9; --raised-light:#fff; --edge-light:#e7e3d0;
}
[data-palette="lime"] {
  --bright:#cee88e; --ink:#4f6416; --glint:#e0eea5; --counter:#b3c8f0;
  --canvas-dark:#1b2418; --chrome-dark:#2a3523; --panel-dark:#2c342a; --raised-dark:#384332; --edge-dark:#506442;
  --canvas-light:#f5faed; --chrome-light:#eff7e4; --panel-light:#fcfff9; --raised-light:#fff; --edge-light:#dfe8cf;
}
[data-palette="emerald"] {
  --bright:#87e8aa; --ink:#1c6840; --glint:#a8f0be; --counter:#e4c0b5;
  --canvas-dark:#12251d; --chrome-dark:#1b3528; --panel-dark:#22352d; --raised-dark:#2c4337; --edge-dark:#41654f;
  --canvas-light:#f0faf1; --chrome-light:#e5f6e8; --panel-light:#fafffb; --raised-light:#fff; --edge-light:#d4e9d8;
}
[data-palette="silver"] {
  --bright:#d4e1ec; --ink:#485d69; --glint:#f0f5fa; --counter:#c8c1d7;
  --canvas-dark:#1a1f26; --chrome-dark:#272e38; --panel-dark:#2b333d; --raised-dark:#363f4a; --edge-dark:#505d6d;
  --canvas-light:#f1f4f9; --chrome-light:#ebf1f8; --panel-light:#fcfdfe; --raised-light:#fff; --edge-light:#dce3ec;
}
@supports(background:color-mix(in srgb,white,transparent)) {
  :root {
    --glass:color-mix(in srgb,var(--surface) 78%,transparent);
    --chrome-glass:color-mix(in srgb,var(--chrome) 92%,transparent);
    --reflection-strong:color-mix(in srgb,var(--glint) 7%,transparent);
    --reflection-soft:color-mix(in srgb,var(--counter) 3%,transparent);
    --active-surface:color-mix(in srgb,var(--accent) 10%,var(--chrome));
    --active-edge:color-mix(in srgb,var(--accent) 70%,var(--line));
    --active-shadow:inset 0 1px 8px color-mix(in srgb,var(--accent) 13%,transparent),0 2px 12px -7px var(--accent);
    --chart-glow:drop-shadow(0 1px 1.5px color-mix(in srgb,var(--accent) 18%,transparent));
  }
  :root[data-theme="light"] {
    --glass:color-mix(in srgb,var(--surface) 94%,transparent);
    --chrome-glass:color-mix(in srgb,var(--chrome) 42%,white);
    --reflection-strong:rgba(255,255,255,.7);
    --reflection-soft:color-mix(in srgb,var(--counter) 2%,transparent);
    --active-surface:color-mix(in srgb,var(--accent) 5%,white);
    --active-edge:color-mix(in srgb,var(--accent) 65%,var(--line));
    --active-shadow:inset 0 1px 0 white,0 3px 10px -7px color-mix(in srgb,var(--accent) 40%,transparent);
    --chart-glow:none;
  }
}
* { box-sizing:border-box; letter-spacing:0; }
[hidden] { display:none!important; }
::selection { background:var(--accent); color:var(--on-accent); }
body { margin:0; min-width:0; min-height:100dvh; background:var(--bg); isolation:isolate; line-height:1.5; }
#ambient-particles { position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:-1; }
button,input,select { font:inherit; }
button { min-height:40px; border:1px solid var(--accent); border-radius:6px; background:var(--accent); color:var(--on-accent); padding:9px 14px; cursor:pointer; transition:border-color 160ms ease,filter 160ms ease; overflow-wrap:anywhere; touch-action:manipulation; font-weight:600; }
button:hover:not(:disabled) { filter:brightness(.93); }
button:active:not(:disabled) { filter:brightness(.84); transform:translateY(1px); }
button:disabled { opacity:.48; cursor:not-allowed; }
button.secondary { background:var(--surface); color:var(--text); border-color:var(--control-line); font-weight:500; }
button.secondary:hover:not(:disabled) { background:var(--hover); color:var(--text); border-color:var(--accent); filter:none; }
button.danger { background:var(--negative); border-color:var(--negative); color:var(--bg); }
button.secondary.danger { color:var(--negative); background:var(--surface); border-color:var(--negative); }
button.danger:hover:not(:disabled) { background:var(--negative-bg); color:var(--negative); border-color:var(--negative); filter:none; }
:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
input,select { width:100%; min-width:0; min-height:42px; padding:9px 11px; border:1px solid var(--control-line); border-radius:6px; background:var(--input); color:var(--text); }
input::placeholder { color:var(--muted); opacity:1; }
input[type="checkbox"] { width:20px; min-height:20px; justify-self:start; accent-color:var(--accent); }
form { display:grid; gap:16px; }
label { display:grid; gap:8px; color:var(--muted); font-size:13px; }
label small,.helper { color:var(--muted); font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.helper { margin:0; }
fieldset { border:1px solid var(--line); padding:16px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:0; min-width:0; }
legend { color:var(--muted); font-size:13px; padding:0 6px; }
h1 { font-size:25px; margin:0 0 24px; font-weight:650; line-height:1.35; }
h2 { font-size:17px; margin:0 0 16px; font-weight:600; }
h3 { font-size:14px; font-weight:600; }
.masthead { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; min-height:72px; padding:12px max(24px,calc((100vw - 1424px)/2)); border-bottom:1px solid var(--line); background:var(--chrome); box-shadow:inset 0 1px 0 var(--card-edge); }
.brand { display:flex; align-items:center; flex-wrap:wrap; gap:11px; font-size:18px; font-weight:650; }
.brand img { background:#202c32; padding:3px; border-radius:5px; }
.brand small { font-size:12px; color:var(--chrome-text); font-weight:400; padding-left:12px; border-left:1px solid var(--line); }
.masthead-tools { display:flex; align-items:center; gap:18px; }
.environment { color:var(--chrome-text); font-size:12px; }
main { max-width:1488px; margin:auto; padding:28px 32px 48px; }
.login { max-width:420px; margin:64px auto 72px; padding-top:20px; border-top:1px solid var(--accent); }
.login h1 { margin-bottom:32px; }
.login input,.login select,.login button { min-height:46px; font-size:15px; }
.verification-control { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.verification-field { display:grid; gap:8px; }
.verification-control input,.verification-control button { font-variant-numeric:tabular-nums; }
.verification-control button { min-width:124px; }
.login-alternatives { border-top:1px solid var(--line); margin-top:6px; color:var(--muted); }
.login-alternatives summary { cursor:pointer; padding:14px 0; font-size:13px; }
.login-alternatives label { margin-bottom:12px; }
.skip-link { position:fixed; inset:8px auto auto 8px; z-index:30; transform:translateY(-200%); background:var(--raised); padding:12px; color:var(--accent); }
.skip-link:focus { transform:none; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.setup-login { border-top:1px solid var(--line); margin-top:28px; padding-top:24px; display:grid; gap:14px; }
.toolbar { display:flex; flex-wrap:wrap; gap:10px; }
.heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0; min-height:54px; }
.heading-title { display:flex; align-items:center; gap:10px; min-width:0; }
.heading-title > div { min-width:0; }
.heading h1 { margin:0; font-size:25px; }
.session-heading { display:flex; align-items:center; justify-content:flex-end; gap:9px; min-width:0; }
.session-heading > div { min-width:0; text-align:right; margin-right:6px; }
.session-heading strong { display:block; font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.session-heading .helper { font-size:12px; font-variant-numeric:tabular-nums; margin-top:3px; }
#session-expiry[data-warning="true"] { color:var(--negative); }
.workspace-layout { display:grid; grid-template-columns:var(--nav-width) minmax(0,1fr); gap:var(--workspace-gap); align-items:start; }
#navigation-dock { position:sticky; top:20px; min-width:0; }
.view-navigation { display:flex; flex-direction:column; gap:2px; margin:0; padding:14px 12px; border:1px solid var(--line); border-radius:8px; background:var(--chrome); box-shadow:inset 0 1px 0 var(--card-edge),var(--card-shadow); }
.view-navigation button { display:flex; align-items:center; gap:10px; width:100%; min-height:36px; text-align:left; padding:7px 10px; font-size:13px; border-radius:6px; border-color:transparent; background:transparent; color:var(--chrome-text); font-weight:400; }
.view-navigation button:not(:has(.icon)) { padding-left:38px; }
.view-navigation button:hover:not(:disabled) { background:var(--hover); color:var(--text); filter:none; }
.view-navigation button[aria-current="page"],.view-navigation button[aria-current="page"]:hover:not(:disabled) { background:var(--active-surface); border-color:var(--active-edge); color:var(--accent); font-weight:650; box-shadow:var(--active-shadow); }
.nav-group { margin:16px 0 4px; padding-left:10px; color:var(--chrome-text); font-size:12px; font-weight:500; }
.nav-group:first-child { margin-top:0; }
.icon-button.mobile-navigation-toggle { display:none; }
body.navigation-open { overflow:hidden; }
.columns { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; }
.primary-pane { min-width:0; }
.filters { grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; }
.query-submit,.page-button { display:grid; place-items:center; width:42px; height:42px; padding:0; flex:none; }
.filters-readonly { grid-template-columns:42px minmax(0,1fr) auto; align-items:center; }
.filters-readonly .scope-options { grid-column:1/-1; }
.filters:not(.filters-readonly) #view-meta { grid-column:1/-1; grid-row:2; }
.filters:has(#query-status-field:not([hidden])) { grid-template-columns:minmax(0,1fr) minmax(120px,180px) auto; }
.commerce-query-options { grid-column:1/-1; min-width:0; }
.filters:not(.filters-readonly) #query-id-field,.filters:not(.filters-readonly) #query-status-field,
.filters:not(.filters-readonly) #query-submit { grid-row:1; }
.filters:has(#query-status-field:not([hidden])) #query-submit { grid-column:3; }
.commerce-query-options summary { width:fit-content; cursor:pointer; padding-block:10px; }
.commerce-query-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; gap:12px; align-items:end; padding-block:8px; }
.commerce-query-fields label { min-width:0; }
.commerce-query-fields input,.commerce-query-fields select,.commerce-query-fields button { min-height:44px; }
@media(max-width:960px) { .commerce-query-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) { .commerce-query-fields { grid-template-columns:minmax(0,1fr); } }
.scope-options { grid-column:1/-1; color:var(--muted); font-size:12px; }
.scope-options > summary { cursor:pointer; padding:6px 0; }
.scope-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:10px 0; max-width:640px; }
.status { line-height:1.7; color:var(--positive); margin:0 0 18px; overflow-wrap:anywhere; }
.status:empty { display:none; }
.status:not(:empty) { padding:12px 14px; border:1px solid var(--positive); border-radius:5px; background:var(--positive-bg); }
.status[data-error="true"] { color:var(--negative); border-color:var(--negative); background:var(--negative-bg); }
.notice { padding:14px 16px; border:1px solid var(--line); background:var(--info-bg); color:var(--info); font-size:13px; line-height:1.7; overflow-wrap:anywhere; margin:18px 0; }
.notice p { margin:0 0 10px; }
.table-wrap { overflow:auto; border-block:1px solid var(--line); margin-top:20px; }
table { border-collapse:collapse; width:100%; min-width:570px; background:var(--surface); font-size:13px; table-layout:auto; font-variant-numeric:tabular-nums; }
td,th { padding:14px 12px; text-align:left; border-bottom:1px solid var(--line); overflow-wrap:anywhere; vertical-align:middle; }
th { background:var(--raised); color:var(--muted); font-weight:600; font-size:12px; }
td:first-child { font-weight:500; }
tbody tr:hover { background:var(--hover); }
th.row-actions,td.row-actions { width:64px; text-align:right; padding-right:8px; }
.row-actions .icon-button { width:40px; height:40px; min-width:40px; border-color:transparent; background:transparent; color:var(--muted); }
.cell-value { line-height:1.65; min-width:0; overflow-wrap:anywhere; }
.mobile-field-label { display:none; }
.money-cell { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.table-wrap:focus-visible { outline-offset:2px; }
.empty,.query-error,.unavailable { min-height:260px; padding:32px 20px; border-block:1px solid var(--line); margin-top:20px; display:grid; align-content:center; }
.empty { gap:10px; text-align:center; color:var(--muted); }
.empty strong { color:var(--text); font-size:14px; font-weight:500; }
.query-error { justify-items:center; gap:14px; text-align:center; }
.query-error p { margin:0; color:var(--negative); overflow-wrap:anywhere; }
.unavailable { justify-items:start; }
.unavailable p { max-width:65ch; margin:0 0 20px; line-height:1.8; color:var(--muted); overflow-wrap:anywhere; }
.loading { min-height:200px; padding:32px 0; color:var(--muted); }
.pagination { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:16px 0; color:var(--muted); font-size:12px; font-variant-numeric:tabular-nums; }
.pagination p { margin:0; }
.page-controls { display:flex; gap:8px; }
.record-status { display:inline-flex; align-items:center; gap:7px; color:var(--muted); line-height:1.6; }
.record-status::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; flex:none; }
.record-status[data-tone="positive"],[data-tone="positive"] { color:var(--positive); }
.record-status[data-tone="pending"],[data-tone="pending"] { color:var(--pending); }
.record-status[data-tone="negative"],[data-tone="negative"] { color:var(--negative); }
.table-wrap .cell-value { min-width:0; overflow-wrap:anywhere; }
.icon-definitions { position:absolute; width:0; height:0; overflow:hidden; }
.icon { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.icon-button { display:inline-grid; place-items:center; width:42px; height:42px; min-width:42px; padding:0; }
.icon-command { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.checkout-link { min-height:44px; padding:10px 16px; border-radius:6px; color:var(--text); border:1px solid var(--control-line); text-decoration:none; font-weight:600; }
.checkout-link:hover { text-decoration:underline; text-underline-offset:3px; }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px; }
.section-heading h2 { margin:0; min-width:0; overflow-wrap:anywhere; }
.section-heading .icon-button { flex:none; }
#payment-editor,#owner-setup-editor { border-top:1px solid var(--line); padding-top:24px; margin-top:24px; }
.summary-strip { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); grid-template-rows:auto auto; grid-auto-flow:column; column-gap:20px; row-gap:8px; margin:20px 0; padding:20px 0; border-block:1px solid var(--line); }
.summary-strip dt { grid-row:1; color:var(--muted); font-size:12px; }
.summary-strip dd { grid-row:2; margin:0; font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.overview-report { margin-top:24px; }
.overview-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.overview-heading h2 { margin:0 0 8px; font-size:20px; }
.overview-heading .helper { max-width:72ch; line-height:1.75; }
.overview-updated { flex:none; color:var(--muted); font-size:12px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.overview-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:20px 0 28px; }
.overview-metric { display:grid; gap:7px; min-width:0; padding:16px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.overview-metric dt { color:var(--muted); font-size:12px; }
.overview-metric dd { margin:0; color:var(--text); font-size:23px; font-weight:650; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.overview-metric[data-state="positive"] { border-color:color-mix(in srgb,var(--positive) 35%,var(--line)); }
.overview-metric[data-state="pending"] { border-color:color-mix(in srgb,var(--pending) 45%,var(--line)); }
.overview-metric[data-state="negative"] { border-color:color-mix(in srgb,var(--negative) 45%,var(--line)); }
.overview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.overview-panel { min-width:0; padding-top:18px; border-top:1px solid var(--line); }
.overview-panel h3 { margin:0 0 14px; font-size:15px; }
.overview-panel .section-heading { margin-bottom:10px; }
.overview-list { display:grid; gap:10px; list-style:none; padding:0; margin:0; }
.overview-list > li { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; min-width:0; padding:11px 0; border-bottom:1px solid var(--line); color:var(--muted); line-height:1.65; }
.overview-list > li:last-child { border-bottom:0; }
.overview-list > li > span:first-child { min-width:0; overflow-wrap:anywhere; }
.overview-list > li[data-state="positive"] { color:var(--positive); }
.overview-list > li[data-state="pending"] { color:var(--pending); }
.overview-list > li[data-state="negative"] { color:var(--negative); }
.overview-orders > li { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 44px; align-items:center; }
.overview-orders strong { color:var(--text); font-size:13px; overflow-wrap:anywhere; }
.overview-orders span { min-width:0; overflow-wrap:anywhere; }
.overview-orders .icon-button { min-width:40px; width:40px; height:40px; }
.overview-action-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.overview-action { display:flex; align-items:flex-start; justify-content:flex-start; gap:11px; min-height:70px; padding:12px; text-align:left; }
.overview-action > .icon { color:var(--accent); margin-top:2px; }
.overview-action > span { display:grid; gap:3px; min-width:0; }
.overview-action strong { color:var(--text); font-size:13px; }
.overview-action small { color:var(--muted); font-size:12px; font-weight:400; line-height:1.55; }
.overview-audit time { flex:none; color:var(--muted); font-variant-numeric:tabular-nums; }
.overview-audit span { flex:1; color:var(--text); overflow-wrap:anywhere; }
.overview-audit small { flex:none; color:var(--muted); }
.configuration-summary h3 { margin:22px 0 12px; }
.record-details { display:grid; grid-template-columns:minmax(90px,140px) minmax(0,1fr); gap:11px 18px; margin:16px 0; font-size:13px; line-height:1.7; }
.record-details dt { color:var(--muted); }
.record-details dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; user-select:text; }
.provider-summary { max-width:780px; margin-bottom:24px; }
.pending-change { padding:20px 0; margin-bottom:24px; border-bottom:1px solid var(--line); }
.pending-change > h3 { margin-top:0; }
.pending-change > p { color:var(--positive); line-height:1.7; margin-bottom:5px; }
.pending-change .helper { color:var(--muted); }
#payment-countdown { min-height:24px; font-variant-numeric:tabular-nums; }
#payment-pending-select-field { max-width:560px; margin:15px 0; }
#payment-pending-details { margin:18px 0; }
#payment-approval-form { padding:0; margin:18px 0 0; }
.payment-technical,.setup-technical { margin:18px 0; font-size:12px; color:var(--muted); }
.payment-technical summary,.setup-technical summary { cursor:pointer; padding:8px 0; }
.payment-technical .record-details { font-size:12px; }
#payment-form { max-width:900px; }
.collection-panel { padding:16px 0 24px; border-bottom:1px solid var(--line); margin-bottom:24px; }
.collection-selector { display:flex; flex-wrap:wrap; align-items:end; gap:12px; }
.collection-selector > label { flex:1 1 260px; min-width:0; max-width:480px; }
.collection-selector > .helper { align-self:center; margin:18px auto 0 0; }
.collection-selector select { width:100%; min-width:0; text-overflow:ellipsis; }
.collection-form { margin-top:20px; max-width:600px; }
.collection-form .toolbar { margin:0; }
.collection-panel .form-feedback:empty { display:none; }
#provider-order-form:has(#provider-order-collection-field:not([hidden])) { grid-template-columns:minmax(0,1fr) minmax(120px,160px); }
#provider-order-collection-field { min-width:0; }
#provider-balance-form:has(#provider-balance-collection-field:not([hidden])) { grid-template-columns:minmax(0,1fr) minmax(120px,180px) auto; }
#provider-balance-collection-field { min-width:0; }
#payment-form > label { max-width:340px; }
.payment-provider { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:20px 0; border-block:1px solid var(--line); }
.payment-provider + .payment-provider { border-top:0; padding-top:0; }
.payment-provider h3 { grid-column:1/-1; margin:0 0 4px; }
.payment-connection { display:flex; align-items:center; flex-wrap:wrap; gap:12px; grid-column:1/-1; min-height:50px; }
.payment-connection button { flex:none; min-width:96px; }
.payment-connection p { flex:1 1 180px; min-width:0; margin:0; line-height:1.7; font-size:13px; color:var(--positive); overflow-wrap:anywhere; }
.payment-connection p[data-error="true"],#reauth-status[data-error="true"] { color:var(--negative); }
.payment-approval-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:2px; }
.owner-confirmation { display:flex; align-items:center; gap:10px; min-height:44px; }
.owner-confirmation input { flex:none; margin:0; }
.setup-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 18px; margin:14px 0 18px; max-width:880px; padding:16px 0; border-block:1px solid var(--line); line-height:1.8; }
.setup-summary span { overflow-wrap:anywhere; }
.setup-summary strong { color:var(--text); }
.setup-guide { margin-top:18px; padding:14px; border:1px solid var(--line); background:var(--positive-bg); }
.setup-guide h3 { margin:0 0 8px; }
.setup-guide ol { margin:0; padding-left:20px; display:grid; gap:8px; color:var(--muted); line-height:1.7; }
.setup-guide code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; color:var(--text); overflow-wrap:anywhere; }
.setup-technical { max-width:880px; border-block:1px solid var(--line); padding:10px 0; }
.setup-technical p { margin:8px 0 0; line-height:1.7; }
.setup-technical > form { padding-top:16px; }
.setup-fixed-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 18px; margin:14px 0 18px; }
.setup-fixed-facts div { display:grid; grid-template-columns:minmax(92px,auto) minmax(0,1fr); gap:8px; padding:10px 0; border-bottom:1px solid var(--line); }
.setup-fixed-facts dt { color:var(--muted); font-size:12px; }
.setup-fixed-facts dd { margin:0; overflow-wrap:anywhere; }
.setup-actions { margin:0 0 18px; padding:10px 0; color:var(--pending); }
.setup-actions ol { margin:6px 0 0; padding-left:20px; display:grid; gap:7px; line-height:1.7; }
dialog { width:min(620px,calc(100% - 32px)); max-height:calc(100dvh - 48px); overflow:auto; padding:26px; color:var(--text); background:var(--surface); border:1px solid var(--control-line); border-radius:8px; box-shadow:var(--shadow); }
dialog::backdrop { background:var(--scrim); }
#reauth-dialog { width:min(460px,calc(100% - 32px)); }
#reauth-form { margin-top:22px; }
#reauth-form > label { margin-bottom:-6px; }
#record-actions { margin-top:22px; }
#record-actions > .helper,#session-revoke-confirmation { flex-basis:100%; }
#record-actions > h3,#record-actions > .ledger-postings { flex-basis:100%; margin:0; }
.ledger-postings { padding-block:14px; border-block:1px solid var(--line); }
#session-revoke-confirmation { border-top:1px solid var(--line); padding-top:16px; }
#session-revoke-confirmation p { margin:0; line-height:1.7; }
#navigation-dialog { inset:0 auto 0 0; width:min(300px,calc(100% - 48px)); height:100dvh; max-width:none; max-height:none; margin:0; padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); border:0; border-right:1px solid var(--line); border-radius:0; overflow:hidden; }
#navigation-dialog[open] { display:flex; flex-direction:column; gap:12px; }
#navigation-dialog .section-heading { flex:none; margin:0; padding-bottom:12px; border-bottom:1px solid var(--line); }
#navigation-dialog .view-navigation { display:flex; flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; border:0; padding:3px 4px 4px; box-shadow:none; border-radius:0; }
#navigation-dialog .view-navigation button { min-height:44px; flex:none; }
#navigation-dialog .nav-group { flex:none; }
#navigation-close { width:44px; height:44px; min-width:44px; }
.account-filters { grid-template-columns:minmax(160px,1fr) minmax(120px,160px) auto auto; gap:14px; align-items:end; margin:20px 0 0; }
.audit-filters { grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,.8fr); gap:14px; align-items:end; margin:20px 0 0; }
.audit-filters label { min-width:0; }
.audit-filter-actions { display:flex; gap:8px; align-self:end; }
#audit-filter-state { overflow-wrap:anywhere; }
@media(max-width:960px) {
  .audit-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .audit-request-field,.audit-filter-actions { grid-column:1/-1; }
}
@media(max-width:680px) {
  .audit-filters { grid-template-columns:minmax(0,1fr); }
  .audit-filters input,.audit-filters select,.audit-filter-actions button { min-height:44px; }
  .audit-filter-actions button { min-width:44px; }
}
.provider-order-panel { padding:24px 0; }
.provider-order-panel .section-heading { margin-top:0; }
#provider-order-form { grid-template-columns:minmax(120px,180px) minmax(0,1fr) auto; align-items:start; gap:16px; max-width:900px; }
#provider-order-form > button { margin-top:26px; white-space:nowrap; }
.provider-order-feedback { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; margin-top:16px; }
#provider-order-result { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); max-width:900px; }
#provider-order-result .record-details { margin-bottom:0; }
#provider-order-summary { flex-wrap:wrap; }
#provider-order-summary h3 { margin:0; }
#provider-order-form input[aria-invalid="true"] { border-color:var(--negative); }
#provider-balance-form { grid-template-columns:minmax(120px,260px) auto; align-items:start; gap:16px; max-width:480px; }
#provider-balance-form > button { margin-top:26px; white-space:nowrap; }
#provider-balance-result { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); max-width:900px; }
#provider-balance-result .record-details { margin-bottom:0; }
#provider-balance-summary { flex-wrap:wrap; }
#provider-balance-summary h3 { margin:0; }
.account-filter-actions { display:flex; gap:8px; }
#account-create { white-space:nowrap; }
#account-filter-state { margin:12px 0 0; overflow-wrap:anywhere; }
.account-editor { padding:24px 0; border-block:1px solid var(--line); margin-top:24px; }
.account-editor form { max-width:860px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.account-editor label { align-content:start; }
.account-editor .toolbar,.account-editor .form-feedback { grid-column:1/-1; }
#account-form[data-mode="create"] #account-email-field { grid-column:1/-1; }
.form-feedback { margin:0; color:var(--positive); line-height:1.7; overflow-wrap:anywhere; }
.form-feedback:empty { display:none; }
.form-feedback[data-error="true"] { color:var(--negative); }
.field-error { color:var(--negative); overflow-wrap:anywhere; }
.account-editor input[aria-invalid="true"] { border-color:var(--negative); }
#account-edit-consequence { margin:0 0 20px; }
#account-draft-state { margin:0; }
.account-conflict { max-width:860px; margin-top:24px; padding-top:20px; border-top:1px solid var(--line); }
.account-conflict h3 { margin:0 0 12px; font-size:17px; }
.account-conflict .record-details { margin-block:20px; }
.account-conflict .list-select { min-width:0; margin-bottom:12px; }
#account-conflict-status { margin-top:12px; }
#account-discard-dialog { max-width:460px; }
#account-discard-note { line-height:1.7; margin:16px 0 24px; }
.account-confirmation { flex-basis:100%; padding-top:18px; border-top:1px solid var(--line); }
.account-confirmation p { margin:0; line-height:1.7; }
.account-confirmation input { max-width:240px; font-variant-numeric:tabular-nums; }
.account-confirmation button { justify-self:start; }
.list-tools { margin-top:20px; padding-block:12px; border-block:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.list-selection { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.list-selection .helper { margin:0; }
.list-select { display:flex; align-items:center; gap:8px; min-height:44px; cursor:pointer; }
.list-select input { flex:none; margin:0; }
.row-select { width:44px; text-align:center; }
.row-select label { display:grid; place-items:center; min-width:44px; min-height:44px; cursor:pointer; }
.row-select input { margin:0; }
tr[data-selected="true"] { background:var(--hover); }
#account-bulk-dialog { width:min(640px,calc(100% - 32px)); padding:24px; overflow:hidden; }
#account-bulk-dialog[open] { display:flex; flex-direction:column; }
#account-bulk-dialog > .section-heading { flex:none; margin-bottom:16px; }
#account-bulk-form { display:flex; flex-direction:column; min-height:0; gap:16px; }
.bulk-body { overflow:auto; max-height:40dvh; min-height:0; padding-right:4px; scrollbar-gutter:stable; }
#account-bulk-note { margin:0 0 16px; }
#account-bulk-targets { list-style:none; padding:0; margin:0; }
#account-bulk-targets li { display:grid; grid-template-columns:minmax(0,1fr) minmax(110px,auto); align-items:start; gap:8px 20px; padding-block:12px; border-top:1px solid var(--line); }
.bulk-target { display:grid; gap:4px; min-width:0; overflow-wrap:anywhere; }
.bulk-target small { color:var(--muted); font-variant-numeric:tabular-nums; }
.bulk-outcome { text-align:right; overflow-wrap:anywhere; }
.bulk-outcome[data-outcome="success"] { color:var(--positive); }
.bulk-outcome[data-outcome="failed"],.bulk-outcome[data-outcome="unknown"] { color:var(--negative); }
.bulk-footer { flex:none; display:grid; gap:16px; border-top:1px solid var(--line); padding-top:16px; }
#account-bulk-confirmation { display:grid; gap:12px; }
#account-bulk-confirmation input[name="count"] { max-width:160px; }
#account-bulk-uncertain h2 { font-size:16px; margin:0; }
#account-bulk-uncertain p { overflow-wrap:anywhere; }
.actions { border-top:1px solid var(--line); padding:0; }
.actions > summary { cursor:pointer; padding:20px 0; color:var(--muted); font-weight:600; }
.actions form { max-width:760px; }
.actions h2:not(:first-child) { margin-top:20px; }

.appearance-panel { position:fixed; inset:76px 24px auto auto; width:min(400px,calc(100% - 32px)); max-height:calc(100dvh - 100px); overflow:auto; margin:0; padding:24px; border:1px solid var(--control-line); border-radius:8px; background:var(--surface); color:var(--text); box-shadow:var(--shadow); }
.appearance-panel .section-heading { margin-bottom:16px; }
.appearance-panel fieldset { padding:0; border:0; display:block; }
.appearance-panel legend { padding:0; margin-bottom:10px; }
.appearance-mode { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
.appearance-mode label { position:relative; min-width:0; }
.appearance-mode label span { min-height:44px; display:grid; place-content:center; border:1px solid var(--line); border-radius:5px; color:var(--muted); cursor:pointer; padding:6px; }
.appearance-mode input,.color-swatches input { position:absolute; width:1px; height:1px; min-height:0; margin:0; opacity:0; }
.appearance-mode input:checked + span { background:var(--hover); border-color:var(--accent); color:var(--accent); }
.appearance-mode input:focus-visible + span,.color-swatches input:focus-visible + .color-swatch { outline:3px solid var(--accent); outline-offset:3px; }
.color-swatches { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px 12px; }
.color-swatches label { position:relative; justify-items:center; gap:8px; cursor:pointer; font-size:12px; color:var(--text); }
.color-swatch { --preview-canvas:var(--canvas-dark); --preview-chrome:var(--chrome-dark); --preview-panel:var(--panel-dark); position:relative; display:grid; place-items:center; width:100%; height:52px; border-radius:6px; background:var(--preview-canvas); border:1px solid var(--line); outline:2px solid transparent; outline-offset:2px; overflow:hidden; }
:root[data-theme="light"] .color-swatch { --preview-canvas:var(--canvas-light); --preview-chrome:var(--chrome-light); --preview-panel:var(--panel-light); }
.color-swatch::before { content:""; position:absolute; inset:9px 7px 8px 20px; border-radius:3px; border:1px solid var(--glint); background:linear-gradient(125deg,transparent,var(--preview-panel)),var(--preview-panel); box-shadow:0 4px 8px rgba(0,0,0,.15); }
.color-swatch::after { content:""; position:absolute; inset:6px auto 6px 5px; width:9px; background:var(--preview-chrome); border-top:3px solid var(--bright); }
.color-swatch .icon { position:absolute; right:4px; bottom:4px; width:20px; height:20px; padding:3px; background:var(--bright); color:#101715; border-radius:4px; visibility:hidden; z-index:1; }
.color-swatches input:checked + .color-swatch { outline:2px solid var(--accent); }
.color-swatches input:checked + .color-swatch .icon { visibility:visible; }
.color-swatches label:hover .color-swatch { border-color:var(--accent); }
.appearance-switch { display:flex; align-items:center; justify-content:space-between; min-height:44px; gap:12px; padding-top:8px; border-top:1px solid var(--line); color:var(--text); }
.appearance-switch input { margin:0; }

.query-row:has(#health-toolbar:not([hidden])) { display:grid; grid-template-columns:minmax(145px,1fr) auto; align-items:center; column-gap:20px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.health-report { margin-top:24px; }
.health-toolbar { display:grid; grid-template-columns:auto 42px 42px; align-items:center; gap:6px 10px; }
.health-toolbar label { display:flex; align-items:center; gap:10px; }
.health-toolbar select { width:120px; }
#health-live-status { grid-column:1/-1; grid-row:2; text-align:right; font-size:12px; }
#health-live-status[data-state="ready"] { color:var(--positive); }
#health-live-status[data-state="unavailable"] { color:var(--negative); }
.ops-focus .heading { padding-left:0; }
.ops-focus #navigation-dock { display:none; }
.ops-focus .workspace-layout { grid-template-columns:minmax(0,1fr); }
.ops-focus main { max-width:2200px; }
.process-band { padding:24px 0 0; }
.process-values { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0 0 16px; }
.process-values > div { min-height:122px; padding:20px; }
.process-values dt { color:var(--muted); font-size:13px; margin-bottom:10px; }
.process-values dd { display:flex; align-items:baseline; flex-wrap:wrap; gap:0 6px; margin:0; font-size:26px; font-weight:550; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.metric-number { max-width:100%; }
.metric-unit { font-size:13px; color:var(--muted); font-weight:400; }
.metric-secondary { flex-basis:100%; font-size:12px; color:var(--muted); font-weight:400; margin-top:4px; }
.service-branches details { margin:12px 0 0; text-align:left; border-top:1px solid var(--line); }
.service-branches summary { min-height:44px; padding:12px 0 8px; cursor:pointer; font-size:12px; color:var(--muted); }
.service-branches .record-details { grid-template-columns:minmax(56px,auto) minmax(0,1fr); gap:10px; font-size:12px; }
.chart-bounds { display:flex; justify-content:space-between; color:var(--muted); font-size:12px; padding-left:42px; font-variant-numeric:tabular-nums; }
.chart-statistics { margin:12px 0 6px; }
.health-report > .section-heading { flex-wrap:wrap; }
.health-card { --card-tint:var(--accent); position:relative; isolation:isolate; min-width:0; border:1px solid var(--line); border-radius:8px; background:var(--surface); box-shadow:inset 0 1px 0 var(--card-edge),inset 0 -1px 0 rgba(0,0,0,.07),var(--card-shadow); }
.health-card::before { content:""; position:absolute; top:-1px; left:12px; right:12px; height:1px; background:linear-gradient(90deg,transparent,var(--glint),var(--counter),transparent); opacity:.5; pointer-events:none; }
.health-card::after { content:""; position:absolute; bottom:0; right:16px; width:30%; height:1px; background:linear-gradient(90deg,transparent,var(--counter),transparent); opacity:.25; pointer-events:none; }
:root[data-theme="light"] .health-card::before,:root[data-theme="light"] .health-card::after { opacity:.12; }
.health-card[data-tone="positive"] { --card-tint:var(--positive); }
.health-card[data-tone="pending"],.health-card[data-state="configured"] { --card-tint:var(--pending); }
.health-card[data-tone="negative"],.health-card[data-state="unavailable"] { --card-tint:var(--negative); }
.health-card:focus-within { border-color:var(--accent); }
.health-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; gap:16px; }
.health-summary > div { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:86px; padding:16px 20px; }
.health-summary dt { display:flex; align-items:center; gap:9px; font-size:13px; color:var(--card-tint); }
.health-summary dd { margin:0; font-size:32px; font-weight:550; font-variant-numeric:tabular-nums; }
.service-flow { margin:0; padding:26px 0 0; }
.service-flow-source { display:flex; align-items:center; gap:10px; margin:0 0 16px; }
.service-flow-source .icon { color:var(--accent); }
.service-branches { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:start; gap:16px; list-style:none; padding:0; margin:0; }
.service-branches li { padding:20px 20px 8px; color:var(--muted); }
.service-branches strong { display:flex; align-items:center; gap:10px; color:var(--text); font-size:14px; font-weight:550; }
.service-branches strong .icon { color:var(--card-tint); width:20px; height:20px; }
.service-state { display:inline-flex; align-items:center; gap:8px; margin:18px 0 8px; font-size:13px; }
.service-state::before { content:""; width:6px; height:6px; flex:none; border-radius:50%; background:currentColor; }
.service-branches li > .helper { min-height:40px; }
.service-branches [data-state="ready"] .service-state { color:var(--positive); }
.service-branches [data-state="configured"] .service-state { color:var(--pending); }
.service-branches [data-state="unavailable"] .service-state { color:var(--negative); }
.health-lower { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:32px; padding-top:28px; margin-top:24px; border-top:1px solid var(--line); }
.health-chart { margin:0; min-width:0; }
.health-chart figcaption { font-size:16px; font-weight:600; }
.chart-reading { margin:16px 0 0; font-size:25px; font-variant-numeric:tabular-nums; color:var(--accent); }
.chart-plot { display:grid; grid-template-columns:42px minmax(0,1fr); margin-block:10px; }
.health-chart svg { display:block; width:100%; height:180px; overflow:visible; }
.chart-grid { stroke:var(--control-line); stroke-width:.5; opacity:.5; vector-effect:non-scaling-stroke; }
.chart-grid-minor { stroke:var(--line); stroke-width:.35; stroke-dasharray:1 4; opacity:.55; }
.chart-axis { display:flex; flex-direction:column; justify-content:space-between; padding-block:24px; color:var(--muted); font-size:12px; line-height:12px; font-variant-numeric:tabular-nums; }
.chart-area { fill:url(#health-duration-fill); }
.chart-fill-start { stop-color:var(--accent); stop-opacity:.07; }
.chart-fill-end { stop-color:var(--accent); stop-opacity:0; }
.chart-line { fill:none; stroke:var(--accent); stroke-width:1; stroke-linejoin:round; vector-effect:non-scaling-stroke; filter:var(--chart-glow); }
.chart-point { fill:var(--accent); stroke:var(--surface); stroke-width:.5; vector-effect:non-scaling-stroke; }
.chart-guide { stroke:var(--accent); stroke-width:.5; stroke-dasharray:1 4; opacity:.6; pointer-events:none; vector-effect:non-scaling-stroke; }
.chart-selected { fill:var(--surface); stroke:var(--accent); stroke-width:.75; pointer-events:none; vector-effect:non-scaling-stroke; }
.chart-inspector { margin-top:16px; }
.chart-sample-reading { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 10px; min-height:24px; font-size:12px; color:var(--muted); font-variant-numeric:tabular-nums; }
.chart-sample-reading strong { margin-left:auto; color:var(--text); font-size:13px; font-weight:500; }
#health-sample-select { appearance:none; display:block; min-height:44px; height:44px; padding:0; border:0; background:transparent; cursor:pointer; }
#health-sample-select::-webkit-slider-runnable-track { height:1px; background:var(--control-line); }
#health-sample-select::-webkit-slider-thumb { appearance:none; width:12px; height:12px; margin-top:-5.5px; border:1px solid var(--accent); border-radius:50%; background:var(--surface); }
#health-sample-select::-moz-range-track { height:1px; background:var(--control-line); }
#health-sample-select::-moz-range-thumb { width:10px; height:10px; border:1px solid var(--accent); border-radius:50%; background:var(--surface); }
#health-sample-select:disabled { cursor:default; }
.health-samples { margin-top:14px; color:var(--muted); font-size:12px; }
.health-samples summary { cursor:pointer; padding-block:6px; }
.health-samples ol { display:grid; gap:8px; padding-left:18px; }
.health-capabilities { min-width:0; }
.health-capabilities h2 { font-size:16px; }
.health-details { margin:0 0 16px; gap:0 16px; grid-template-columns:minmax(80px,auto) minmax(0,1fr); }
.health-details dt,.health-details dd { padding:12px 0; border-bottom:1px solid var(--line); }

@supports(backdrop-filter:blur(10px)) {
  dialog,.appearance-panel { background:var(--glass); backdrop-filter:blur(var(--glass-blur)); }
  .masthead { background:var(--chrome-glass); backdrop-filter:blur(var(--glass-blur)); }
  .view-navigation { background:linear-gradient(165deg,var(--reflection-strong),transparent 48%),var(--chrome-glass); backdrop-filter:blur(var(--glass-blur)); }
  .health-card { background:linear-gradient(115deg,var(--reflection-strong),transparent 48%,var(--reflection-soft)),var(--glass); backdrop-filter:blur(var(--glass-blur)); }
}
@supports(background:color-mix(in srgb,white,transparent)) {
  .health-summary > .health-card {
    --summary-fill:color-mix(in srgb,var(--card-tint) 8%,var(--surface));
    background-color:var(--summary-fill);
    border-color:color-mix(in srgb,var(--card-tint) 35%,var(--line));
  }
  :root[data-theme="light"] .health-summary > .health-card {
    --summary-fill:color-mix(in srgb,var(--card-tint) 4%,white);
    border-color:color-mix(in srgb,var(--card-tint) 15%,var(--line));
  }
}
@media(hover:hover) { .service-branches .health-card:hover { border-color:var(--control-line); } }
@media(prefers-reduced-motion:no-preference) {
  :root:not([data-motion="false"]) dialog[open],
  :root:not([data-motion="false"]) .appearance-panel:popover-open { animation:glass-enter 200ms cubic-bezier(.16,1,.3,1); }
  :root:not([data-motion="false"]) #navigation-dialog[open] { animation:drawer-enter 220ms cubic-bezier(.16,1,.3,1); }
}
@keyframes glass-enter { from { opacity:.65; transform:translateY(-5px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes drawer-enter { from { transform:translateX(-12px); opacity:.65; } to { transform:none; opacity:1; } }
:root[data-motion="false"] *, :root[data-motion="false"] *::before, :root[data-motion="false"] *::after { animation:none!important; transition:none!important; }
:root[data-glass="false"] { --glass:var(--surface); --chrome-glass:var(--chrome); --glass-blur:0px; --reflection-strong:transparent; --reflection-soft:transparent; }
:root[data-glass="false"] .health-card { background:var(--summary-fill,var(--surface)); box-shadow:none; }
:root[data-glass="false"] .view-navigation button[aria-current="page"] { box-shadow:none; }
:root[data-glass="false"] .health-card::before,:root[data-glass="false"] .health-card::after { display:none; }
@media(prefers-reduced-transparency:reduce) {
  :root:root { --glass:var(--surface); --chrome-glass:var(--chrome); --glass-blur:0px; --reflection-strong:transparent; --reflection-soft:transparent; }
  .health-card { background:var(--summary-fill,var(--surface)); box-shadow:none; }
  .view-navigation button[aria-current="page"] { box-shadow:none; }
  .health-card::before,.health-card::after { display:none; }
}
@media(max-width:1000px) {
  :root { --nav-width:164px; --workspace-gap:24px; }
  .query-row:has(#health-toolbar:not([hidden])) { grid-template-columns:minmax(0,1fr); gap:14px; }
  .health-toolbar { grid-template-columns:minmax(0,1fr) 42px 42px; }
  #health-live-status { text-align:left; }
  .health-lower { grid-template-columns:minmax(0,1fr); }
  .service-branches { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .process-values { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .health-summary > div { flex-direction:column; align-items:flex-start; padding:16px; gap:8px; }
  .overview-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .overview-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:960px) {
  .account-filters { grid-template-columns:minmax(0,1fr) auto auto; }
  .account-filters > label:first-child { grid-column:1/-1; }
}
@media(max-width:680px), (max-width:960px) and (max-height:500px), (pointer:coarse) {
  .collection-panel input,.collection-panel select,.collection-panel button,
  #payment-editor input,#payment-editor select,#payment-editor button { min-height:44px; }
  .collection-panel .icon-button,#payment-editor .icon-button { min-width:44px; }
}
.commerce-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px 20px; margin-bottom:20px; }
.commerce-toolbar .helper { flex:1 1 280px; margin:0; }
.commerce-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.commerce-fields label { min-width:0; }
.commerce-fields .commerce-wide { grid-column:1/-1; }
.commerce-account-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.commerce-confirm { display:flex; align-items:center; gap:10px; min-height:44px; margin:0; }
.commerce-confirm input { width:18px; height:18px; min-height:18px; flex:none; }
#commerce-dialog { overflow:hidden; padding:20px; }
#commerce-dialog[open] { display:flex; flex-direction:column; }
#commerce-dialog > .section-heading { flex:none; margin-bottom:12px; }
#commerce-form { display:flex; flex-direction:column; min-height:0; }
.commerce-body { overflow:auto; min-height:0; padding:2px 4px 16px; scrollbar-gutter:stable; }
.commerce-body > .helper { margin-top:0; }
.commerce-footer { flex:none; display:grid; gap:8px; border-top:1px solid var(--line); padding-top:8px; }
.commerce-footer .toolbar { flex-wrap:wrap; }
#commerce-dialog .record-details { grid-column:1/-1; margin:0; }
#commerce-dialog .form-feedback { overflow-wrap:anywhere; }
#commerce-dialog input:not([type=checkbox]),#commerce-dialog select,#commerce-dialog button { min-height:44px; }
#commerce-dialog .icon-button { min-width:44px; }
@media(max-width:520px) {
  .commerce-fields { grid-template-columns:minmax(0,1fr); }
  .commerce-toolbar { align-items:flex-start; }
  .commerce-toolbar .toolbar { flex-wrap:wrap; }
}
@media (max-height:480px) {
  #commerce-dialog { max-height:calc(100dvh - 16px); padding:12px 16px; }
  #commerce-dialog > .section-heading { margin-bottom:4px; }
  .commerce-footer { grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:4px 12px; }
  .commerce-footer .form-feedback { grid-column:1/-1; grid-row:2; }
  #account-bulk-dialog { max-height:calc(100dvh - 16px); padding:12px 16px; }
  #account-bulk-dialog > .section-heading { margin-bottom:8px; }
  #account-bulk-form { gap:8px; }
  .bulk-footer { padding-top:8px; gap:8px; }
  #account-bulk-confirmation { grid-template-columns:140px minmax(0,1fr); align-items:center; }
}
@media(max-width:680px) {
  main { padding:20px 16px 40px; }
  input,select { font-size:16px; min-height:44px; }
  button { min-height:44px; }
  .icon-button,.query-submit,.page-button { width:44px; min-width:44px; height:44px; }
  .masthead { padding:12px 16px; gap:8px; }
  .masthead-tools { gap:10px; }
  .environment { display:none; }
  .brand { font-size:17px; gap:8px; }
  .brand small { padding-left:8px; }
  .login { margin:32px auto 48px; }
  .workspace-layout { grid-template-columns:minmax(0,1fr); gap:18px; }
  #navigation-dock { display:none; }
  .icon-button.mobile-navigation-toggle { display:inline-grid; }
  .columns { gap:20px; }
  .heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:10px; }
  .heading h1 { font-size:21px; overflow-wrap:anywhere; }
  .session-heading { flex-wrap:wrap; max-width:none; gap:6px; }
  .session-heading > div { flex-basis:100%; margin:0 0 2px; }
  .filters-readonly { grid-template-columns:44px minmax(0,1fr) auto; gap:8px; }
  .filters:has(#query-status-field:not([hidden])) { grid-template-columns:minmax(0,1fr) 44px; }
  .filters:has(#query-status-field:not([hidden])) #query-id-field { grid-column:1/-1; }
  .filters:has(#query-status-field:not([hidden])) #query-status-field { grid-column:1; grid-row:2; }
  .filters:has(#query-status-field:not([hidden])) #query-submit { grid-column:2; grid-row:2; }
  .filters:has(#query-status-field:not([hidden])) #view-meta { grid-row:3; }
  #audit-export { padding-inline:9px; font-size:12px; }
  #view-meta { font-size:12px; }
  .account-filters { grid-template-columns:minmax(0,1fr) auto; gap:14px; }
  .account-filters > label:first-child { grid-column:1/-1; }
  .account-filters > button:last-child { grid-column:1/-1; justify-self:start; }
  .account-editor form { grid-template-columns:minmax(0,1fr); }
  #provider-order-form { grid-template-columns:minmax(0,1fr); gap:14px; }
  #provider-order-form:has(#provider-order-collection-field:not([hidden])),
  #provider-balance-form:has(#provider-balance-collection-field:not([hidden])) { grid-template-columns:minmax(0,1fr); }
  .collection-selector > label { flex-basis:100%; max-width:none; }
  .collection-selector > .helper { margin:0; flex-basis:100%; }
  #provider-order-form > button { margin-top:0; justify-self:start; }
  #provider-order-result summary { min-height:44px; }
  #provider-balance-form { grid-template-columns:minmax(0,1fr); gap:14px; }
  #provider-balance-form > button { margin-top:0; justify-self:start; }
  #provider-balance-result summary { min-height:44px; }
  .account-editor .toolbar > button { flex:1; }
  .summary-strip { grid-template-columns:minmax(100px,auto) minmax(0,1fr); grid-template-rows:none; grid-auto-flow:row; gap:12px 16px; }
  .summary-strip dt,.summary-strip dd { grid-row:auto; font-size:13px; }
  .record-details { grid-template-columns:90px minmax(0,1fr); gap:10px 14px; }
  .table-wrap { overflow:visible; border-inline:0; }
  .table-wrap table,.table-wrap tbody { display:block; width:100%; min-width:0; }
  .table-wrap thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .table-wrap tbody tr { display:grid; grid-template-columns:minmax(0,1fr) 44px; padding:10px 0; border-bottom:1px solid var(--line); }
  .table-wrap tbody tr:last-child { border-bottom:0; }
  .table-wrap td,.table-wrap td:first-child { display:grid; grid-template-columns:70px minmax(0,1fr); gap:12px; width:auto; padding:7px 8px; border:0; font-size:13px; line-height:1.7; text-align:left; white-space:normal; grid-column:1; }
  .table-wrap td.secondary-column { display:none; }
  .table-wrap .audit-table td[headers="result-audit-outcome"],
  .table-wrap .audit-table td[headers="result-audit-recordedAt"] { display:grid; }
  .table-wrap .ledger-table td[headers="result-transactions-availableDeltaMinor"],
  .table-wrap .ledger-table td[headers="result-transactions-reservedDeltaMinor"],
  .table-wrap .ledger-table td[headers="result-transactions-createdAt"] { display:grid; }
  .table-wrap td.row-actions { display:grid; grid-template-columns:minmax(0,1fr); place-items:center; grid-column:2; grid-row:1/3; width:44px; min-width:0; max-width:44px; overflow:hidden; padding:0; }
  .row-actions .icon-button { width:44px; height:44px; min-width:44px; min-height:44px; }
  .table-wrap table:has(.row-select) tbody tr { grid-template-columns:44px minmax(0,1fr) 44px; }
  .table-wrap table:has(.row-select) td { grid-column:2; grid-template-columns:56px minmax(0,1fr); gap:8px; padding-inline:4px; }
  .table-wrap table:has(.row-select) td.row-select { grid-column:1; grid-row:1/3; display:grid; grid-template-columns:1fr; place-items:center; padding:0; }
  .table-wrap table:has(.row-select) td.row-actions { grid-column:3; grid-template-columns:minmax(0,1fr); width:44px; min-width:0; max-width:44px; }
  .list-tools { align-items:stretch; }
  .list-tools > .toolbar { width:100%; }
  #account-bulk-dialog { padding:16px; }
  #account-bulk-targets li { grid-template-columns:minmax(0,1fr) 96px; gap:8px; }
  .bulk-body { max-height:34dvh; }
  .mobile-field-label { display:block; color:var(--muted); font-size:12px; }
  .table-wrap .money-cell { min-width:0; white-space:normal; }
  .table-wrap .money-cell .cell-value { min-width:0; font-weight:600; white-space:normal; overflow-wrap:anywhere; word-break:break-word; }
  dialog { padding:20px; }
  #reauth-dialog .verification-control { grid-template-columns:minmax(0,1fr) auto; }
  #reauth-dialog .verification-control button { min-width:104px; }
  .appearance-panel { right:16px; padding:20px; }
  .health-summary { gap:10px; }
  .health-summary > div { padding:12px; min-height:92px; }
  .health-summary dt { font-size:12px; }
  .health-summary dd { font-size:25px; }
  .service-branches li { padding:18px 18px 6px; }
  .health-details { gap:0 14px; }
  .health-toolbar { grid-template-columns:minmax(0,1fr) 44px 44px; gap:8px; }
  .health-toolbar label { gap:8px; }
  .health-toolbar select { flex:1; min-width:0; width:110px; }
  .process-values { gap:12px; }
  .process-values > div { padding:16px; }
  .process-values dd { font-size:25px; }
  .service-branches summary { min-height:44px; }
  .service-branches .record-details { grid-template-columns:minmax(0,1fr); gap:5px; }
  .service-branches .record-details dd { margin-bottom:8px; }
  .overview-heading { display:grid; gap:8px; }
  .overview-updated { white-space:normal; }
  .overview-action-list { grid-template-columns:minmax(0,1fr); }
  .overview-orders > li { grid-template-columns:minmax(0,1fr) 44px; }
  .overview-orders > li > span { grid-column:1; }
  .overview-orders .icon-button { grid-column:2; grid-row:1 / span 2; }
}
@media(min-width:1800px) {
  :root { --nav-width:208px; --workspace-gap:40px; }
  main { max-width:1920px; padding-inline:48px; }
  .masthead { padding-inline:max(48px,calc((100vw - 1824px)/2)); }
  .ops-focus .health-lower { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); }
}
@media(max-width:520px) {
  .scope-fields,fieldset,.payment-provider,.payment-approval-fields,.setup-summary,.setup-fixed-facts { grid-template-columns:1fr; }
  .setup-fixed-facts div { grid-template-columns:1fr; gap:3px; }
  .service-branches { grid-template-columns:minmax(0,1fr); }
  .service-branches li { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:12px; row-gap:10px; padding:16px 16px 6px; }
  .service-branches strong { min-width:0; flex-wrap:wrap; gap:8px; }
  .service-state { margin:0; align-self:center; flex-wrap:wrap; gap:6px; }
  .service-branches li > .helper { grid-column:1/-1; min-height:0; }
  .service-branches details { grid-column:1/-1; margin:0; }
}
@media(max-width:380px) {
  .brand small { display:none; }
  .verification-control { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important; animation:none!important; } }
@media(forced-colors:active) {
  button:disabled { opacity:1; color:GrayText; }
  :focus-visible { outline:3px solid Highlight; }
  .color-swatch { forced-color-adjust:none; }
  .service-state { border:1px solid CanvasText; }
  .chart-line,.chart-grid,.chart-guide,.chart-selected { stroke:CanvasText; opacity:1; }
  .chart-selected { fill:Canvas; }
  .chart-line { filter:none; }
  .chart-area { display:none; }
  .chart-point,.chart-axis { fill:CanvasText; }
  .view-navigation button[aria-current="page"] { border-color:Highlight; color:Highlight; box-shadow:none; }
  .health-card { background:Canvas; border-color:CanvasText; box-shadow:none; backdrop-filter:none; }
  .health-card::before,.health-card::after { display:none; }
}

.operator-workbench { margin-top:28px; padding-top:24px; border-top:1px solid var(--line); }
.operator-workbench > .section-heading { align-items:flex-start; }
.operator-workbench > .section-heading h2 { margin-bottom:4px; }
.operator-owner-summary { margin-top:16px; padding:18px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.operator-owner-summary h3 { margin:0 0 8px; }
.operator-owner-summary .record-details { margin-block:14px 8px; }
.operator-owner-summary > .helper { margin:0; max-width:72ch; }
.operator-security-posture { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.operator-security-posture h3 { margin:0 0 12px; }
.operator-security-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:0; }
.operator-security-metrics > div { min-width:0; min-height:104px; padding:13px 14px; border:1px solid var(--line); border-radius:6px; background:var(--bg); }
.operator-security-metrics > div[data-state="positive"] { border-color:color-mix(in srgb,var(--positive) 48%,var(--line)); }
.operator-security-metrics > div[data-state="pending"] { border-color:color-mix(in srgb,var(--pending) 55%,var(--line)); }
.operator-security-metrics > div[data-state="negative"] { border-color:color-mix(in srgb,var(--negative) 58%,var(--line)); }
.operator-security-metrics dt { color:var(--muted); font-size:12px; }
.operator-security-metrics dd { margin:7px 0 4px; font-size:20px; font-weight:600; overflow-wrap:anywhere; }
.operator-security-metrics .helper { display:block; min-height:36px; margin:0; font-size:11px; }
.operator-session-batch-outcome { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.operator-session-batch-outcome .section-heading { margin-bottom:8px; }
.operator-session-batch-outcome .section-heading h3 { margin:0; }
.operator-session-batch-items { display:grid; gap:0; list-style:none; padding:0; margin:10px 0 0; border-top:1px solid var(--line); }
.operator-session-batch-items li { display:grid; grid-template-columns:78px minmax(150px,auto) minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--line); }
.operator-session-batch-items li[data-state="revoked"] strong { color:var(--positive); }
.operator-session-batch-items li[data-state="uncertain"] strong { color:var(--pending); }
.operator-session-batch-items li[data-state="not_revoked"] strong { color:var(--negative); }
.operator-session-batch-items code { overflow-wrap:anywhere; color:var(--muted); font-size:11px; }
.operator-session-batch-items .helper { min-width:0; }
.operator-batch-confirmation { display:grid; gap:10px; margin-top:16px; padding-top:16px; border-top:1px solid var(--line); }
.operator-batch-confirmation p { margin:0; max-width:72ch; }
.operator-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr); gap:24px; align-items:start; }
.operator-list { min-width:0; }
.operator-table-wrap { margin-top:0; border-block:0; }
.operator-table { min-width:720px; }
.operator-table th,.operator-table td { padding:12px 10px; }
.operator-table td:first-child { white-space:nowrap; }
.operator-table .row-actions { width:220px; display:flex; flex-wrap:wrap; gap:6px; }
.operator-table .row-actions .button-label { white-space:nowrap; }
.operator-authorization-form,.operator-credentials-form,.operator-approval-form { min-width:0; padding:18px; border:1px solid var(--line); background:var(--surface); }
.operator-authorization-form h3,.operator-credentials-form h3,.operator-approval-form h3 { margin:0 0 8px; }
.operator-role-fields { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:0; }
.operator-role-fields label { display:flex; align-items:center; gap:9px; min-height:32px; color:var(--text); }
.operator-role-fields input { flex:none; }
.operator-approval-form { display:grid; gap:14px; margin-top:20px; }
.operator-approval-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(120px,.55fr); gap:12px; }
.operator-authorization-form [data-error="true"],.operator-credentials-form [data-error="true"],.operator-approval-form [data-error="true"] { color:var(--negative); }
.session-heading .helper { max-width:38ch; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media(max-width:1000px) {
  .operator-layout { grid-template-columns:minmax(0,1fr); }
  .operator-authorization-form,.operator-credentials-form { max-width:none; }
  .operator-security-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:680px) {
  .operator-workbench { margin-top:22px; padding-top:20px; }
  .operator-owner-summary { padding:14px; }
  .operator-security-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .operator-security-metrics > div { min-height:96px; padding:11px 12px; }
  .operator-security-metrics dd { font-size:18px; }
  .operator-session-batch-items li { grid-template-columns:78px minmax(0,1fr) auto; }
  .operator-session-batch-items .helper { grid-column:2/-1; grid-row:2; }
  .operator-role-fields,.operator-approval-fields { grid-template-columns:minmax(0,1fr); }
  .operator-table-wrap { overflow:visible; }
  .operator-table,.operator-table tbody { display:block; width:100%; min-width:0; }
  .operator-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .operator-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) 52px; padding:10px 0; border-bottom:1px solid var(--line); }
  .operator-table tbody tr:last-child { border-bottom:0; }
  .operator-table td { display:grid; grid-template-columns:76px minmax(0,1fr); gap:10px; width:auto; padding:7px 8px; border:0; line-height:1.65; }
  .operator-table td::before { content:attr(data-label); color:var(--muted); font-size:12px; }
  .operator-table td.row-actions { display:grid; grid-template-columns:minmax(0,1fr); grid-column:2; grid-row:1 / span 5; width:52px; padding:0; }
  .operator-table td.row-actions::before { display:none; }
  .operator-table td.row-actions button { width:48px; min-width:48px; padding-inline:4px; }
  .operator-table td.row-actions .button-label { display:none; }
  .session-heading .helper { max-width:24ch; }
}