:root {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #162b3c; background: #f2f5f8; font-synthesis: none; line-height: 1.6;
  --line: #dce5eb; --muted: #536b7a; --accent: #12435b;
}
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(100% - 32px, 580px); margin: 7vh auto 3rem; }
.brand { display: inline-block; color: var(--accent); text-decoration: none; font-size: 1.5rem; font-weight: 800; letter-spacing: .06em; margin: 0 0 1.8rem; }
.brand span { font-size: 1rem; font-weight: 400; letter-spacing: 0; color: var(--muted); margin-left: .5rem; }
.card { padding: clamp(24px, 5vw, 42px); background: white; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 10px 40px #12344c08; }
h1 { font-size: 1.8rem; line-height: 1.2; margin: 0 0 1rem; }
h2 { font-size: 1.15rem; margin-top: 2rem; }
h3 { font-size: 1rem; margin: 0; }
p { margin: .8rem 0; }
a { color: #165e7a; text-underline-offset: .2em; }
label { display: block; font-size: .9rem; font-weight: 650; margin: 1.2rem 0 .35rem; }
input:not([type=hidden]) { font: inherit; width: 100%; border: 1px solid #9aafbd; padding: .7rem .8rem; border-radius: 8px; background: #fff; }
:where(input, button, a, summary):focus-visible { outline: 3px solid #167a9e; outline-offset: 4px; }
button, .button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; font: inherit; font-weight: 650; padding: .65rem 1rem; border: 1px solid var(--accent); border-radius: 8px; background: var(--accent); color: white; cursor: pointer; margin-top: 1.4rem; text-decoration: none; text-align: center; }
button:hover, .button:hover { background: #1d526b; }
.secondary { background: white; color: var(--accent); border-color: #aebfca; }
.secondary:hover { background: #edf4f8; }
.link { background: none; color: #315a70; border: 0; padding: .4rem .1rem; font-weight: 500; text-decoration: underline; }
.link:hover { background: transparent; color: #12344c; }
.actions { display: flex; gap: .7rem; flex-wrap: wrap; }
.identity, .notice { padding: .8rem 1rem; background: #eef4f8; border-radius: 8px; margin: 1.2rem 0; }
.notice { background: #fff5df; color: #654a16; }
.error { color: #92262f; background: #fff1f2; padding: .8rem; border-radius: 8px; }
.muted, footer { font-size: .875rem; color: var(--muted); }
footer { text-align: center; margin: 1.5rem; }
ul { padding-left: 1.3rem; }
li { margin: .5rem 0; }
code { overflow-wrap: anywhere; }
details { margin: 1rem 0 0; border-top: 1px solid var(--line); padding-top: .5rem; }
summary { cursor: pointer; font-weight: 650; color: #315a70; padding: .65rem 0; min-height: 44px; }
summary:hover { color: #12344c; }
.check-label { display: flex; align-items: flex-start; gap: .7rem; padding: .4rem 0; min-height: 44px; }
.check-label input[type=checkbox] { width: 1.2rem; height: 1.2rem; flex: none; margin: .2rem 0 0; accent-color: var(--accent); }
.consent-permissions { min-width: 0; margin: 1.2rem 0 0; padding: .6rem 1rem; border: 1px solid var(--line); border-radius: 8px; }
.consent-permissions legend { padding: 0 .35rem; font-weight: 650; }

/* The account is a dashboard; authentication pages retain their compact layout. */
.account-page main { width: min(100% - 48px, 1040px); margin-top: 2rem; }
.account-page .brand { margin-bottom: 1.5rem; }
.account-page .card { padding: 0; background: none; border: 0; box-shadow: none; }
.account-page h1 { margin-bottom: .4rem; }
.account-page h2, #cache-reset { scroll-margin-top: 1rem; }
.account-identity { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.account-identity p { margin: 0; overflow-wrap: anywhere; }
.account-identity button { margin: 0; }
.account-nav { display: flex; flex-wrap: wrap; gap: .3rem 1.5rem; margin-top: 1rem; border-bottom: 1px solid #cddae3; }
.account-nav a { min-height: 44px; display: inline-flex; align-items: center; font-weight: 650; text-decoration: none; padding: .4rem 0; }
.account-nav a:hover { text-decoration: underline; }
.timezone-note { font-size: .8rem; color: var(--muted); margin: .65rem 0 1.25rem; }
.panel { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 1.5rem 1.75rem; margin-bottom: 1.25rem; }
.section-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .6rem; margin-bottom: 1rem; }
.section-heading h2 { font-size: 1.2rem; margin: 0; }
.section-heading .button { margin: 0; font-size: .875rem; }
.sync-state { padding: .9rem 1rem; border-radius: 8px; border-left: 4px solid #237b4e; background: #edf7f0; }
.sync-state strong { font-size: 1.05rem; }
.sync-state p { margin: .3rem 0 0; font-size: .9rem; }
.sync-state a { display: inline-flex; align-items: center; min-height: 44px; }
.state-info { background: #edf5fa; border-color: #24708a; }
.state-warning { background: #fff7e6; border-color: #a06a13; }
.state-error { background: #fff1f2; border-color: #a6303c; }
.next-sync { font-weight: 600; }
.sync-progress { padding: 1.1rem 0 .25rem; }
.progress-heading, .progress-caption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; }
.progress-heading > span, .progress-caption { font-size: .9rem; }
.sync-progress p { margin: .3rem 0; }
.sync-progress progress { width: 100%; height: .65rem; margin: .5rem 0 .4rem; border: 0; border-radius: 10px; overflow: hidden; background: #e3edf2; accent-color: #24708a; }
.sync-progress progress::-webkit-progress-bar { background: #e3edf2; border-radius: 10px; }
.sync-progress progress::-webkit-progress-value { background: #24708a; border-radius: 10px; }
.sync-progress progress::-moz-progress-bar { background: #24708a; border-radius: 10px; }
.sync-dates { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.25rem 0; padding: 1rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.sync-dates dt { font-size: .8rem; color: var(--muted); }
.sync-dates dd { margin: .25rem 0 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.stats-heading { margin: 1.25rem 0 .75rem; }
.cache-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 0; }
.cache-stats div { display: flex; flex-direction: column; padding: .9rem 1rem; background: #f1f6f9; border: 1px solid #e5edf2; border-radius: 8px; min-width: 0; overflow-wrap: anywhere; }
.cache-stats dt { font-size: .8rem; color: #476477; }
.cache-stats dd { order: -1; font-size: clamp(1.35rem, 2.5vw, 1.8rem); font-weight: 750; font-variant-numeric: tabular-nums; margin: 0 0 .2rem; }
.help-details { font-size: .9rem; }
.definitions { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: .65rem 1rem; }
.definitions dt { font-weight: 650; }
.definitions dd { margin: 0; }
.summary-count { font-size: .8rem; background: #edf3f7; border-radius: 12px; padding: .1rem .5rem; margin-left: .4rem; }
.dataset-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: .8rem 0; }
.dataset { border: 1px solid var(--line); border-radius: 8px; padding: 1rem; }
.dataset p { margin: .35rem 0 .8rem; }
.dataset dl { margin: 0; font-size: .8rem; display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: .2rem .6rem; }
.dataset dt { color: var(--muted); }
.dataset dd { margin: 0; }
.dataset-note { display: block; font-size: .8rem; color: #7c5619; }
.audit-list { list-style: none; padding: 0; margin: 1rem 0 0; }
.audit-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 1.5rem; border-top: 1px solid var(--line); padding: 1rem 0; margin: 0; }
.audit-description time, .audit-numbers { font-size: .8rem; color: var(--muted); }
.audit-tool { display: block; font-size: .85rem; margin: .25rem 0 0; white-space: normal; }
.audit-result { display: flex; align-items: flex-start; flex-direction: column; gap: .35rem; font-size: .8rem; }
.audit-status { font-weight: 650; border-radius: 20px; padding: .15rem .6rem; white-space: nowrap; }
.audit-success { background: #eaf6ee; color: #24683c; }
.audit-error { background: #fff1f2; color: #92262f; }
.cache-label { color: var(--muted); }
.cache-hit { color: #24683c; }
.cache-miss { color: #7c5619; }
.audit-numbers { display: flex; flex-direction: column; text-align: right; font-variant-numeric: tabular-nums; }
.empty-state { background: #f5f8fa; border-radius: 8px; padding: 1rem; }
.empty-state p { color: var(--muted); font-size: .9rem; margin-bottom: 0; }
.connection { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .8rem 1.5rem; padding: 1rem 0; border-top: 1px solid var(--line); }
.connection p { font-size: .85rem; color: var(--muted); margin: .3rem 0 0; }
.connection button { margin: 0; }
.maintenance details { margin: 0; border: 0; padding: 0; }
.maintenance summary { color: #7e3037; }
.danger { background: #942e38; border-color: #942e38; }
.danger:hover { background: #77222a; }
@media (max-width: 700px) {
  .account-page main { width: min(100% - 32px, 580px); margin-top: 1.25rem; }
  .panel { padding: 1.1rem 1.2rem; }
  .cache-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dataset-grid { grid-template-columns: 1fr; }
  .audit-entry { grid-template-columns: minmax(0, 1fr) auto; gap: .6rem 1rem; }
  .audit-description { grid-column: 1 / -1; }
  .audit-result { flex-direction: row; flex-wrap: wrap; align-items: center; }
  .audit-numbers { font-size: .75rem; }
}
@media (max-width: 430px) {
  .account-nav { gap: .2rem 1rem; font-size: .85rem; }
  .sync-dates { grid-template-columns: 1fr; gap: .8rem; }
  .section-heading .button { width: 100%; }
  .definitions { grid-template-columns: 1fr; gap: .2rem; }
  .definitions dd { margin-bottom: .5rem; }
}
[hidden]{display:none!important}
.browser-sync{margin:1rem 0;border-bottom:1px solid var(--line);padding-bottom:.75rem}
.browser-sync form{display:flex;flex-wrap:wrap;gap:.65rem}
.browser-sync button{margin-top:0}
button:disabled{cursor:default;opacity:.65}
button:disabled:hover{background:var(--accent)}
button.secondary:disabled:hover{background:white}
/* Activity aggregates: no inline styles, scripts or chart dependencies. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.activity-coverage{font-size:.8rem;color:var(--muted);background:#f5f8fa;padding:.75rem;border-radius:8px}
.activity-calendar,.activity-distribution{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.25rem;min-width:0}
.activity-heading{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.activity-heading h3{margin:0}.activity-heading strong{font-size:1.3rem;font-variant-numeric:tabular-nums}
.activity-calendar>p,.activity-distribution>p{font-size:.85rem}.calendar-scroll{max-width:100%;overflow-x:auto;padding-bottom:.3rem}
.calendar-svg{display:block;max-width:none}.calendar-svg text{font-size:10px;fill:#526471;font-family:inherit}
.heat-unknown{fill:#fff;background:#fff;stroke:#aebac4;stroke-dasharray:2 2;border:1px dashed #aebac4}
.heat-0{fill:#e9eef2;background:#e9eef2}.heat-tool.heat-1{fill:#c5dded;background:#c5dded}.heat-tool.heat-2{fill:#80b5d5;background:#80b5d5}.heat-tool.heat-3{fill:#387ea8;background:#387ea8}.heat-tool.heat-4{fill:#174d6b;background:#174d6b}
.heat-api.heat-1{fill:#c8e6dc;background:#c8e6dc}.heat-api.heat-2{fill:#7bc1ac;background:#7bc1ac}.heat-api.heat-3{fill:#318c77;background:#318c77}.heat-api.heat-4{fill:#175448;background:#175448}
.heat-legend{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;flex-wrap:wrap;font-size:.72rem;color:var(--muted);margin:.25rem 0 .5rem}.heat-legend>span{display:inline-flex;align-items:center;gap:.3rem;margin-right:.3rem}.heat-swatch{display:inline-block;box-sizing:border-box;width:12px;height:12px;border-radius:2px}
.activity-table-scroll{max-height:300px;overflow:auto}.activity-panel table{border-collapse:collapse;width:100%;font-size:.8rem}.activity-panel th,.activity-panel td{text-align:left;padding:.55rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.activity-panel td{white-space:nowrap}.activity-panel caption{text-align:left;color:var(--muted);padding:.5rem}.activity-panel th{font-weight:500}
.distribution-switch{border:0;padding:0;margin:0;min-width:0}.distribution-switch>input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;border:0;clip:rect(0,0,0,0);overflow:hidden}.distribution-switch>label{display:inline-block;padding:.55rem .9rem;border:1px solid var(--line);border-radius:7px;cursor:pointer;margin:0 .3rem .75rem 0;font-size:.85rem}
#distribution-tool:checked+label,#distribution-api:checked+label{background:var(--accent);color:white;border-color:var(--accent)}.distribution-switch>input:focus-visible+label{outline:3px solid #4c9bc1;outline-offset:3px}
.distribution-tool,.distribution-api{display:none}#distribution-tool:checked~.distribution-tool,#distribution-api:checked~.distribution-api{display:block}
.distribution-total{font-size:.85rem}.distribution-total strong{font-size:1.5rem}.distribution-bar{display:block;border-radius:5px;overflow:hidden}
.distribution-legend{list-style:none;padding:0;margin:1rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.distribution-legend li{display:flex;flex-direction:column;gap:.2rem;min-width:0}.distribution-legend strong{font-size:1.4rem}.distribution-legend .muted{font-size:.75rem}.operation-label{font-size:.75rem;overflow-wrap:anywhere;color:var(--muted)}.operation-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem}
.operation-0{background:#477ac4}.operation-1{background:#b969a5}.operation-2{background:#258c80}.operation-3{background:#b17c23}.operation-4{background:#7966bd}.operation-5{background:#487d95}.operation-6{background:#ae5e50}.operation-7{background:#87939f}
.audit-panel>details{margin:0;border:0;padding:0}.audit-panel>details>summary{font-size:1.1rem;font-weight:600}.audit-panel .summary-count{font-weight:400;font-size:.8rem}
@media(max-width:430px){.distribution-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.heat-legend{justify-content:flex-start}.activity-heading>div{font-size:.8rem}}
/* Application shell: persistent navigation and one focused workspace. */
.account-page{background:#f1eff5;color:#272334}
.app-topbar{position:fixed;z-index:30;inset:0 0 auto;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#f1eff5;border-bottom:1px solid #ded9e6;gap:1rem}
.account-page .app-topbar .brand{margin:0;font-size:1.15rem;letter-spacing:.03em}.app-topbar .brand span{font-size:.8rem}.app-user{display:flex;align-items:center;gap:1.25rem;min-width:0}.app-user>span{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.app-user button{margin:0;font-size:.8rem}
.app-sidebar{position:fixed;top:58px;bottom:0;left:0;width:224px;padding:24px 12px;display:flex;flex-direction:column}.sidebar-caption{font-size:.68rem;font-weight:750;letter-spacing:.08em;color:#71677e;margin:0 12px 12px}.app-sidebar nav{display:flex;flex-direction:column;gap:5px}.app-sidebar nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 12px;border-radius:7px;text-decoration:none;color:#51455f;font-size:.875rem}.app-sidebar nav a:hover{background:#e7e2ed}.app-sidebar nav a[aria-current=page]{background:#dfd8e9;color:#352344;font-weight:700}.app-sidebar svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-note{margin:auto 12px 0;font-size:.72rem;line-height:1.8;color:#776d82}
.account-page main.app-workspace{width:auto;max-width:1480px;margin:74px 20px 20px 224px;padding:26px 30px;background:white;border:1px solid #ded9e6;border-radius:14px;box-shadow:0 2px 5px #27233408;min-height:calc(100vh - 94px)}
.workspace-header{padding-bottom:20px;border-bottom:1px solid #e5dfeb;margin-bottom:24px}.workspace-breadcrumb{font-size:.75rem;color:#776d82;margin:0 0 16px}.workspace-breadcrumb>span:first-child{padding:0 .65rem;color:#a49bad}.workspace-breadcrumb [data-view-name]{font-weight:600;color:#51455f}.workspace-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.account-page .workspace-title-row h1{font-size:1.5rem;margin:0}.workspace-title-row .button{margin:0;font-size:.8rem;min-height:36px;padding:.4rem .75rem}.workspace-description{font-size:.875rem;color:#71677e;margin:.5rem 0 0}
.app-workspace .panel{padding:0;border:0;border-radius:0;box-shadow:none;margin-bottom:20px}.app-workspace .panel>.section-heading h2{font-size:1rem}.app-workspace #cache-panel>.section-heading{display:none}.app-workspace .cache-stats{margin-top:.65rem}.app-workspace .sync-state{padding:.8rem 1rem}.app-workspace .sync-dates{margin:1rem 0}.app-workspace .browser-sync{margin:1rem 0;padding-bottom:.4rem}.app-workspace .browser-sync>.muted{font-size:.8rem;margin:.4rem 0}.app-workspace .maintenance{border-top:1px solid #e5dfeb;padding-top:12px;margin-top:24px}.app-workspace footer{font-size:.72rem;text-align:left;color:#8a8095;margin:28px 0 0;padding-top:12px;border-top:1px solid #eee9f2}
.activity-tabs{display:flex;gap:1.5rem;overflow-x:auto;border-bottom:1px solid #ded9e6;margin:20px 0 0}.activity-tabs a{color:#65566f;text-decoration:none;white-space:nowrap;padding:.6rem .15rem;border-bottom:3px solid transparent;font-size:.875rem}.activity-tabs a[aria-current=page]{color:#352344;font-weight:650;border-bottom-color:#51405f}.app-workspace .activity-calendar,.app-workspace .activity-distribution{border:0;margin-top:18px;padding-top:0}.app-workspace .activity-coverage{font-size:.75rem;background:#f7f5f9}.app-workspace .distribution-legend{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.app-workspace .audit-panel>details>summary{font-size:1rem}.app-workspace .connection{gap:1rem}.skip-link{position:fixed;top:-100px;left:12px;background:white;padding:8px;z-index:100}.skip-link:focus{top:8px}
@media(min-width:1200px){.app-workspace .dataset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.app-topbar{padding:0 16px}.app-sidebar{position:sticky;top:58px;width:auto;bottom:auto;padding:8px 12px;background:#f1eff5;z-index:20;margin-top:58px;border-bottom:1px solid #ded9e6}.sidebar-caption,.sidebar-note{display:none}.app-sidebar nav{flex-direction:row;overflow-x:auto;gap:4px}.app-sidebar nav a{white-space:nowrap;min-height:40px;padding:8px 10px}.app-sidebar svg{width:17px;height:17px}.account-page main.app-workspace{margin:12px;min-height:calc(100vh - 146px);padding:20px}.workspace-header{margin-bottom:20px}.activity-tabs{gap:1rem}.app-user>span{max-width:180px}}
@media(max-width:430px){.app-topbar .brand span{display:none}.app-user{gap:.65rem}.app-user>span{max-width:145px}.account-page main.app-workspace{margin:8px;padding:16px}.workspace-title-row{align-items:flex-start;flex-wrap:wrap;gap:.6rem}.account-page .workspace-title-row h1{font-size:1.3rem}.workspace-title-row .button{width:auto;font-size:.75rem}.workspace-breadcrumb{margin-bottom:10px}.app-sidebar nav a{font-size:.8rem}.app-workspace .distribution-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.app-workspace .section-heading{margin-bottom:.6rem}.activity-tabs{gap:.8rem}.activity-tabs a{font-size:.8rem}}
/* Brand and viewport shell: header/footer stay separate from scrolling content. */
.product-brand{display:inline-flex;align-items:center;flex:none;text-decoration:none;border-radius:10px;line-height:1}
.product-brand svg{display:block;width:324px;max-width:100%;height:auto}
.auth-page .product-brand{margin-bottom:24px;max-width:100%}
.product-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 24px;font-size:.75rem;text-align:left;color:#7a7185}
.product-footer a{font-weight:600;color:#5a486e;text-decoration:none}.product-footer a:hover{text-decoration:underline}.footer-separator{padding:0 5px;color:#b5aebf}
.auth-page .product-footer{margin:22px 4px 0}.auth-page .product-footer>span{font-size:.75rem}
.account-page{height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-columns:224px minmax(0,1fr);grid-template-rows:80px minmax(0,1fr)}
.account-page .app-topbar{position:relative;inset:auto;grid-column:1/-1;grid-row:1;height:auto;padding:8px 28px 8px 20px;background:#fbfafc;border-bottom:1px solid #e3deea;gap:20px}
.app-topbar .product-brand{min-width:0}.app-user{padding-left:22px;border-left:1px solid #e3deea;gap:18px;flex-shrink:0}.app-user>span{color:#51465f;font-weight:500}.app-user .link{min-height:36px;padding:5px 12px;text-decoration:none;border:1px solid #dcd5e4;border-radius:7px;color:#58476b;background:white}.app-user .link:hover{background:#f0edf5}
.account-page .app-sidebar{position:relative;inset:auto;grid-column:1;grid-row:2;width:auto;min-height:0;overflow-y:auto;margin:0;padding:24px 12px 20px;background:#f1eff5;border:0}
.account-page main.app-workspace{grid-column:2;grid-row:2;display:flex;flex-direction:column;width:auto;max-width:none;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;margin:16px 20px 16px 0;padding:24px 28px 0;scroll-padding-top:24px;scrollbar-gutter:stable;border-radius:12px}
.app-workspace>.workspace-header,.app-workspace>[data-account-view]{flex-shrink:0}.workspace-header{padding-bottom:20px;margin-bottom:22px}.workspace-breadcrumb{margin-bottom:12px}.workspace-description{max-width:72ch}.workspace-title-row h1:focus{outline:none}
.app-workspace .product-footer{flex-shrink:0;margin: auto -28px 0;padding:16px 28px;border-top:1px solid #e9e4ee;background:#fbfafc;min-height:56px;color:#7a7185;font-size:.72rem}.app-workspace>[data-account-view]:not([hidden]){margin-bottom:12px}.sidebar-note strong{font-weight:550;color:#665673}
@media(max-width:850px){.account-page{grid-template-columns:minmax(0,1fr);grid-template-rows:80px auto minmax(0,1fr)}.account-page .app-topbar{padding:8px 18px}.app-topbar .product-brand svg{width:290px}.account-page .app-sidebar{grid-column:1;grid-row:2;padding:8px 12px;overflow:hidden}.account-page main.app-workspace{grid-column:1;grid-row:3;margin:0 10px 10px;padding:20px 20px 0;scroll-padding-top:20px}.app-workspace .product-footer{margin:auto -20px 0;padding:14px 20px}.app-user{gap:10px;padding-left:14px}.app-user>span{max-width:150px}}
@media(max-width:600px){.account-page{grid-template-rows:116px auto minmax(0,1fr)}.account-page .app-topbar{flex-direction:column;align-items:stretch;justify-content:center;padding:8px 16px;gap:5px}.app-topbar .product-brand svg{width:276px;height:49px}.app-user{width:100%;padding:0;border:0;justify-content:space-between;gap:10px}.app-user>span{max-width:calc(100% - 100px);font-size:.75rem}.app-user .link{min-height:30px;font-size:.75rem;padding:3px 10px}.account-page main.app-workspace{margin:0 8px 8px;padding:18px 16px 0}.app-workspace .product-footer{margin:auto -16px 0;padding:13px 16px;gap:4px 12px;align-items:flex-start;flex-direction:column}.workspace-title-row{flex-wrap:wrap;gap:10px}.workspace-title-row .button{font-size:.75rem}.auth-page .product-brand svg{width:300px}}

.setup-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.setup-heading h2{margin:0}.setup-heading p{font-size:.875rem;max-width:65ch}.setup-heading .button{margin:0;white-space:nowrap}.setup-eyebrow{font-size:.65rem!important;letter-spacing:.09em;font-weight:700;color:var(--muted);margin:0 0 6px}.setup-guide{margin-top:14px}.setup-guide>summary{font-weight:600}.setup-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:28px;margin-top:22px}.setup-steps{margin:0;padding-left:1.5rem}.setup-steps li{padding-left:.4rem;margin-bottom:20px}.setup-steps li::marker{color:var(--accent);font-weight:700}.setup-steps p{font-size:.875rem;line-height:1.65;margin:6px 0 0}.setup-settings{min-width:0;background:#f7f5f9;border:1px solid var(--line);border-radius:10px;padding:18px;align-self:start}.setup-settings h3{margin:0 0 14px}.setup-settings label,.setup-settings dt{font-size:.75rem;color:var(--muted);font-weight:500}.setup-settings input{width:100%;min-width:0;font-size:.85rem;margin:5px 0 14px;background:#fff}.setup-settings dl{margin:0}.setup-settings dd{margin:3px 0 12px;font-size:.875rem;font-weight:600}.setup-settings p,.setup-help{font-size:.8rem;line-height:1.6;color:var(--muted)}.setup-help{border-top:1px solid var(--line);padding-top:16px;margin-bottom:0}.setup-help a{white-space:normal}
@media(max-width:850px){.setup-grid{grid-template-columns:minmax(0,1fr);gap:16px}.setup-settings{grid-row:1}}@media(max-width:500px){.setup-heading .button{width:100%;text-align:center}}

.admin-content{flex-shrink:0;min-width:0}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.admin-form{max-width:1000px}.admin-form select{width:100%;font:inherit;padding:.75rem;border:1px solid #aebfca;border-radius:8px;background:#fff;color:inherit}.admin-form .check-label{align-items:flex-start;margin-top:18px}.admin-form p{font-size:.85rem;line-height:1.6}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);font-size:.875rem}.admin-table th{white-space:nowrap}.admin-table td:first-child{overflow-wrap:anywhere;max-width:260px}.admin-table .muted{font-size:.75rem}.table-scroll{overflow-x:auto}.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.diagnostic-grid>div{background:#f7f5f9;border:1px solid var(--line);border-radius:8px;padding:16px}.diagnostic-grid dt{font-size:.75rem;color:var(--muted);margin-bottom:6px}.diagnostic-grid dd{margin:0;font-size:.875rem}.diagnostic-grid p{font-size:.8rem;line-height:1.6;color:var(--muted);margin-bottom:0}.connection-diagnostics>details>summary{font-weight:650}@media(max-width:800px){.admin-form-grid,.diagnostic-grid{grid-template-columns:minmax(0,1fr);gap:16px}}

.operations-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 28px}.operations-cards>div{padding:16px;border:1px solid var(--line);background:#f7f5f9;border-radius:9px;min-width:0}.operations-cards span,.operations-cards p{font-size:.75rem;color:var(--muted)}.operations-cards strong{display:block;margin:10px 0;font-size:1.3rem;overflow-wrap:anywhere}.operations-cards p{margin-bottom:0}.operations-cron{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.operations-cron dt{font-size:.75rem;color:var(--muted)}.operations-cron dd{margin:6px 0 0;font-size:.875rem}.operations-section{border-top:1px solid var(--line)!important;padding-top:20px!important;margin-top:24px}.operations-section h2,.operations-section summary{font-size:1rem;font-weight:650}.operations-section>p{font-size:.8rem}.operations-section td{min-width:160px;vertical-align:top}.operations-section td:nth-child(2){min-width:220px}@media(max-width:1100px){.operations-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-cron{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.operations-cards,.operations-cron{grid-template-columns:minmax(0,1fr)}}

.operations-section>details{border-top:0;padding-top:0}

.api-log-panel>h2{font-size:1rem}.api-log-entry{margin:14px 0;border:1px solid var(--line);border-radius:8px;padding:14px}.api-log-entry summary{display:list-item;overflow-wrap:anywhere}.api-log-entry summary>span{display:block;margin-top:6px}.api-log-entry summary .muted{font-weight:400;font-size:.8rem}.api-log-entry h3{font-size:.875rem;margin:18px 0 8px}.api-log-entry pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;max-width:100%;background:#f7f5f9;padding:12px;border-radius:6px;font-size:.75rem}.api-log-panel .muted{font-size:.8rem}

.api-log-entry summary>span:first-child{display:inline}