/* Nerd Herd portal. Inter is served from /static/fonts (the page policy allows no outside hosts). */
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url(/static/fonts/inter-400.woff) format("woff")}
@font-face{font-family:"Inter";font-weight:500;font-display:swap;src:url(/static/fonts/inter-500.woff) format("woff")}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url(/static/fonts/inter-600.woff) format("woff")}
@font-face{font-family:"Inter Display";font-weight:700;font-display:swap;src:url(/static/fonts/inter-display-700.woff) format("woff")}
:root{--i-apps:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%223.5%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%2213.5%22 y=%223.5%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%223.5%22 y=%2213.5%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3Crect x=%2213.5%22 y=%2213.5%22 width=%227%22 height=%227%22 rx=%222%22/%3E%3C/svg%3E");--i-market:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 9l1.5-5h13L20 9%22/%3E%3Cpath d=%22M4 9a2.7 2.7 0 0 0 5.3 0 2.7 2.7 0 0 0 5.4 0A2.7 2.7 0 0 0 20 9%22/%3E%3Cpath d=%22M5.5 12v8h13v-8%22/%3E%3C/svg%3E");--i-people:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.4%22/%3E%3Cpath d=%22M2.8 20c.4-3.6 3-5.6 6.2-5.6s5.8 2 6.2 5.6%22/%3E%3Cpath d=%22M16 4.8a3.2 3.2 0 0 1 0 6.2%22/%3E%3Cpath d=%22M18 14.6c2 .6 3.1 2.4 3.3 5.4%22/%3E%3C/svg%3E");--i-business:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 20V5.5A1.5 1.5 0 0 1 5.5 4h8A1.5 1.5 0 0 1 15 5.5V20%22/%3E%3Cpath d=%22M15 9.5h3.5A1.5 1.5 0 0 1 20 11v9%22/%3E%3Cpath d=%22M2.5 20h19%22/%3E%3Cpath d=%22M8 8h3M8 12h3M8 16h3%22/%3E%3C/svg%3E");--i-billing:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222.8%22 y=%225%22 width=%2218.4%22 height=%2214%22 rx=%223%22/%3E%3Cpath d=%22M2.8 10h18.4%22/%3E%3Cpath d=%22M6.5 15h3.5%22/%3E%3C/svg%3E");--i-security:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l7.5 3v5.5c0 4.7-3.1 8.2-7.5 9.5-4.4-1.300-7.5-4.800-7.500-9.500V6z%22/%3E%3Cpath d=%22M9 12l2.200 2.200L15.500 10%22/%3E%3C/svg%3E");--i-activity:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 12h4l2.500-7 5 14L17 12h4%22/%3E%3C/svg%3E");--i-tenants:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 20V5.500A1.500 1.500 0 0 1 5.500 4h8A1.500 1.500 0 0 1 15 5.500V20%22/%3E%3Cpath d=%22M15 9.500h3.500A1.500 1.500 0 0 1 20 11v9%22/%3E%3Cpath d=%22M2.500 20h19%22/%3E%3Cpath d=%22M8 8h3M8 12h3M8 16h3%22/%3E%3C/svg%3E");--i-revenue:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.500 20.500h17%22/%3E%3Cpath d=%22M5 16l4.500-5 3.500 3L19.500 6.500%22/%3E%3Cpath d=%22M15 6.500h4.500V11%22/%3E%3C/svg%3E");--i-failed:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.500l9.200 16H2.800z%22/%3E%3Cpath d=%22M12 10v4.500%22/%3E%3Cpath d=%22M12 17.300v.2%22/%3E%3C/svg%3E");--i-logo:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 6l4 12 5-9 5 9 4-12%22 stroke-width=%222.600%22/%3E%3C/svg%3E");}

:root{
  --bg:#eef3f2;--surface:#fff;--card:#fff;--ink:#10282b;--muted:#566b6f;--line:#dbe4e3;--soft:#f4f8f7;
  --brand:#006d77;--brand-2:#0a8f8a;--brand-ink:#fff;--brand-tint:#e0f1f0;
  --ok:#0b7a56;--ok-tint:#dcf2ea;--warn:#8a5a00;--warn-tint:#fbefcf;--bad:#b3261e;--bad-tint:#fbe3e0;
  --r:16px;--r-sm:10px;--shadow:0 1px 2px rgba(16,40,43,.06),0 8px 24px -12px rgba(16,40,43,.18);--shadow-lg:0 24px 60px -20px rgba(16,40,43,.35);
  --top:60px;--side:244px;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--display:"Inter Display","Inter",system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0b1517;--surface:#10201f;--card:#132426;--ink:#e6f0ef;--muted:#93aaac;--line:#223638;--soft:#0f1e20;
  --brand:#3cc4c9;--brand-2:#2aa6ab;--brand-ink:#04191b;--brand-tint:#12363a;
  --ok:#52d1a2;--ok-tint:#10362b;--warn:#f1bd5a;--warn-tint:#3a2d0e;--bad:#ff9b92;--bad-tint:#3d1a17;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -14px rgba(0,0,0,.7);--shadow-lg:0 24px 60px -20px rgba(0,0,0,.8)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:15px/1.5 var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss03"}
h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance}
h1{font-size:2.2rem;line-height:1.08;margin:.2em 0}h2{font-size:1.5rem;line-height:1.15;margin:.1em 0 .7em}h3{font-size:1.05rem;margin:.1em 0 .4em}
p{margin:.4em 0}
:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 55%,transparent);outline-offset:2px;border-radius:8px}
::selection{background:var(--brand-tint)}

/* ---------- top bar */
.top{position:sticky;top:0;z-index:30;height:var(--top);display:flex;align-items:center;gap:12px;padding:0 20px;
  background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.02em}
.brand::before{content:"";width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 6px 14px -6px var(--brand);flex:0 0 auto}
.brand::after{content:"";position:absolute;width:34px;height:34px;margin-left:0;background:#fff;-webkit-mask:var(--i-logo) center/20px no-repeat;mask:var(--i-logo) center/20px no-repeat}
.brand{position:relative}
.brand::after{left:0}
#tenantname{font-weight:600;padding:6px 12px;border-radius:999px;background:var(--soft);border:1px solid var(--line);max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grow{flex:1}
.top .small{max-width:26vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- layout */
.wrap{max-width:1120px;margin:0 auto;padding:24px 20px 48px}
#main{animation:rise .28s ease both}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wrap>nav.tabs{position:fixed;left:0;top:var(--top);bottom:0;width:var(--side);z-index:20;display:flex;flex-direction:column;gap:4px;margin:0;padding:18px 14px;background:var(--surface);border-right:1px solid var(--line);overflow-y:auto}
.wrap>nav.tabs button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 14px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-weight:500;cursor:pointer;transition:background .15s,color .15s}
.wrap>nav.tabs button::before{content:"";width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:var(--ico,var(--i-apps)) center/contain no-repeat;mask:var(--ico,var(--i-apps)) center/contain no-repeat}
.wrap>nav.tabs button:hover{background:var(--soft);color:var(--ink)}
.wrap>nav.tabs button.on{background:var(--brand-tint);color:var(--brand);font-weight:600}
[data-tab=apps]{--ico:var(--i-apps)}[data-tab=market]{--ico:var(--i-market)}[data-tab=people]{--ico:var(--i-people)}[data-tab=business]{--ico:var(--i-business)}
[data-tab=billing]{--ico:var(--i-billing)}[data-tab=security]{--ico:var(--i-security)}[data-tab=activity]{--ico:var(--i-activity)}
[data-tab=tenants]{--ico:var(--i-tenants)}[data-tab=revenue]{--ico:var(--i-revenue)}[data-tab=failed]{--ico:var(--i-failed)}
body[data-view=app] .wrap{margin:0 0 0 var(--side);max-width:none;padding:28px 36px 56px}
body[data-view=app] #main{max-width:1040px}
body[data-view=app] #main>h2:first-child{font-size:1.9rem;margin-bottom:.9em}

/* ---------- cards, tiles */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin:14px 0;box-shadow:var(--shadow)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.grid .card{margin:0}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.tiles .card{margin:0}
.tile{display:flex;flex-direction:column;gap:10px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}
.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
.tile h3{font-size:1.25rem;margin:0}
.app-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#fff;font:700 1.35rem var(--display);background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 10px 20px -10px var(--brand)}
.app-icon.hue1{background:linear-gradient(135deg,#7c4dff,#4d6bff);box-shadow:0 10px 20px -10px #5b5bff}
.app-icon.hue2{background:linear-gradient(135deg,#f08a24,#e8553a);box-shadow:0 10px 20px -10px #e8553a}
.app-icon.hue3{background:linear-gradient(135deg,#1f9d6b,#1c7f8a);box-shadow:0 10px 20px -10px #1f9d6b}
.price{font:700 1.5rem var(--display);letter-spacing:-.02em}
.hero{padding:8px 0}.hero p{max-width:560px;color:var(--muted);font-size:1.05rem}

/* ---------- forms */
label{display:block;font-size:.82rem;font-weight:500;color:var(--muted);margin:12px 0 6px}
input,select{width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--soft);color:var(--ink);font:inherit;transition:border-color .15s,box-shadow .15s,background .15s}
input:hover,select:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}
input:focus,select:focus{outline:0;border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 20%,transparent)}
input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--brand);padding:0}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:0 0 auto}.row>.grow{flex:1 1 160px}
.col{display:flex;flex-direction:column;gap:8px}

/* ---------- buttons */
button.btn,a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:linear-gradient(180deg,var(--brand-2),var(--brand));color:var(--brand-ink);border:0;border-radius:var(--r-sm);padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 16px -8px var(--brand);transition:transform .12s,box-shadow .15s,filter .15s}
button.btn:hover,a.btn:hover{filter:brightness(1.07);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 12px 22px -10px var(--brand)}
button.btn:active,a.btn:active{transform:translateY(1px) scale(.99)}
button.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none}
button.btn.ghost:hover{border-color:var(--brand);color:var(--brand);filter:none}
button.btn.danger{background:var(--bad);color:#fff;box-shadow:0 8px 16px -10px var(--bad)}
button.btn.small{min-height:34px;padding:6px 12px;font-size:.85rem;border-radius:9px}
button.btn.open{width:100%;min-height:46px;font-size:1rem}
button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}

/* ---------- text, chips, banners */
.muted{color:var(--muted)}.small{font-size:.84rem}
.chip{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:3px 11px;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--soft);color:var(--ink);border:1px solid var(--line)}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.chip.ok{background:var(--ok-tint);color:var(--ok);border-color:transparent}.chip.warn{background:var(--warn-tint);color:var(--warn);border-color:transparent}.chip.bad{background:var(--bad-tint);color:var(--bad);border-color:transparent}
.banner{padding:12px 16px;border-radius:12px;margin:12px 0;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow)}
.banner.warn{background:var(--warn-tint);border-color:transparent;color:var(--warn)}.banner.bad{background:var(--bad-tint);border-color:transparent;color:var(--bad)}.banner.ok{background:var(--ok-tint);border-color:transparent;color:var(--ok)}
code.secret{word-break:break-all;background:var(--soft);padding:2px 8px;border-radius:7px;font-size:.9em}

/* ---------- tables */
table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
th{color:var(--muted);font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}
tbody tr{transition:background .12s}tbody tr:hover{background:var(--soft)}tbody tr:last-child td{border-bottom:0}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.scroll{overflow-x:auto}

/* ---------- modal, toast */
.modal{position:fixed;inset:0;z-index:60;background:rgba(8,24,26,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .18s ease both}
.modal .card{max-width:640px;width:100%;max-height:90vh;overflow:auto;box-shadow:var(--shadow-lg);border-radius:22px;padding:24px;animation:pop .22s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
#toasts{position:fixed;z-index:80;bottom:20px;left:0;right:0;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;padding:0 16px}
.toast{pointer-events:auto;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:14px;max-width:520px;font-weight:500;box-shadow:var(--shadow-lg);animation:rise .22s ease both}
.toast.bad{background:var(--bad);color:#fff}

/* ---------- signed-out pages: brand panel + form */
body[data-view=public]{background:radial-gradient(1100px 600px at 10% -10%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 60%),radial-gradient(900px 500px at 100% 100%,color-mix(in srgb,var(--brand-2) 16%,transparent),transparent 60%),var(--bg)}
body[data-view=public] .top{background:transparent;border-bottom:0;backdrop-filter:none}
body[data-view=public] .wrap{max-width:1120px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;min-height:calc(100vh - var(--top) - 24px);padding-top:8px}
body[data-view=public] .hero h1{font-size:3.1rem;line-height:1.02;letter-spacing:-.03em}
body[data-view=public] .hero p{font-size:1.15rem}
body[data-view=public] .hero::after{content:"Shops and restaurants today. Accounting, payroll and more to follow.";display:inline-flex;margin-top:18px;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.88rem;font-weight:500;color:var(--muted);box-shadow:var(--shadow)}
.auth{max-width:440px;width:100%;justify-self:end;padding:28px;border-radius:24px;box-shadow:var(--shadow-lg)}
.auth nav.tabs{display:flex;gap:4px;margin:0 0 12px;padding:4px;background:var(--soft);border-radius:12px;border:1px solid var(--line)}
.auth nav.tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:9px;font:inherit;font-weight:600;cursor:pointer}
.auth nav.tabs button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
body[data-view=public] .wrap>.card.auth:only-child{grid-column:1/-1;justify-self:center}

/* ---------- staff portal: darker chrome */
body.admin{--bg:#e9eeee}
body.admin .top{background:#0e2326;color:#e6f0ef;border-bottom-color:#17383c}
body.admin .top .btn.ghost{background:transparent;color:#e6f0ef;border-color:#2a4a4e}
body.admin .brand small{font:600 .7rem var(--font);letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#17383c;color:#6fe0e4}
body.admin .wrap>nav.tabs{background:#0e2326;border-right-color:#17383c}
body.admin .wrap>nav.tabs button{color:#9fb7ba}body.admin .wrap>nav.tabs button:hover{background:#17383c;color:#fff}
body.admin .wrap>nav.tabs button.on{background:#17383c;color:#6fe0e4}
@media (prefers-color-scheme:dark){body.admin{--bg:#081214}}

/* ---------- phones and small windows: sidebar becomes a bottom bar */
@media (max-width:900px){
  :root{--top:56px}
  .top{padding:0 14px}
  #tenantname{max-width:38vw}.top .small{display:none}
  body[data-view=app] .wrap{margin:0;padding:18px 16px 104px}
  .wrap>nav.tabs{top:auto;left:0;right:0;bottom:0;width:auto;flex-direction:row;gap:2px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));border-right:0;border-top:1px solid var(--line);overflow-x:auto;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .wrap>nav.tabs button{flex:1 0 auto;width:auto;min-width:68px;flex-direction:column;gap:3px;padding:7px 8px;font-size:.7rem;text-align:center;border-radius:12px}
  .wrap>nav.tabs button::before{width:22px;height:22px;flex-basis:22px}
  #toasts{bottom:92px}
  body[data-view=public] .wrap{grid-template-columns:1fr;gap:20px;min-height:0}
  body[data-view=public] .hero h1{font-size:2.3rem}
  .auth{justify-self:stretch;max-width:none;padding:22px}
  h1{font-size:1.8rem}
}
@media (max-width:520px){.card{padding:16px}.tiles,.grid{grid-template-columns:1fr}.modal{align-items:flex-end;padding:0}.modal .card{border-radius:22px 22px 0 0;max-height:92vh}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.top,.wrap>nav.tabs,#toasts,.noprint{display:none!important}body[data-view=app] .wrap{margin:0;padding:0}.modal{position:static;background:none;backdrop-filter:none}.card{box-shadow:none}}
.top{flex-wrap:nowrap;white-space:nowrap}.top .chip{flex:0 0 auto;align-self:center}
form .btn:not(.small),.card .field+.btn{margin-top:6px}

/* ---------- own web address */
.domain{display:flex;flex-direction:column;gap:10px;padding:14px 0;border-top:1px solid var(--line)}
.domain:first-of-type{border-top:0}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;word-break:break-all}
.dns{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--r-sm,12px);background:var(--soft)}
.dns table td,.dns table th{white-space:normal}
.domain .row input{width:100%}