@charset "UTF-8";
:root{--ink:#172c2a;--muted:#687b78;--line:#dfe7e3;--paper:#f5f7f3;--white:#fff;--green:#146b5e;--green-dark:#0d5147;--lime:#d8ee92;--soft:#e8f2ed;--red:#a03c32;--radius:16px;--shadow:0 10px 35px #132e2510;--side:238px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;line-height:1.5;font-size:14px}button,input,select,textarea{font:inherit}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #88b5ec;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3vw,36px);line-height:1.18;letter-spacing:-1.2px;font-weight:650;margin-bottom:10px}h2{font-size:19px;line-height:1.3;letter-spacing:-.35px;font-weight:650;margin-bottom:8px}h3{font-size:15px;margin-bottom:8px}p{color:var(--muted);margin-bottom:18px}small{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:15px;top:-100px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:12px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:750;letter-spacing:-.8px;color:inherit}.brand:hover{text-decoration:none}.brand-mark{width:33px;height:33px;background:var(--lime);color:var(--ink);border-radius:10px;display:grid;place-items:center;font-size:24px;line-height:1;font-weight:800}.brand-mark span{transform:rotate(-9deg);display:block}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;border:1px solid transparent;border-radius:9px;padding:10px 17px;background:var(--green);color:#fff;font-weight:600;font-size:13px;line-height:1.35;text-decoration:none;white-space:normal;text-align:center}.btn:hover{background:var(--green-dark);text-decoration:none}.btn.secondary{background:white;color:var(--ink);border-color:var(--line)}.btn.secondary:hover{background:#f3f6f1}.btn.ghost{background:transparent;color:var(--muted);padding:8px 10px}.btn.ghost:hover{background:var(--soft);color:var(--green)}.btn.danger{background:#fff3f1;color:var(--red);border-color:#e8c5bf}.btn.small{min-height:34px;padding:7px 11px;font-size:12px}.btn.full{width:100%}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.actions.end{justify-content:flex-end}.actions form{margin:0}.alert{padding:15px 18px;border:1px solid #bbd9c9;border-radius:11px;background:#eaf5ed;margin-bottom:22px;color:#285f42}.alert.error{background:#fff0ed;border-color:#efcbc2;color:#8c3428}.alert.notice{background:#fff7df;border-color:#ebdfb7;color:#6b5623}.alert p{color:inherit;margin:5px 0 0}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:650;padding:4px 8px;border-radius:6px;white-space:nowrap;background:#edf0ec;color:#596b64}.badge.good{background:#e4f2e9;color:#28704d}.badge.waiting{background:#fff0cd;color:#8a650e}.badge.muted{background:#f1e9e6;color:#8b5c51}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill{background:#eef2ed;color:#5c7066;padding:5px 9px;border-radius:20px;font-size:11px}.rule{height:1px;background:var(--line);margin:24px 0}.empty{text-align:center;padding:42px 22px}.empty-icon{width:52px;height:52px;border-radius:16px;background:var(--soft);color:var(--green);display:grid;place-items:center;margin:0 auto 16px;font-size:22px}.empty p{max-width:420px;margin:0 auto 20px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:19px;font-weight:550;font-size:13px;min-width:0}.field>span{display:flex;gap:7px;align-items:center}.field small{font-weight:400;line-height:1.5}.field input,.field select,.field textarea,.search-input{display:block;min-width:0;width:100%;height:44px;border:1px solid #cfdbd5;border-radius:8px;background:white;padding:10px 12px;color:var(--ink);box-shadow:0 1px 2px #102e1f04;font-weight:400}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);outline:3px solid #146b5e14}.field textarea{height:112px;resize:vertical}.field input[type=color]{height:44px;padding:5px;width:100px}.field input[readonly]{background:#f6f8f5}.field input::placeholder{color:#97a49d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid .wide{grid-column:1/-1}.check{display:flex;gap:10px;align-items:flex-start;margin:12px 0 20px;font-size:13px;cursor:pointer}.check input{accent-color:var(--green);width:17px;height:17px;flex:none;margin:2px 0 0}.check small{display:block;margin-top:3px}.hint{font-size:12px;line-height:1.6;color:var(--muted)}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* A consistent workspace; the owner and tenant identities have separate hosts and sessions. */
.sidebar{position:fixed;top:0;bottom:0;left:0;width:var(--side);background:#142e2b;color:#e4eee6;padding:30px 20px;display:flex;flex-direction:column;z-index:40}.sidebar .brand{padding-left:8px}.workspace-label{color:#9ab1a5;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;margin:24px 9px 20px}.sidebar nav{flex:1;overflow-y:auto}.nav-group{margin:24px 9px 8px;color:#89a196;text-transform:uppercase;font-size:10px;letter-spacing:1.6px;font-weight:650}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#b9cdc0;border-radius:9px;font-size:13px;font-weight:500;margin:4px 0;min-height:43px}.nav-item:hover{background:#ffffff0b;color:#fff;text-decoration:none}.nav-item.active{background:var(--lime);color:#193e2e;font-weight:650}.nav-icon{font-size:17px;line-height:1;width:19px;text-align:center;opacity:.9}.sidebar-bottom{padding:18px 8px 0;border-top:1px solid #ffffff15}.sidebar-bottom p{color:#92ac9f;font-size:11px;margin:8px 0 0}.topbar{height:78px;position:sticky;top:0;margin-left:var(--side);padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f5f7f3f5;border-bottom:1px solid var(--line);z-index:30;backdrop-filter:blur(12px)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.breadcrumb strong{font-weight:550;color:var(--ink)}.top-user{display:flex;gap:11px;align-items:center;font-size:12px}.top-user small{display:block;font-size:10px}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#e4e9de;border:1px solid #d9e0d2;border-radius:50%;font-weight:650;color:#587348}.menu-button{display:none;background:transparent;border:0;color:var(--ink);font-size:22px;min-width:44px;min-height:44px}.main{margin-left:var(--side);padding:36px 40px 64px;max-width:1780px;min-height:calc(100vh - 78px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{margin:0;font-size:13px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-width:0;margin-bottom:22px}.panel.no-pad{padding:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.panel-head h2,.panel-head p{margin:0}.panel-head p{margin-top:4px;font-size:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.grid-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;align-items:start}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat{padding:22px;background:white;border:1px solid var(--line);border-radius:13px;min-width:0}.stat .label{font-size:11px;font-weight:550;color:var(--muted);display:flex;justify-content:space-between;gap:5px}.stat .number{font-size:clamp(21px,2vw,29px);font-weight:650;letter-spacing:-1px;margin:13px 0 9px;overflow-wrap:anywhere}.stat .number .unit{font-size:11px;letter-spacing:0;font-weight:500;color:var(--muted);margin-right:6px}.stat small{font-size:10px;display:block}.stat.emphasis{background:var(--green);color:#fff;border-color:var(--green)}.stat.emphasis .label,.stat.emphasis small,.stat.emphasis .number .unit{color:#c1d9cb}.table-wrap{overflow:auto;width:100%;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.data-table th{font-size:10px;letter-spacing:.65px;text-transform:uppercase;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);padding:12px 15px;background:#fafbf8;white-space:nowrap}.data-table td{padding:15px;border-bottom:1px solid #edf1eb;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table td strong{font-weight:600}.data-table td small{display:block;margin-top:3px;font-size:10px}.data-table .amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.data-table a{font-weight:550}.table-head-pad{padding:24px 24px 0}.list-row{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid #edf1eb;align-items:center}.list-row:last-child{border-bottom:0;padding-bottom:0}.list-row:first-child{padding-top:0}.list-row .grow{flex:1;min-width:0}.list-row h3{font-size:13px;margin:0 0 3px}.list-row p{font-size:11px;margin:0}.step-number{width:29px;height:29px;border:1px solid #d9e2d9;background:#f7f9f5;color:#89988a;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:650;flex:none}.step-number.done{background:#e4f2e9;color:#28704d;border-color:#e4f2e9}.setup-panel{background:#f9fbf3;border-color:#dfe7ce}.setup-progress{height:5px;border-radius:5px;background:#e1e9d8;display:flex;gap:4px;margin:20px 0}.setup-progress i{flex:1;background:#e1e9d8;border-radius:4px}.setup-progress i.done{background:#4b8163}.chart{height:185px;display:flex;gap:14px;align-items:flex-end;padding:20px 8px 0;border-bottom:1px solid var(--line);margin-bottom:35px}.chart-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative;align-items:center}.chart-bar{width:100%;max-width:48px;background:#d6e9de;border-radius:5px 5px 0 0;min-height:3px}.chart-col:last-child .chart-bar{background:var(--green)}.chart-label{font-size:10px;color:var(--muted);position:absolute;bottom:-24px}.chart-value{font-size:9px;color:var(--muted);margin-bottom:5px;white-space:nowrap}.support-banner{margin-left:var(--side);background:#f2e8bd;color:#61501f;padding:11px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.support-banner form{margin:0}.support-banner .btn{background:#ffffff7a;color:#61501f;border-color:#dacd9d;min-height:32px;padding:5px 10px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:10px}.tabs a{padding:7px 12px;border-radius:7px;font-size:12px;color:var(--muted)}.tabs a.active{background:var(--soft);color:var(--green);font-weight:650}.tabs a:hover{text-decoration:none;background:var(--soft)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.detail-grid dt{font-size:11px;color:var(--muted);margin-bottom:5px}.detail-grid dd{margin:0;font-size:13px;font-weight:550;overflow-wrap:anywhere}.callout{padding:18px;background:var(--soft);border-radius:10px;font-size:12px;margin:20px 0}.callout p{margin:5px 0 0}.copy-block{display:flex;align-items:center;gap:8px;min-width:0}.copy-block code{padding:12px;background:#f2f5ef;border:1px solid var(--line);border-radius:7px;overflow-wrap:anywhere;min-width:0;flex:1;font-size:12px}.code-block{white-space:pre-wrap;overflow-wrap:anywhere;background:#152d2a;color:#dce8da;padding:20px;border-radius:10px;max-height:400px;overflow:auto;font-size:11px;line-height:1.7}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 28px}.provider-choice{padding:17px;border:1px solid var(--line);border-radius:11px;color:var(--ink)}.provider-choice.active{border-color:var(--green);box-shadow:0 0 0 1px var(--green);background:#f3f9f4}.provider-choice:hover{text-decoration:none;border-color:var(--green)}.provider-choice strong{display:block;margin-bottom:5px}.provider-choice small{font-size:10px}.footer-note{font-size:11px;color:#93a198;padding-top:10px}
/* Sign-in and registration use a calm two-column layout, with one clear primary action. */
.auth-page{min-height:100vh;background:#fff;display:grid;grid-template-columns:42% 58%}.auth-story{background:#142e2b;color:#f4f6ed;padding:42px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story .brand{position:relative;z-index:1}.auth-story .eyebrow{color:#9bb79e;margin:0 0 20px}.auth-story-content{margin:auto 0;position:relative;z-index:1;padding:60px 0}.auth-story h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(38px,4vw,57px);letter-spacing:-1.7px;line-height:1.1;max-width:420px;margin-bottom:24px}.auth-story h1 em{color:var(--lime);font-style:normal}.auth-story p{font-size:14px;line-height:1.8;color:#a8bdb0;max-width:360px}.auth-story-bottom{color:#8ea999;font-size:11px}.auth-orbit{position:absolute;bottom:-160px;right:-220px;width:570px;height:570px;border:1px solid #b2d68c10;border-radius:50%;box-shadow:0 0 0 65px #b2d68c06,0 0 0 130px #b2d68c04}.auth-main{padding:40px 8%;display:flex;flex-direction:column;min-width:0}.auth-top{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12px;color:var(--muted)}.auth-form{max-width:400px;width:100%;margin:auto; padding:60px 0}.auth-form.wide{max-width:530px;padding:38px 0}.auth-form h2{font-size:28px;letter-spacing:-.9px;margin-bottom:10px}.auth-form>p{font-size:13px;margin-bottom:30px}.auth-form .field{margin-bottom:20px}.auth-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-bottom:24px}.auth-meta .check{margin:0}.auth-form .btn.full{min-height:47px;margin-top:5px}.auth-foot{text-align:center;font-size:11px;color:#83948b}.auth-status{max-width:540px;text-align:center;margin:auto;padding:45px 0}.auth-status .empty-icon{width:65px;height:65px;font-size:26px}.auth-status p{line-height:1.8}.auth-mobile-brand{display:none}.form-note{font-size:11px;line-height:1.7;margin:20px 0 0}.auth-form .form-grid .field{margin-bottom:18px}.mobile-mask{display:none}.invoice-sheet{max-width:850px;margin:auto;background:white;border:1px solid var(--line);padding:45px;border-radius:15px}.invoice-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:40px}.invoice-top .eyebrow{margin-top:14px}.invoice-total{padding:20px 0;text-align:right;font-size:20px;font-weight:650}.invoice-total small{font-weight:400;display:block;font-size:11px}.invoice-instructions{padding:22px;background:#f6f8f3;border-radius:10px;white-space:pre-line;color:var(--muted);font-size:12px}
@media(min-width:1800px){.main{padding-right:60px;padding-left:60px}.topbar{padding-left:60px;padding-right:60px}}
@media(max-width:1200px){:root{--side:212px}.main{padding:28px}.topbar{padding:0 28px}.stats{gap:12px}.stat{padding:18px}.grid-main{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}.auth-story{padding:38px}.auth-main{padding:34px 7%}}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main{grid-template-columns:1fr}.auth-page{grid-template-columns:38% 62%}.auth-story{padding:32px}.auth-story h1{font-size:40px}.auth-story p{font-size:13px}.grid-2{gap:18px}}
@media(max-width:760px){:root{--side:0px}.sidebar{width:250px;transform:translateX(-100%);transition:transform .18s ease}.nav-open .sidebar{transform:translateX(0)}.nav-open .mobile-mask{display:block;position:fixed;inset:0;z-index:39;background:#071e1b70}.topbar{height:66px;padding:0 17px;gap:5px}.menu-button{display:block}.breadcrumb{flex:1;font-size:11px;gap:8px}.breadcrumb .brand-crumb{display:none}.top-user .user-text{display:none}.main{padding:25px 18px 45px}.page-heading{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:23px}.page-heading h1{font-size:28px}.page-heading .actions{gap:8px}.stats{gap:11px}.stat{padding:17px}.stat .number{font-size:25px;margin:12px 0 7px}.stat .label{font-size:10px}.stat small{font-size:9px}.panel{padding:20px;margin-bottom:18px}.panel-head{margin-bottom:18px}.grid-2{grid-template-columns:1fr;gap:0}.grid-main{gap:0}.form-grid{gap:0 14px}.data-table td{padding:13px 12px}.data-table th{padding:11px 12px}.support-banner{padding:10px 18px;font-size:11px}.support-banner strong{display:block}.topbar .btn.ghost{font-size:11px}.auth-page{display:block}.auth-story{display:none}.auth-main{min-height:100vh;padding:26px 24px}.auth-mobile-brand{display:block;margin-bottom:24px}.auth-top{justify-content:flex-start;margin-bottom:10px}.auth-form,.auth-form.wide{padding:34px 0 40px;max-width:480px}.auth-form h2{font-size:29px}.auth-foot{padding-bottom:10px}.provider-grid{gap:8px}.provider-choice{padding:12px}.provider-choice small{font-size:9px}.invoice-sheet{padding:24px 20px}.invoice-top{gap:15px}.detail-grid{gap:14px}.chart{gap:8px}.chart-value{font-size:8px}.copy-block{flex-wrap:wrap}.copy-block code{flex-basis:100%}.table-head-pad{padding:20px 20px 0}}
@media(max-width:380px){.form-grid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:13px}.stat .number{font-size:22px}.stat .number .unit{font-size:9px}.main{padding:22px 14px}.auth-main{padding:24px 20px}.provider-grid{grid-template-columns:1fr}.provider-choice small{font-size:11px}.provider-choice{padding:13px 16px;display:flex;align-items:center;justify-content:space-between}.provider-choice strong{margin:0}.topbar{padding:0 10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body{background:#fff}.sidebar,.topbar,.support-banner,.page-heading,.no-print{display:none!important}.main{margin:0;padding:0}.invoice-sheet{border:0;max-width:none;padding:20px}.invoice-instructions{background:#fff;border-top:1px solid #ccc}.invoice-top{margin-bottom:30px}}
.code-block{background:#142e2b;color:#e3f0e8;border-radius:12px;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;max-height:540px;overflow:auto}.numbered-list{padding-left:22px;line-height:1.8}.numbered-list li{margin-bottom:12px}.detail-list{margin:20px 0}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.detail-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:20px 0}.detail-hero h2{font-size:28px;margin:6px 0}.detail-hero p{color:var(--muted)}
.setup-item{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--ink)}.setup-item>span:nth-child(2){flex:1}.setup-item strong,.setup-item small{display:block}.setup-item small{margin-top:5px;color:var(--muted);font-size:12px}.helper{font-size:12px;color:var(--muted)}.search-form{display:flex;gap:10px;margin:18px 0}.search-form input{min-width:0;flex:1}.back-link{display:inline-flex;align-items:center;gap:6px;min-height:30px;margin:-6px 0 6px;font-size:12px;font-weight:600;letter-spacing:.2px;color:var(--muted);text-decoration:none}.back-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.back-link span{font-size:14px;line-height:1}.empty-symbol{font-size:30px;color:var(--green)}

.menu-close{display:none}@media(max-width:760px){.sidebar{visibility:hidden}.nav-open .sidebar{visibility:visible}.nav-open{overflow:hidden}.menu-close{display:block;position:absolute;right:10px;top:14px;border:0;background:transparent;color:#d9e6dc;font-size:28px;width:44px;height:44px}}

/* Keep nested business panels within narrow grid tracks. */
.grid-main>*{min-width:0}.grid-2>*{min-width:0}
@media(max-width:380px){.panel-head{flex-wrap:wrap}.panel-head>.btn{flex-shrink:0}}

.login-options{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 20px;margin-top:20px;font-size:12px}.login-options details{flex:1 1 120px}.login-options summary{cursor:pointer;color:var(--green)}.login-options details p{margin:10px 0 0;font-size:12px;line-height:1.6}

/* Quiet, shared visual language for business and platform workspaces. */
:root{--ink:#18332c;--muted:#586e64;--paper:#f3f5f0;--line:#dce4db;--green:#216b54;--green-dark:#17543f;--lime:#e1edb6;--soft:#edf3e8;--radius:18px;--shadow:0 1px 2px #17352b04,0 8px 28px #17352b05;--side:246px}
body{-webkit-font-smoothing:antialiased;line-height:1.55;text-rendering:optimizeLegibility}
h1{font-size:clamp(28px,2.7vw,38px);font-weight:600;letter-spacing:-1.25px}h2{font-weight:600;letter-spacing:-.45px}h3{font-weight:600}
:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.btn{min-height:44px;border-radius:10px;padding:11px 18px;box-shadow:0 1px 2px #112f2510;transition:background .14s,border-color .14s,box-shadow .14s}
.btn:hover{box-shadow:0 3px 9px #112f2514}.btn.secondary{border-color:#cbd8cb;background:#fff}.btn.ghost{box-shadow:none}.btn.ghost:hover{box-shadow:none}.btn.small{min-height:36px}.btn.danger{background:#fff2ef;color:#98372e;border-color:#d9aba3}
.brand{font-weight:700;letter-spacing:-.9px}.brand-mark{border-radius:11px;box-shadow:inset 0 0 0 1px #ffffff40}
.sidebar{background:linear-gradient(165deg,#19362e 0%,#132d26 74%);padding:32px 18px 24px;border-right:1px solid #10241d}
.sidebar .brand{padding-left:12px}.workspace-label{font-size:10px;letter-spacing:1.8px;margin:28px 13px 16px;color:#acc1b3}
.nav-group{color:#a5bbac;margin:30px 13px 10px;letter-spacing:1.7px}.nav-item{min-height:46px;padding:12px 13px;margin:5px 0;border-radius:10px;gap:12px;color:#c5d6ca;font-size:12.5px}
.nav-item.active{color:#233b27;box-shadow:inset 0 1px 0 #ffffff65,0 2px 5px #071b1920}.nav-item:hover{background:#ffffff0d}.nav-item.active:hover{background:var(--lime)}
.nav-icon{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;opacity:1}.nav-icon svg{width:20px;height:20px;display:block}.menu-button svg,.menu-close svg{width:22px;height:22px}.menu-close{align-items:center;justify-content:center}
.sidebar :focus-visible{outline-color:var(--lime)}.sidebar .nav-item.active:focus-visible{outline-color:#fff}.sidebar-bottom{padding:20px 12px 0}.sidebar-bottom p{color:#afc2b4}
.topbar{height:76px;padding:0 38px;background:#f3f5f0f5;border-bottom-color:#dde5dc;backdrop-filter:none}
.breadcrumb{min-width:0;flex:1;gap:10px}.breadcrumb strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:12px}.breadcrumb .brand-crumb{flex:none;color:var(--muted)}
.top-user{flex:none;gap:12px}.top-user .user-text{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-user .user-text small{font-size:11px}.avatar{width:35px;height:35px;background:#e5eddd;border-color:#d4dfcd;color:#3f6245;font-size:12px}.top-user form{margin:0}
.main{padding:38px 38px 64px;max-width:1680px}.page-heading{margin-bottom:30px;gap:22px}.page-heading>div{min-width:0}.page-heading .eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:10px}.page-heading h1,.page-heading .eyebrow{overflow-wrap:anywhere}.page-heading p{font-size:13px;max-width:780px;line-height:1.6}.page-heading>.btn{flex-shrink:0}
.panel{padding:26px;border-color:var(--line);box-shadow:var(--shadow);margin-bottom:24px}.panel-head{gap:18px;margin-bottom:24px}.panel-head>div{min-width:0}.panel-head h2{overflow-wrap:anywhere}.panel-head p{line-height:1.6}.panel-head>a{flex-shrink:0;font-size:12px;font-weight:600}
.grid-2,.grid-main{gap:24px}.stats{gap:16px;margin-bottom:28px}.stat{border-radius:16px;padding:23px 22px;box-shadow:var(--shadow)}.stat .label{font-size:10px;font-weight:600;letter-spacing:.85px;line-height:1.6;min-height:32px;align-items:flex-start}.stat .number{font-size:clamp(24px,2.15vw,33px);font-weight:600;letter-spacing:-1px;line-height:1.25;margin:11px 0 10px;font-variant-numeric:tabular-nums}.stat .number .unit{font-size:10px;font-weight:600;letter-spacing:.5px;margin-right:7px}.stat small{font-size:11px;line-height:1.6}.stat.emphasis{background:linear-gradient(140deg,#23674f,#18513e);border-color:#205c47;box-shadow:0 5px 18px #164b3512}.stat.emphasis .label,.stat.emphasis small,.stat.emphasis .number .unit{color:#e2ecd8}
.table-wrap{border-radius:11px}.data-table{font-size:13px}.data-table th{font-size:10px;letter-spacing:.8px;background:#f5f7f2;color:#50664e;padding:14px 16px}.data-table td{padding:17px 16px;border-bottom-color:#e9eee6}.data-table td small{font-size:11px;line-height:1.6}.data-table tbody tr:hover{background:#f9fbf6}.data-table td.amount{font-weight:600}.data-table a{font-weight:600}.table-head-pad{padding:26px 26px 0}.panel.no-pad .table-wrap{border-radius:0 0 var(--radius) var(--radius)}
.badge{padding:4px 9px;border-radius:7px;font-size:11px;font-weight:600}.badge.good{background:#eaf3e6;color:#32623b}.badge.waiting{background:#f9efcf;color:#775916}.badge.muted{background:#f5e9e4;color:#895043}.pill{background:#edf2e6;color:#526844;font-weight:550}
.list-row{padding:17px 0;border-bottom-color:#e7ede2}.list-row h3{font-weight:600}.list-row p{font-size:12px;line-height:1.6}.list-row h3,.list-row p{overflow-wrap:anywhere}.list-row>form{flex-shrink:0}.step-number{border-color:#cddac4;background:#f4f7ee;color:#617454}.step-number.done{background:#e3efd9;border-color:#d6e4cc;color:#3a683d}
.setup-panel{background:#f7f9f0;border-color:#dbe4cd}.setup-progress{height:5px;background:#dde7d4}.setup-progress i.done{background:#638352}.setup-item{border-bottom-color:#e1e8da}.setup-item>span:nth-child(2){min-width:0}.setup-item strong,.setup-item small{overflow-wrap:anywhere}
.chart{height:198px;gap:18px;margin-bottom:38px;border-color:#dfe7d9;padding-top:18px;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#e9eee680 49px,#e9eee680 50px)}.chart-bar{background:#d2e4c4;border-radius:6px 6px 0 0}.chart-col:last-child .chart-bar{background:#39714f}.chart-value{font-size:10px;color:#506848;font-variant-numeric:tabular-nums}.chart-label{font-size:11px;color:#556d51}
.tabs{gap:4px;padding:0 0 12px;margin-bottom:24px;border-color:#d8e1d4}.tabs a{min-height:40px;display:inline-flex;align-items:center;padding:9px 15px;border-radius:9px;font-size:12px}.tabs a.active{background:#e4eddc;color:#335d37;box-shadow:inset 0 0 0 1px #d6e2ca}.tabs a:hover{background:#ebf1e5}
.field{font-size:13px;margin-bottom:20px;gap:8px}.field>span,.field>label{font-weight:600}.field input,.field select,.field textarea,.search-input{height:46px;border-color:#8f9f91;border-radius:9px;padding:11px 13px;background:#fdfefb;box-shadow:inset 0 1px 2px #21392a03}.field textarea{height:112px}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:var(--green);outline:2px solid var(--green);outline-offset:2px;box-shadow:none}.field input::placeholder{color:#697d6b}.field input[readonly]{background:#f1f4ec}.field small{color:var(--muted)}.form-grid{gap:0 22px}.check{line-height:1.6}.check input{margin-top:3px}.hint,.helper{font-size:12px;color:var(--muted)}
details>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--green);padding:2px 0}details[open]>summary{margin-bottom:18px}details.panel>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}details.panel>summary::-webkit-details-marker{display:none}details.panel>summary::after{content:'+';font-size:20px;font-weight:400;line-height:1}details.panel[open]>summary::after{content:'−'}
.support-banner{background:#faf0d6;color:#625024;border-bottom:1px solid #e9d9b1;padding:12px 38px;gap:20px}.support-banner>span{min-width:0;overflow-wrap:anywhere}.support-banner strong{font-weight:650}.support-banner .btn{min-height:38px;background:#fffaf0;color:#5d4b23;border-color:#c9b883;border-radius:8px;white-space:nowrap}.support-banner form{flex-shrink:0}
.callout{background:#edf3e6;border:1px solid #dfe8d4;border-radius:12px;padding:18px 20px}.alert{border-radius:12px}.alert.error{background:#fff3ef;border-color:#dda89b;color:#8b3324}.alert.notice{background:#fff7e1;border-color:#ddc98d;color:#6a5420}.code-block{border:1px solid #274a3b}.copy-block code{background:#f5f7f0;border-color:#d3dfca}.detail-list dt{font-size:12px}.detail-list dd{font-variant-numeric:tabular-nums}.footer-note{font-size:11px;color:#60715f;padding-top:12px}
.auth-page{grid-template-columns:44% 56%;background:#fafbf7}.auth-story{background:linear-gradient(150deg,#1c3c30,#112a22);padding:44px 54px}.auth-story h1{font-size:clamp(39px,4.1vw,60px);line-height:1.13;letter-spacing:-1.8px}.auth-story p{color:#c0d1c0;line-height:1.8}.auth-story .eyebrow{color:#b8cda6}.auth-story-bottom{color:#b3c5b2}.auth-orbit{border-color:#d2e6a811;box-shadow:0 0 0 65px #cfdf9a05,0 0 0 130px #cfdf9a03}.auth-main{padding:42px 8%;background:linear-gradient(150deg,#ffffff,#fafbf7)}.auth-form{max-width:410px}.auth-form.wide{max-width:550px}.auth-form h2{font-size:31px;letter-spacing:-1px;font-weight:600}.auth-form>p{font-size:13px;margin-bottom:30px}.auth-form .eyebrow{font-size:10px;letter-spacing:1.8px}.auth-form .btn.full{min-height:48px}.auth-form .field{margin-bottom:23px}.auth-foot{color:#60715f;font-size:11px}.auth-top{flex-wrap:wrap;line-height:1.7}.password-control{position:relative}.password-control input{padding-right:68px}.password-control .btn{position:absolute;right:5px;top:5px;min-height:36px;padding:7px 10px;font-size:12px}.login-options{font-size:12px;gap:12px 18px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.login-options summary{font-size:12px;font-weight:500;padding:0}.login-options details[open]>summary{margin-bottom:0}
.invoice-sheet{border-radius:18px;box-shadow:var(--shadow);padding:42px}.invoice-total{font-variant-numeric:tabular-nums;font-weight:600}.invoice-instructions{border:1px solid #e0e7d8;background:#f7f9f1}
@media(min-width:1800px){.main,.topbar{padding-left:54px;padding-right:54px}}
@media(max-width:1200px){:root{--side:218px}.sidebar{padding-left:13px;padding-right:13px}.nav-item{font-size:12px;gap:10px;padding-left:11px;padding-right:11px}.main{padding:30px 26px 52px}.topbar{padding:0 26px}.panel{padding:22px}.stat{padding:20px 18px}.stat .number{font-size:28px}.table-head-pad{padding:22px 22px 0}.auth-story{padding:38px}.auth-main{padding:34px 7%}}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat .label{min-height:0}.grid-main{grid-template-columns:1fr;gap:0}.auth-page{grid-template-columns:38% 62%}.auth-story{padding:30px}.auth-story h1{font-size:40px}.auth-story p{font-size:13px}.grid-2{gap:18px}.panel-head{flex-wrap:wrap}.top-user .user-text{max-width:110px}}
@media(max-width:760px){:root{--side:0px}.sidebar{width:258px;padding:28px 18px 22px}.menu-close{display:flex}.nav-item{font-size:13px;min-height:47px;padding:13px}.topbar{height:68px;padding:0 14px;gap:8px}.menu-button{display:grid;place-items:center;flex:0 0 44px}.breadcrumb{gap:0}.breadcrumb strong{font-size:11px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;line-height:1.4}.top-user{gap:7px}.top-user .avatar{width:30px;height:30px;font-size:11px}.topbar .btn.ghost{padding:8px;min-height:40px}.main{padding:28px 18px 44px}.page-heading{margin-bottom:25px;gap:16px}.page-heading h1{font-size:29px}.page-heading p{font-size:12px}.page-heading>.btn{min-height:42px}.stats{gap:12px;margin-bottom:22px}.stat{padding:18px 16px;border-radius:14px}.stat .label{font-size:10px;letter-spacing:.5px;min-height:32px}.stat .number{font-size:25px;margin:11px 0 8px}.stat .number .unit{display:block;font-size:10px;line-height:1;margin:0 0 7px}.stat small{font-size:11px;line-height:1.5}.panel{padding:21px;margin-bottom:20px;border-radius:15px}.panel-head{gap:12px;margin-bottom:20px;flex-wrap:wrap}.panel-head h2{font-size:18px}.panel-head p{font-size:12px}.panel-head>a{min-height:36px;display:inline-flex;align-items:center}.grid-2,.grid-main{gap:0}.form-grid{gap:0 16px}.table-head-pad{padding:21px 21px 0}.data-table th{padding:12px;font-size:10px}.data-table td{padding:15px 12px;font-size:12px}.data-table td small{font-size:11px}.tabs{gap:2px;padding-bottom:10px;margin-bottom:22px}.tabs a{font-size:12px;padding:9px 11px}.chart{gap:10px;height:176px}.chart-value{font-size:9px}.chart-label{font-size:10px}.support-banner{padding:12px 18px;gap:12px;flex-wrap:wrap;font-size:11px}.support-banner .btn{min-height:40px;font-size:11px}.auth-page{display:block}.auth-story{display:none}.auth-main{padding:28px 24px;min-height:100vh}.auth-mobile-brand{margin-bottom:28px}.auth-form,.auth-form.wide{max-width:480px;padding:32px 0 40px}.auth-form h2{font-size:30px}.auth-form .field input,.auth-form .field select{font-size:16px}.auth-top{justify-content:flex-start}.invoice-sheet{padding:26px 21px}.invoice-top{flex-wrap:wrap;gap:16px}.provider-choice small{font-size:11px}.provider-choice{padding:14px}.detail-grid{gap:16px}.detail-hero{flex-wrap:wrap;gap:14px}.list-row>form{max-width:100%}}
@media(max-width:380px){.main{padding:24px 14px 40px}.stats{gap:9px}.stat{padding:16px 13px}.stat .number{font-size:23px;letter-spacing:-.7px}.stat .label{font-size:9.5px;min-height:32px}.stat small{font-size:10.5px}.panel{padding:18px}.table-head-pad{padding:18px 18px 0}.auth-main{padding:25px 20px}.form-grid{grid-template-columns:1fr}.provider-grid{grid-template-columns:1fr}.topbar{padding:0 8px;gap:4px}.top-user .avatar{display:none}.tabs a{padding:8px 9px}.detail-grid{grid-template-columns:1fr}.list-row{flex-wrap:wrap}.list-row .grow{flex:1 1 120px}.chart{gap:6px}.chart-value{font-size:8.5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff}.main{padding:0;max-width:none}.panel,.stat,.invoice-sheet{box-shadow:none}.invoice-sheet{border:0;padding:20px}.invoice-instructions{background:#fff}.stat.emphasis{background:#fff;color:var(--ink)}.stat.emphasis .label,.stat.emphasis small,.stat.emphasis .number .unit{color:var(--muted)}}
/* Keep controls and keyboard focus distinct on every surface. */
.field input,.field select,.field textarea,.search-input{border-color:#819383}.field input::placeholder{color:var(--muted)}.auth-story :focus-visible{outline-color:var(--lime)}
.detail-hero>div{min-width:0;max-width:100%}.detail-hero h2,.detail-hero p{overflow-wrap:anywhere}
.field small,.footer-note{overflow-wrap:anywhere}
.chart-bar{background:#719567}
@media(min-width:761px) and (max-width:1120px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact overview figures; financial cards retain their existing layout. */
.overview-presence{display:flex;align-items:flex-start;gap:26px;margin:0;flex:none}.overview-presence>div{min-width:116px}.overview-presence>div+div{border-left:1px solid var(--line);padding-left:26px}.overview-presence dt{font-size:11px;color:var(--muted);font-weight:500;white-space:nowrap;margin:0 0 5px}.overview-presence dd{margin:0;font-size:27px;line-height:1.12;letter-spacing:-.8px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--ink)}.overview-presence small{display:block;font-size:10px;line-height:1.4;margin-top:5px;max-width:150px;color:var(--muted)}.presence-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#98a59e;margin-right:5px;vertical-align:middle}.overview-presence [data-online-count]{min-height:30px}
@media(max-width:760px){.page-heading.has-presence{flex-wrap:wrap}.overview-presence{width:100%;padding-top:2px;gap:22px}.overview-presence>div{min-width:120px}.overview-presence>div+div{padding-left:22px}.overview-presence dd{font-size:25px}.overview-presence small{font-size:10px}}

.overview-presence.is-current .presence-dot{background:#497361}
.panel-details{margin:18px 0 22px}.panel-details>summary{color:var(--green);font-weight:500;cursor:pointer}.panel-details[open]>summary{margin-bottom:18px}.outage-dismiss{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.tabs.compact{margin:0;padding:0}

/* R1 (2026-09-17): phone-first shell — a four-item bottom bar; the drawer stays for everything else */
.bottom-bar{display:none}
@media(max-width:760px){.bottom-bar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:38;background:#fff;border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px #132e2512}.bottom-bar a,.bottom-bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:6px 2px;border:0;background:none;border-radius:12px;font:inherit;font-size:11px;font-weight:600;color:var(--muted);text-decoration:none;cursor:pointer}.bottom-bar .nav-icon{width:20px;height:20px}.bottom-bar .nav-icon svg{width:20px;height:20px}.bottom-bar a.active{color:var(--green);background:var(--soft)}.bottom-bar a:focus-visible,.bottom-bar button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.main{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.footer-note{margin-bottom:12px}}
/* R1: per-business feature switches (owner console) */
.feature-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.feature-row:first-of-type{border-top:0;padding-top:4px}.feature-row strong{display:block;font-size:14px}.feature-row small{display:block;color:var(--muted);margin-top:3px;font-size:12px}.feature-row .btn{flex:0 0 auto}
label.check small{display:block;color:var(--muted);font-weight:400;margin-top:2px}
/* R2: plans as rows */
.plans-panel .panel-head{margin-bottom:4px}.plans-panel .tabs{margin:0}.plan-table td{vertical-align:middle}.plan-table th:last-child,.plan-table td:last-child{text-align:right}
.plan-name{display:flex;align-items:center;gap:8px;min-width:170px}.name-input{font:inherit;font-weight:600;font-size:14px;color:inherit;border:1px solid transparent;border-radius:8px;padding:6px 8px;margin-left:-9px;background:transparent;min-width:0;width:100%;max-width:220px;transition:border-color .14s,background .14s}.name-input:hover{border-color:#d7e0d3;background:#fff}.name-input:focus{border-color:#8fb59a;background:#fff;outline:none;box-shadow:0 0 0 3px #88b5ec33}.plan-name .btn{display:none}.plan-name.dirty .btn{display:inline-flex}
.row-actions{white-space:nowrap}.row-actions form{display:inline}.row-actions>a,.row-actions .link-btn{margin-left:14px}.link-btn{background:none;border:0;padding:0;color:var(--green);cursor:pointer;font:inherit;font-weight:600;font-size:13px}.link-btn:hover{text-decoration:underline}.link-btn.quiet{color:#6b7f6a}.link-btn.strong{color:#98372e}.badge.bad{background:#fff0ec;color:#98372e}
tr.hl{animation:rowhl 2.6s ease-out}@keyframes rowhl{0%,60%{background:#eaf5ed}100%{background:transparent}}.plans-hint{margin:14px 0 0}
.alert.has-undo{display:flex;align-items:center;justify-content:space-between;gap:14px}.alert .undo{margin:0}
.field-pair>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field .static{margin:0;padding:10px 0;font-weight:600}.check-row{display:flex;gap:22px;flex-wrap:wrap;margin:4px 0 14px}.plan-form .actions{margin-top:6px}.plan-form .actions+.hint{margin-top:10px}
@media(max-width:760px){.plan-table thead{display:none}.plan-table,.plan-table tbody,.plan-table tr,.plan-table td{display:block}.plan-table tr{padding:14px 16px;border-bottom:1px solid #e9eee6;display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.plan-table td,.plan-table td:last-child{padding:0;border:0;text-align:left}.plans-panel>.panel-head+.table-wrap{margin-top:4px}.plan-table td[data-label=Plan]{margin-bottom:2px}.plan-table td[data-label=Price]{text-align:right;font-weight:600;align-self:center}.plan-table td[data-label=Status]{grid-column:1/-1;margin-top:6px}.plan-table td[data-label=Time]::before,.plan-table td[data-label=Speed]::before,.plan-table td[data-label=Devices]::before,.plan-table td[data-label=Where]::before{content:attr(data-label) " · ";color:#6b7f6a}.plan-table td.row-actions{grid-column:1/-1;white-space:normal;margin-top:8px;display:flex;gap:16px;flex-wrap:wrap}.plan-table td.row-actions>a,.plan-table .row-actions .link-btn{margin-left:0}.plan-name{min-width:0}.name-input{max-width:none;margin-left:-9px}}
/* R3: one Settings page, workspace before approval, guided Connect */
.section-nav{display:flex;gap:6px;flex-wrap:wrap;margin:-6px 0 18px;position:sticky;top:78px;z-index:5;background:var(--paper);padding:8px 0}.section-nav a{padding:7px 12px;border-radius:999px;border:1px solid #d7e0d3;background:#fff;font-size:12px;font-weight:600;color:#33503a}.section-nav a:hover{text-decoration:none;border-color:#9fb8a4}
.panel[id]{scroll-margin-top:140px}.sheet{border:1px solid #e3e9df;border-radius:12px;padding:0 16px;margin-top:14px;background:#fbfcf9}.sheet>summary{cursor:pointer;padding:12px 0;font-weight:600;list-style:none;display:flex;align-items:center;gap:8px}.sheet>summary::before{content:"";width:7px;height:7px;border-right:2px solid #6b7f6a;border-bottom:2px solid #6b7f6a;transform:rotate(-45deg);transition:transform .15s}.sheet[open]>summary::before{transform:rotate(45deg)}.sheet[open]{padding-bottom:16px}.sheet.danger{border-color:#e6c4bd;background:#fff8f6}.sheet .list-row:last-of-type{border-bottom:0}
.prefixed{display:flex;align-items:stretch;border:1px solid #cfd8cc;border-radius:10px;overflow:hidden;background:#fff}.prefixed .prefix{display:flex;align-items:center;padding:0 0 0 12px;color:#6b7f6a;font-size:13px;white-space:nowrap}.prefixed input{border:0!important;border-radius:0!important;flex:1;min-width:0;padding-left:2px!important;background:transparent}.prefixed:focus-within{border-color:#8fb59a;box-shadow:0 0 0 3px #88b5ec33}
.colour-row{display:flex;align-items:center;gap:10px}.colour-row input{width:52px;height:40px;padding:2px;border-radius:8px}.colour-row code{font-size:12px;color:#50664e}
.check-line{margin:0 0 12px;font-size:13px;font-weight:600}.check-line.ok{color:#2f6a3f}.check-line.warn{color:#98372e}.form-grid.three{grid-template-columns:repeat(3,1fr)}.copy-block.inline{display:inline-flex;margin:4px 0 0;vertical-align:middle}.inline-check{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.member-row h3{display:flex;align-items:center;gap:8px}.role-chip{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#eef3ea;color:#4f6a53}.member-row .actions{gap:14px}.approval-banner{background:#fff7e1;border-color:#e6d59a;color:#5f4a12}
@media(max-width:760px){.section-nav{top:66px;overflow-x:auto;flex-wrap:nowrap;margin-left:-18px;margin-right:-18px;padding:8px 18px}.section-nav a{flex:0 0 auto}.form-grid.three{grid-template-columns:1fr}.panel[id]{scroll-margin-top:124px}}
/* R4: owner attention list, once-shown sign-in */
.attention .panel-head{margin-bottom:6px}.attention-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #edf1eb;color:inherit}.attention-row:hover{text-decoration:none;background:#f9fbf6}.attention-row:last-child{border-bottom:0}.attention-row h3{margin:0;font-size:14px;font-weight:600}.attention-row p{margin:2px 0 0;font-size:12px;color:var(--muted)}.attention .dot{width:9px;height:9px;border-radius:50%;background:#c9b45a;flex:0 0 auto}.attention .dot.bad{background:#c0463a}.attention .dot.good{background:#4a8a5c}
.alert .copy-block{margin:10px 0 0;flex-basis:100%}.alert.has-undo{flex-wrap:wrap}
/* R5: subscription — levels on passes, paid after you sell */
.sub-status .balance{font-size:34px;letter-spacing:-1px;margin:4px 0 8px}.sub-status .eyebrow{margin-bottom:6px}.sub-status.overdue .balance,.sub-status.paused .balance{color:#98372e}
.meter{height:8px;border-radius:999px;background:#e6ede4;overflow:hidden;margin:12px 0 10px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#2f6a3f,#4a8a5c);border-radius:999px;transition:width .4s ease}
a.panel.level-meter{display:block;color:inherit;margin-bottom:22px}a.panel.level-meter:hover{text-decoration:none;box-shadow:0 10px 35px #132e2518}a.panel.level-meter .panel-head{margin-bottom:0}a.panel.level-meter h2{font-size:16px}a.panel.level-meter .meter{margin:12px 0 0}
.level-row.current h3::after{content:"you";display:inline-block;margin-left:8px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#2f6a3f;background:#e3efd9;padding:2px 7px;border-radius:999px}
.pay-sheet{margin-top:14px}.topup-wait{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.topup-wait .payment-status{color:#6a5420}
.policy-line{font-size:13px;color:#33503a;margin:0 0 6px;line-height:1.7}.default-mark{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#4f6a53;background:#eef3ea;padding:2px 7px;border-radius:999px;vertical-align:middle;margin-left:6px}
.levels-edit td{padding:6px 8px}.levels-edit .input{width:100%;min-height:36px;padding:6px 10px;border:1px solid #cfd8cc;border-radius:8px}.levels-edit .input.num{max-width:max(120px,12ch)}
.alert.billing-banner{display:flex;align-items:center;justify-content:space-between;gap:14px}
@media(max-width:760px){.sub-status .balance{font-size:28px}.levels-edit .input.num{max-width:none}}

/* R7: correct a sale / end access */
details.sheet.correction{margin-top:14px;max-width:560px}details.sheet.correction:target{border-color:#146b5e}details.sheet.correction .check{margin:6px 0 10px}.correction-link{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;white-space:nowrap}.data-table tr.voided td{color:var(--muted,#6b7a72)}.data-table tr.voided s{text-decoration-color:#98372e}

/* R8: PINs for agents, delete sheets */
.link-btn.danger{color:#98372e}.btn.ghost.danger{color:#98372e}.btn.ghost.danger:hover{background:#fff2ef;color:#98372e}.pin-link{font-size:13px;font-weight:600}details.sheet.pin-sheet{max-width:520px}details.sheet.pin-sheet:not([open]){display:none}details.sheet.customer-delete{max-width:560px;margin-bottom:8px}[data-role-field][hidden]{display:none}

/* R12: sales by business */.sales-table th.num,.sales-table td.num{text-align:right}.sales-table td.num small{font-weight:500;color:var(--muted);white-space:nowrap}.sales-table tfoot td{border-top:2px solid var(--line);background:#fafbf8;padding-top:14px;padding-bottom:14px}.sales-table tfoot td small{font-weight:500}.data-table td small .badge{font-size:10px;padding:2px 8px}.sales-table td a strong{color:inherit}@media(max-width:759px){.sales-table .hide-sm{display:none}.sales-table td.num small{white-space:normal}}