:root{--bg:#f7f9fc;--surface:#fff;--surface-2:#f8fafc;--surface-3:#eef4ff;--text:#0f172a;--muted:#64748b;--muted-2:#94a3b8;--line:#e2e8f0;--line-strong:#cbd5e1;--blue:#2563eb;--blue-dark:#1d4ed8;--blue-soft:#eaf1ff;--navy:#0b1830;--green:#16a34a;--amber:#d97706;--red:#dc2626;--shadow:0 14px 38px rgba(15,23,42,.07);--shadow-sm:0 5px 18px rgba(15,23,42,.06);--radius:14px;--radius-sm:10px;--sidebar:252px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}
html[data-theme=dark]{--bg:#09111f;--surface:#0f1a2b;--surface-2:#121f33;--surface-3:#142747;--text:#eaf1fb;--muted:#9aa9bd;--muted-2:#718198;--line:#203149;--line-strong:#30445f;--blue:#5590ff;--blue-dark:#75a7ff;--blue-soft:#132a53;--navy:#eff5ff;--green:#38c172;--amber:#fbbf24;--red:#fb7185;--shadow:0 16px 40px rgba(0,0,0,.22);--shadow-sm:0 5px 18px rgba(0,0,0,.18);color-scheme:dark}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-dark)}button{cursor:pointer}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:12px;top:-100px;z-index:1000;background:var(--surface);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow)}.skip-link:focus{top:12px}
.customer-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.customer-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 16px 16px;background:var(--surface);border-right:1px solid var(--line);z-index:30}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 7px 19px}.customer-brand{display:flex;align-items:center;gap:10px;color:var(--text)}.customer-brand:hover{color:var(--text)}.customer-brand-mark,.mobile-brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff;font-size:18px;font-weight:850;letter-spacing:-.04em;box-shadow:0 7px 18px rgba(37,99,235,.24)}.customer-brand>span:last-child{display:flex;flex-direction:column;line-height:1.03}.customer-brand strong{font-size:14px;letter-spacing:-.02em}.customer-brand small{font-size:11px;color:var(--muted);font-weight:650;margin-top:3px}.sidebar-close{display:none;border:0;background:transparent;color:var(--muted);font-size:26px}.customer-nav{display:flex;flex-direction:column;gap:4px}.customer-nav-link{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:10px;color:var(--muted);font-weight:650;transition:.16s ease}.customer-nav-link:hover{background:var(--surface-2);color:var(--text)}.customer-nav-link.is-active{background:var(--blue-soft);color:var(--blue);font-weight:750}.customer-nav-icon{width:20px;height:20px;display:grid;place-items:center}.customer-nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-grow{flex:1}.trial-card{display:flex;flex-direction:column;gap:2px;margin:14px 2px;padding:13px;border-radius:12px;background:linear-gradient(145deg,var(--blue-soft),var(--surface-2));border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));color:var(--text)}.trial-card span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-weight:750}.trial-card strong{font-size:14px}.trial-card small{color:var(--muted);margin-top:4px}.sidebar-account{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:9px;padding:10px 7px 2px}.sidebar-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--surface);font-weight:800}.sidebar-account-copy{min-width:0;display:flex;flex-direction:column}.sidebar-account-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account-copy span{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account-menu{position:relative}.sidebar-account-menu>summary{list-style:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--muted);cursor:pointer}.sidebar-account-menu>summary::-webkit-details-marker{display:none}.sidebar-account-menu[open]>summary{background:var(--surface-2)}.account-popover{position:absolute;left:auto;right:0;bottom:36px;width:220px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:50}.account-popover form{margin:0}.popover-label{display:block;padding:6px 8px 5px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.popover-action{width:100%;border:0;background:transparent;border-radius:8px;padding:8px 9px;text-align:left;color:var(--text);display:flex;align-items:center;justify-content:space-between;font-size:12px}.popover-action small{color:var(--muted);font-size:10px}.popover-action:hover,.popover-action.is-current{background:var(--surface-2)}.popover-action.is-danger{color:var(--red)}.account-popover hr{border:0;border-top:1px solid var(--line);margin:6px 4px}
.customer-main{min-width:0}.customer-topbar{height:64px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 28px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 74%,transparent)}.sidebar-open,.mobile-brand{display:none}.topbar-spacer{flex:1}.topbar-dashboard-link{font-size:12px;font-weight:700;color:var(--muted);padding:8px 10px;border-radius:8px}.topbar-dashboard-link:hover{background:var(--surface);color:var(--blue)}.topbar-issue{margin-left:8px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-weight:750}.customer-content{width:min(1240px,100%);margin:0 auto;padding:34px 34px 70px}.page-head,.bsr-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head h1,.bsr-page-head h1{font-size:27px;line-height:1.16;letter-spacing:-.04em;margin:0;color:var(--text)}.page-head p,.bsr-page-head p,.page-subtitle{margin:6px 0 0;color:var(--muted);max-width:670px}.page-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.section-title{font-size:16px;letter-spacing:-.02em;margin:0}.section-copy{color:var(--muted);margin:4px 0 0;font-size:13px}
.card,.bsr-panel,.settings-section,.control-card,.site-card,.onboarding-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card,.settings-section,.control-card,.onboarding-card{padding:21px}.card+.card,.settings-section+.settings-section{margin-top:16px}.card h2,.settings-section h2,.control-card h2{font-size:16px;margin:0 0 4px;letter-spacing:-.02em}.card-head,.bsr-panel-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.card-head h2,.section-head h2{margin:0}.stacked-form{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-field,.bsr-field{display:grid;gap:6px}.form-field label,.bsr-field label,.form-label{font-size:11.5px;font-weight:700;color:var(--text)}.form-field input,.form-field select,.form-field textarea,.bsr-field input,.bsr-field select,.bsr-field textarea,.input{width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:9px;padding:9px 11px;outline:none;transition:border .15s,box-shadow .15s}.form-field textarea{resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.bsr-field input:focus,.bsr-field select:focus,.bsr-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 13%,transparent)}.field-hint{font-size:10.5px;color:var(--muted)}.field-error{font-size:11px;color:var(--red)}.input-upper{text-transform:uppercase}.checkbox-field{display:flex;align-items:flex-start;gap:8px}.checkbox-field input{margin-top:3px}.form-row-split{display:grid;grid-template-columns:1fr 1fr;gap:15px}.inline-form{display:grid;gap:11px;margin-top:12px}
.btn,.bsr-btn-primary,.bsr-btn-danger{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;border-radius:9px;border:1px solid transparent;font-weight:700;font-size:12px;text-decoration:none;line-height:1;transition:.15s}.btn-primary,.bsr-btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover,.bsr-btn-primary:hover{background:var(--blue-dark);color:#fff}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.btn-secondary:hover{background:var(--surface-2);color:var(--text)}.btn-danger,.bsr-btn-danger{background:color-mix(in srgb,var(--red) 9%,var(--surface));border-color:color-mix(in srgb,var(--red) 22%,var(--line));color:var(--red)}.btn-link{border:0;background:transparent;color:var(--blue);padding-left:4px;padding-right:4px}.btn-sm{min-height:31px;padding:6px 10px;font-size:11px}.btn-block{width:100%}.icon-btn{width:34px;height:34px;padding:0;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}
.alert{padding:12px 14px;border-radius:10px;margin:0 0 18px;border:1px solid var(--line);font-size:12px}.alert-status{background:color-mix(in srgb,var(--green) 8%,var(--surface));border-color:color-mix(in srgb,var(--green) 22%,var(--line));color:var(--text)}.alert-errors{background:color-mix(in srgb,var(--red) 7%,var(--surface));border-color:color-mix(in srgb,var(--red) 20%,var(--line))}.alert-errors ul{margin:6px 0 0;padding-left:17px}.alert-warning{background:color-mix(in srgb,var(--amber) 8%,var(--surface));border-color:color-mix(in srgb,var(--amber) 22%,var(--line));color:var(--text)}.badge,.bsr-pill,.provider-chip,.status-pill{display:inline-flex;align-items:center;gap:5px;min-height:23px;padding:3px 8px;border-radius:999px;font-size:10.5px;font-weight:750;border:1px solid var(--line);background:var(--surface-2);color:var(--muted)}.badge-good,.status-pill.is-good{background:color-mix(in srgb,var(--green) 9%,var(--surface));border-color:color-mix(in srgb,var(--green) 20%,var(--line));color:var(--green)}.badge-bad,.status-pill.is-bad{background:color-mix(in srgb,var(--red) 8%,var(--surface));border-color:color-mix(in srgb,var(--red) 20%,var(--line));color:var(--red)}.badge-warn,.status-pill.is-warn{background:color-mix(in srgb,var(--amber) 9%,var(--surface));border-color:color-mix(in srgb,var(--amber) 22%,var(--line));color:var(--amber)}.badge-neutral{color:var(--muted)}.text-muted{color:var(--muted)}
.table-wrap,.bsr-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:640px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:750;background:var(--surface-2)}td{font-size:12px}tbody tr:last-child td{border-bottom:0}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.inline-details>summary{list-style:none}.inline-details>summary::-webkit-details-marker{display:none}.empty-state{padding:30px;border:1px dashed var(--line-strong);border-radius:12px;text-align:center;color:var(--muted);background:var(--surface)}
.metric-grid,.health-grid,.site-grid,.integration-grid,.control-grid,.tiers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.metric-card,.health-card,.site-card,.integration-card,.tier-card{padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.metric-card small,.health-card small,.site-card small{color:var(--muted)}.metric-card strong{font-size:23px;letter-spacing:-.04em}.site-card{display:flex;flex-direction:column;gap:13px}.site-card-head,.integration-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.site-card-title{min-width:0}.site-card-title h2{font-size:15px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-card-title p{margin:3px 0 0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-row{display:flex;flex-wrap:wrap;gap:6px}.site-health{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.site-health>div{padding:9px;background:var(--surface-2);border-radius:9px}.site-health span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.site-health strong{display:block;margin-top:2px;font-size:11px}.site-card-actions{display:flex;align-items:center;gap:8px;margin-top:auto}.site-card-actions .btn:first-child{flex:1}
.tabs{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);margin:0 0 20px;overflow:auto}.tab-link,.tab-button{border:0;background:transparent;color:var(--muted);padding:10px 11px 11px;font-size:12px;font-weight:650;border-bottom:2px solid transparent;white-space:nowrap}.tab-link.is-active,.tab-button.is-active{color:var(--blue);border-bottom-color:var(--blue)}.settings-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px}.settings-nav{display:flex;flex-direction:column;gap:3px;position:sticky;top:88px;align-self:start}.settings-nav a{padding:8px 10px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:650}.settings-nav a:hover{background:var(--surface-2);color:var(--text)}.settings-nav a.is-active{background:var(--blue-soft);color:var(--blue)}.settings-stack{display:grid;gap:16px}.settings-section{scroll-margin-top:90px}.member-row{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.member-row:last-child{border-bottom:0}.member-person{display:flex;align-items:center;gap:10px;min-width:0}.member-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:800}.member-person strong,.member-person span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-person span{font-size:10.5px;color:var(--muted)}.member-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.control-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 21px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:16px}.control-hero h1{margin:0;font-size:25px;letter-spacing:-.04em}.control-hero p{margin:5px 0 0;color:var(--muted)}.control-summary{display:flex;gap:9px}.summary-chip{min-width:100px;padding:9px 11px;border-radius:10px;background:var(--surface-2)}.summary-chip span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.summary-chip strong{font-size:12px}.integration-card{display:flex;flex-direction:column;gap:14px}.integration-logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);font-weight:850;color:var(--blue)}.integration-head h3{margin:0;font-size:14px}.integration-head p{margin:2px 0 0;color:var(--muted);font-size:11px}.integration-facts,.health-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.integration-facts>div,.health-facts>div{padding:9px;background:var(--surface-2);border-radius:9px}.integration-facts span,.health-facts span,.health-facts dt{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.integration-facts strong,.health-facts strong,.health-facts dd{font-size:11px;margin:0;color:var(--text)}.integration-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.balance-list{display:flex;gap:7px;flex-wrap:wrap}.runs-table{font-size:11px}.presence-callout{padding:14px;border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));background:var(--blue-soft);border-radius:11px}.presence-callout.is-disabled{border-color:var(--line);background:var(--surface-2);color:var(--muted)}.code-field{display:flex;align-items:center;gap:8px}.code-field code{flex:1;overflow:auto;padding:9px 10px;background:var(--navy);color:var(--surface);border-radius:8px;font-size:10.5px}
.onboarding-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:20px}.onboarding-progress i{height:4px;border-radius:999px;background:var(--line)}.onboarding-progress i.is-done{background:var(--blue)}.onboarding-list{display:grid;gap:10px}.onboarding-step{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.onboarding-step.is-done{background:color-mix(in srgb,var(--green) 3%,var(--surface))}.step-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:800}.onboarding-step.is-done .step-number{background:color-mix(in srgb,var(--green) 12%,var(--surface));color:var(--green)}.onboarding-step h2{font-size:13px;margin:0}.onboarding-step p{font-size:11px;color:var(--muted);margin:3px 0 0}
.issue-dialog{width:min(520px,calc(100vw - 32px));border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);padding:22px;box-shadow:var(--shadow)}.issue-dialog::backdrop{background:rgba(8,15,30,.52);backdrop-filter:blur(2px)}.issue-dialog h2{margin:0;font-size:19px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}
/* Guest/auth */.auth-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% -15%,color-mix(in srgb,var(--blue) 10%,transparent),transparent 40%),var(--bg)}.auth-card{width:min(440px,100%);padding:27px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.auth-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.brand{font-weight:800;color:var(--text);letter-spacing:-.025em}.auth-brand{font-size:15px}.lang-form select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 8px;font-size:11px}.auth-card h1{font-size:25px;letter-spacing:-.04em;margin:0 0 5px}.lede,.auth-lede{color:var(--muted);margin:0 0 21px}.auth-switch{text-align:center;color:var(--muted);font-size:11px;margin:18px 0 0}.auth-minor-link{font-size:11px}.tier-card{position:relative}.tier-card.tier-current{border-color:color-mix(in srgb,var(--blue) 40%,var(--line));box-shadow:0 10px 26px color-mix(in srgb,var(--blue) 10%,transparent)}.tier-blurb{color:var(--muted)}.tier-limits{padding-left:18px;color:var(--muted)}
@media(max-width:1000px){.metric-grid,.health-grid,.site-grid,.integration-grid,.control-grid,.tiers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:6px}}
@media(max-width:820px){.customer-shell{display:block}.customer-sidebar{position:fixed;left:0;top:0;width:min(290px,86vw);transform:translateX(-105%);transition:transform .2s ease;box-shadow:var(--shadow);border-right:1px solid var(--line)}body.sidebar-visible{overflow:hidden}body.sidebar-visible .customer-sidebar{transform:translateX(0)}body.sidebar-visible:after{content:"";position:fixed;inset:0;background:rgba(7,14,28,.46);z-index:25}.customer-sidebar{z-index:30}.sidebar-close{display:block}.customer-topbar{height:58px;padding:0 16px;background:var(--surface)}.sidebar-open{display:flex;flex-direction:column;gap:4px;width:34px;height:34px;align-items:center;justify-content:center;border:0;background:transparent}.sidebar-open span{width:18px;height:1.5px;background:var(--text);border-radius:2px}.mobile-brand{display:flex;align-items:center;gap:8px;color:var(--text)}.mobile-brand>span{width:28px;height:28px;border-radius:8px;font-size:15px}.mobile-brand strong{font-size:12px}.topbar-dashboard-link{display:none}.customer-content{padding:24px 16px 60px}.page-head,.bsr-page-head{align-items:flex-start;flex-direction:column}.page-head-actions{width:100%}.control-hero{grid-template-columns:1fr}.control-summary{width:100%;overflow:auto}.summary-chip{flex:1;min-width:110px}.settings-layout{gap:16px}.form-grid,.form-grid.is-3,.form-row-split{grid-template-columns:1fr}}
@media(max-width:620px){.metric-grid,.health-grid,.site-grid,.integration-grid,.control-grid,.tiers-grid{grid-template-columns:1fr}.customer-content{padding-top:20px}.page-head h1,.bsr-page-head h1,.control-hero h1{font-size:23px}.site-health{grid-template-columns:1fr 1fr}.member-row{grid-template-columns:minmax(0,1fr) auto}.member-row>select{grid-column:1/-1}.onboarding-progress{gap:4px}.onboarding-step{grid-template-columns:34px minmax(0,1fr)}.onboarding-step>.btn{grid-column:2}.table-actions{flex-wrap:wrap}.auth-card{padding:22px 18px;border-radius:15px}.topbar-issue{display:none}}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{font-size:27px;line-height:1.16;letter-spacing:-.04em;margin:0;color:var(--text)}.page-heading p{margin:6px 0 0;color:var(--muted);max-width:720px}.eyebrow{font-size:10px!important;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--blue)!important}.settings-grid{display:grid;gap:16px}.pwa-status{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.pwa-status strong,.pwa-status span{display:block}.pwa-status span,.helper-text{font-size:11px;color:var(--muted);margin-top:3px}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.form-actions{display:flex;align-items:flex-end}.control-grid fieldset{border:0;margin:0;padding:0}.control-grid fieldset label{display:flex;align-items:center;gap:6px;margin:4px 0;font-size:11px;color:var(--muted)}.control-grid fieldset input{width:auto}.empty-state{color:var(--muted);font-size:12px}@media(max-width:820px){.page-heading{align-items:flex-start;flex-direction:column}.pwa-status{align-items:flex-start;flex-direction:column}}

/* ---------- Legal pages ---------- */
/* Long-form reading, so: one column, generous measure, nothing decorative. */

.legal-body { background: var(--surface-sunken, #f6f8fc); margin: 0; }
.legal-head { padding: var(--space-4, 16px) var(--space-5, 20px); border-bottom: 1px solid var(--line, #e3e9f3); background: #fff; }
.legal-brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; text-decoration: none; color: var(--text, #10192b); }
.legal-brand img { border-radius: 7px; }

.legal-doc {
  max-width: 68ch;
  margin: 0 auto;
  padding: var(--space-6, 32px) var(--space-5, 20px) var(--space-7, 48px);
  background: #fff;
  line-height: 1.7;
  color: var(--text, #10192b);
}
.legal-doc h1 { font-size: 1.9rem; letter-spacing: -0.02em; margin: 0 0 6px; }
.legal-doc h2 { font-size: 1.15rem; margin: 2.2em 0 0.5em; letter-spacing: -0.01em; }
.legal-doc h3 { font-size: 1rem; margin: 1.6em 0 0.35em; color: var(--text-muted, #5b6880); }
.legal-doc p, .legal-doc li { font-size: 0.97rem; }
.legal-doc ul { padding-left: 1.2em; }
.legal-doc li { margin-bottom: 0.45em; }
.legal-doc a { color: var(--blue, #2f6bff); }
.legal-updated { color: var(--text-muted, #5b6880); font-size: 0.85rem; margin: 0 0 2em; }
.legal-lede { font-size: 1.05rem; color: var(--text-muted, #5b6880); }

/* Each Google scope printed with the reason it is asked for, right beside it —
   which is both what the reviewer looks for and what an honest page owes. */
.legal-scopes { list-style: none; padding: 0; }
.legal-scopes li {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  margin-bottom: 10px;
  border: 1px solid var(--line, #e3e9f3);
  border-radius: 10px;
  background: var(--surface-sunken, #f6f8fc);
}
.legal-scopes code { font-size: 0.82rem; word-break: break-all; color: var(--blue, #2f6bff); }
.legal-scopes span { font-size: 0.92rem; color: var(--text-muted, #5b6880); }

.legal-foot {
  max-width: 68ch;
  margin: 0 auto;
  padding: var(--space-5, 20px);
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 0.85rem;
  color: var(--text-muted, #5b6880);
}
.legal-foot a { color: inherit; }

.customer-legal { display: flex; gap: 14px; padding: 18px 0 0; font-size: 0.82rem; }
.customer-legal a { color: var(--text-muted, #5b6880); }
.auth-legal { text-align: center; font-size: 0.82rem; color: var(--text-muted, #5b6880); margin: 8px 0 0; }

/* ---------- Maintenance notice ---------- */

.maintenance-body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: var(--surface-sunken, #f6f8fc);
}
.maintenance-card {
  max-width: 34rem;
  text-align: center;
  background: #fff;
  border: 1px solid var(--line, #e3e9f3);
  border-radius: 18px;
  padding: 40px 32px;
  box-shadow: 0 10px 40px rgba(20, 50, 105, .06);
}
.maintenance-card img { border-radius: 14px; }
.maintenance-card h1 { font-size: 1.5rem; margin: 18px 0 10px; }
.maintenance-card p { color: var(--text-muted, #5b6880); line-height: 1.6; margin: 0; }
.maintenance-foot { margin-top: 22px !important; font-size: 0.88rem; }

/* ---------- Maintenance panel in the admin console ---------- */

.bsr-maint.is-on { border-color: #f0b429; box-shadow: 0 0 0 3px rgba(240, 180, 41, .14); }
.bsr-maint-body { padding: 16px 20px 20px; display: grid; gap: 14px; }
.bsr-maint-note { margin: 0; color: var(--muted, #6f7d97); font-size: 13.5px; line-height: 1.6; }
.bsr-maint-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.bsr-maint-form .bsr-field { flex: 1 1 22rem; }
.bsr-maint-link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px dashed var(--line-strong, #d5deec);
  border-radius: 12px;
  font-size: 13px;
}
.bsr-maint-link code { font-size: 12.5px; word-break: break-all; color: var(--blue, #2f6bff); }
.bsr-maint-link form { margin: 0; }
.bsr-maint-meta { margin: 0; font-size: 12.5px; color: var(--muted, #6f7d97); }
.bsr-pill.is-warn { background: #fff6e5; color: #7a5312; }

/* ---------- Deleting things ---------- */
/* Deliberately plain until you are in it: a red button on every screen stops
   meaning "danger" by the third time you see it. */

.danger-section { border-top: 1px solid var(--line, #e3e9f3); padding-top: var(--space-5, 20px); margin-top: var(--space-6, 32px); }
.danger-section h2 { color: #b42318; }

.btn-danger {
  background: #b42318;
  color: #fff;
  border: 0;
  font-weight: 700;
  padding: 11px 16px;
  border-radius: 10px;
  cursor: pointer;
}
.btn-danger:hover { background: #912018; }

.bsr-danger-zone { border-color: #f0b429; }
.bsr-danger-zone .bsr-panel-head h2 { color: #b42318; }

.bsr-hbtn.bsr-danger { background: #b42318; color: #fff; border-color: transparent; font-weight: 700; }
.bsr-hbtn.bsr-danger:hover { background: #912018; }

.bsr-inline-delete { display: flex; gap: 8px; align-items: center; margin: 0; }
.bsr-inline-delete input {
  font: inherit;
  font-size: 12.5px;
  padding: 7px 10px;
  border: 1px solid var(--line-strong, #d5deec);
  border-radius: 9px;
  background: var(--surface, #fff);
  color: inherit;
  min-width: 15rem;
}
.bsr-row-actions { white-space: nowrap; }
.bsr-why-not { font-size: 12.5px; color: var(--muted, #6f7d97); font-style: italic; }

/* ---------- Sign in with Google ---------- */
/* Google's guidelines: their mark unaltered, a neutral surface, and at least
   40px of height. Sized to match the primary button beneath it so the two read
   as equal choices rather than one being the afterthought. */

.google-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 11px 16px;
  border: 1px solid var(--line-strong, #d5deec);
  border-radius: 10px;
  background: #fff;
  color: #1f1f1f;
  font: inherit;
  font-weight: 600;
  text-decoration: none;
}
.google-btn:hover { background: #f7f9fc; border-color: #c3cfe2; }
.google-btn svg { flex: 0 0 auto; }

.auth-or {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 18px 0;
  color: var(--text-muted, #5b6880);
  font-size: 0.85rem;
}
.auth-or::before, .auth-or::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line, #e3e9f3);
}
.bsr-inline-details { display: inline-block; margin-right: 8px; }
.bsr-inline-details > summary { cursor: pointer; list-style: none; }
.bsr-inline-details > summary::-webkit-details-marker { display: none; }
.bsr-inline-details[open] > .bsr-inline-delete { margin-top: 8px; }