/* Clawora customer accounts (2026-11) — sign-in pages, My account, checkout "signed in" bar (the header is not touched).
   Monochrome, 1px hairlines, radius 12, built only from the theme's own tokens so admin colour changes still apply. */

/* ---------- sign-in / create-account pages ---------- */
.acct-auth{ max-width:440px; margin:0 auto; padding:clamp(28px, 6vw, 64px) 0 72px; }
.acct-auth__h{ font-size:clamp(30px, 4vw, 44px); letter-spacing:-.03em; }
.acct-auth__sub{ color:var(--muted); margin:10px 0 26px; font-size:15px; line-height:1.55; }
.acct-form{ display:grid; gap:12px; }
.acct-form .btn--block, .acct-auth .btn--block{ width:100%; }
/* "Continue with Google": our button (Google light-theme colours, theme radius + 1px hairline, official G at 18px);
   Google's own GIS button sits on top of it, invisible, and takes the tap. */
.acct-google{ position:relative; height:52px; }
.acct-gbtn{ position:absolute; inset:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; gap:12px; padding:0 16px;
  background:#fff; color:#1f1f1f; border:1px solid var(--border); border-radius:12px; font-family:inherit; font-size:15px; font-weight:500; line-height:1; letter-spacing:0; text-transform:none;
  cursor:pointer; -webkit-tap-highlight-color:transparent; transition:background .2s, border-color .2s; }
.acct-gbtn__g{ width:18px; height:18px; flex:0 0 18px; display:block; }
.acct-google:hover .acct-gbtn{ background:#f7f8f8; border-color:color-mix(in srgb, #1f1f1f 28%, transparent); }
.acct-google:active .acct-gbtn{ background:#f1f3f4; }
.acct-google:focus-within .acct-gbtn{ outline:2px solid #1f1f1f; outline-offset:2px; }
.acct-google__btn{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:12px; opacity:0; } /* invisible, still takes the tap */
.acct-google__btn > div{ transform-origin:center center; }
.acct-google:not(.is-live) .acct-google__btn{ pointer-events:none; }
.acct-google.is-busy{ opacity:.5; pointer-events:none; }
.acct-or{ display:flex; align-items:center; gap:14px; margin:20px 0; color:var(--muted); font-size:12px; letter-spacing:.14em; text-transform:uppercase; }
.acct-or::before,.acct-or::after{ content:""; flex:1; height:1px; background:color-mix(in srgb, var(--text) 12%, transparent); }
.acct-forgot{ justify-self:end; font-size:13px; color:var(--text); margin-top:-2px; text-underline-offset:3px; }
.acct-switch{ margin-top:22px; text-align:center; font-size:14px; color:var(--muted); }
.acct-switch a{ color:var(--text); font-weight:600; text-underline-offset:3px; }
.acct-guest{ margin-top:26px; padding-top:18px; border-top:1px solid color-mix(in srgb, var(--text) 10%, transparent); text-align:center; font-size:12.5px; color:var(--muted); }
.acct-guest a{ color:inherit; }
.acct-wa{ display:flex; gap:10px; justify-content:center; margin-top:6px; }
.acct-wa svg{ width:18px; height:18px; }
.fld--pw input{ padding-right:52px; }
.acct-eye{ position:absolute; right:6px; top:7px; width:44px; height:44px; border:0; background:none; border-radius:10px; color:var(--muted); display:grid; place-items:center; cursor:pointer; }
.acct-eye:hover{ color:var(--text); }
.acct-eye svg{ width:20px; height:20px; }
.fld input[readonly]{ background:var(--bg2); color:var(--muted); }

/* ---------- My account ---------- */
.acct{ padding:clamp(20px, 4vw, 48px) 0 72px; max-width:980px; margin:0 auto; }
.acct__top{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.acct__h{ font-size:clamp(30px, 4.2vw, 50px); letter-spacing:-.03em; }
.acct__sub{ color:var(--text); margin-top:8px; font-size:15px; font-weight:600; }
.acct__sub span{ display:block; color:var(--muted); font-weight:400; font-size:13.5px; margin-top:2px; overflow-wrap:anywhere; }
.acct__top > div{ min-width:0; }
.acct__out{ display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 14px; border:1px solid color-mix(in srgb, var(--text) 14%, transparent); border-radius:12px; background:var(--bg); color:var(--text); font-size:13px; font-weight:600; cursor:pointer; flex:none; }
.acct__out svg{ width:18px; height:18px; }
.acct__out:hover{ border-color:var(--text); }
.acct-tabs{ display:flex; gap:4px; margin:26px 0 22px; border-bottom:1px solid color-mix(in srgb, var(--text) 12%, transparent); overflow-x:auto; scrollbar-width:none; }
.acct-tabs::-webkit-scrollbar{ display:none; }
.acct-tabs a{ position:relative; padding:12px 12px 13px; font-size:14px; font-weight:600; color:var(--muted); text-decoration:none; white-space:nowrap; }
.acct-tabs a:first-child{ padding-left:0; }
.acct-tabs a.is-on{ color:var(--text); }
.acct-tabs a.is-on::after{ content:""; position:absolute; left:12px; right:12px; bottom:-1px; height:2px; background:var(--text); border-radius:2px; }
.acct-tabs a:first-child.is-on::after{ left:0; }
.acct-loading{ height:160px; border-radius:12px; background:linear-gradient(90deg, var(--bg2), color-mix(in srgb, var(--bg2) 50%, var(--bg)), var(--bg2)); background-size:200% 100%; animation:acctsk 1.2s linear infinite; }
@keyframes acctsk{ to{ background-position:-200% 0; } }
.acct-card{ border:1px solid color-mix(in srgb, var(--text) 12%, transparent); border-radius:14px; background:var(--bg); padding:18px; }
.acct-card h2{ font-size:18px; margin-bottom:14px; }
.acct-orders,.acct-addrs{ display:grid; gap:12px; }
@media (min-width:900px){ .acct-addrs{ grid-template-columns:1fr 1fr; } }
.acct-order__h{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding-bottom:14px; border-bottom:1px solid color-mix(in srgb, var(--text) 9%, transparent); }
.acct-order__h b{ display:block; font-size:15px; }
.acct-order__h small{ color:var(--muted); font-size:12.5px; }
.acct-pill{ flex:none; display:inline-flex; align-items:center; height:26px; padding:0 10px; border-radius:999px; border:1px solid color-mix(in srgb, var(--text) 22%, transparent); font-size:11.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.acct-pill.is-done{ background:var(--text); color:var(--bg); border-color:var(--text); }
.acct-pill.is-off{ color:var(--muted); border-style:dashed; }
.acct-order__items{ list-style:none; margin:0; padding:12px 0 0; display:grid; gap:12px; }
.acct-order__items li{ display:flex; gap:12px; align-items:center; }
.acct-order__img{ flex:none; width:56px; height:56px; border-radius:10px; overflow:hidden; background:var(--bg2); border:1px solid color-mix(in srgb, var(--text) 8%, transparent); }
.acct-order__img img{ width:100%; height:100%; object-fit:cover; display:block; }
.acct-order__items li > div{ min-width:0; display:flex; flex-direction:column; gap:2px; font-size:14px; }
.acct-order__items li > div a{ color:var(--text); text-decoration:none; font-weight:600; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.acct-order__items small{ color:var(--muted); font-size:12.5px; }
.acct-order__more{ color:var(--muted); font-size:13px; padding-left:68px; }
.acct-order__f{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:14px; padding-top:14px; border-top:1px solid color-mix(in srgb, var(--text) 9%, transparent); font-size:14px; }
.acct-order__track{ font-size:13px; font-weight:600; color:var(--text); text-underline-offset:3px; }
.acct-empty{ text-align:center; padding:40px 12px 44px; display:flex; flex-direction:column; align-items:center; gap:10px; }
.acct-empty svg{ width:40px; height:40px; color:var(--muted); }
.acct-empty h2{ font-size:22px; }
.acct-empty p{ color:var(--muted); max-width:38ch; margin-bottom:6px; }
.acct-link{ margin-top:14px; }
.acct-link__h{ display:flex; gap:12px; align-items:flex-start; }
.acct-link__h svg{ width:22px; height:22px; flex:none; margin-top:2px; }
.acct-link__h p{ color:var(--muted); font-size:13.5px; margin-top:3px; }
.acct-link__f{ display:grid; gap:10px; margin-top:14px; }
@media (min-width:750px){ .acct-link__f{ grid-template-columns:1fr 1fr; } .acct-link__f .co__err,.acct-link__f .btn{ grid-column:1/-1; } }
.acct-note{ color:var(--muted); font-size:13.5px; margin-bottom:14px; }
.acct-addr__h{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.acct-addr p{ font-size:14px; line-height:1.6; color:color-mix(in srgb, var(--text) 80%, transparent); }
.acct-addr__a{ display:flex; gap:18px; margin-top:12px; padding-top:12px; border-top:1px solid color-mix(in srgb, var(--text) 9%, transparent); }
.acct-addr__a button{ border:0; background:none; padding:6px 0; font-size:13px; font-weight:600; color:var(--text); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.acct-addr-f,.acct-prof,.acct-pw{ display:grid; gap:12px; margin-bottom:12px; }
.acct-addr-f h2,.acct-prof h2,.acct-pw h2{ margin-bottom:2px; }
.acct-f2{ display:grid; gap:12px; }
@media (min-width:600px){ .acct-f2{ grid-template-columns:1fr 1fr; } }
.acct-row{ display:flex; gap:10px; flex-wrap:wrap; }
.acct-add{ margin-top:12px; }
.acct-prof .btn,.acct-pw .btn{ justify-self:start; }
.acct-saved{ font-size:13px; color:var(--muted); }
.acct-out2{ display:flex; gap:8px; justify-content:center; margin-top:6px; }
.acct-out2 svg{ width:18px; height:18px; }
@media (min-width:900px){ .acct__body > .acct-prof,.acct__body > .acct-pw,.acct__body > .acct-out2{ max-width:560px; } }

/* ---------- checkout: "signed in" bar (only when signed in) ---------- */
.acct-cobar{ min-width:0; max-width:100%; display:flex; gap:12px; align-items:flex-start; padding:14px 16px; margin-bottom:18px; border:1px solid color-mix(in srgb, var(--text) 12%, transparent); border-radius:12px; background:var(--bg); }
.acct-cobar__ico{ flex:none; padding-top:1px; } .acct-cobar__ico svg{ width:22px; height:22px; display:block; }
.acct-cobar__t{ min-width:0; flex:1; contain:inline-size; display:flex; flex-direction:column; gap:2px; font-size:14px; }
.acct-cobar__t small{ color:var(--muted); font-size:12.5px; }
.acct-cobar__sel{ display:flex; flex-direction:column; gap:6px; margin-top:6px; font-size:12.5px; color:var(--muted); min-width:0; }
.acct-cobar__sel select{ display:block; width:100%; max-width:100%; min-width:0; text-overflow:ellipsis; height:40px; border:1px solid var(--border); border-radius:10px; background:var(--bg); padding:0 8px; font-size:13px; color:var(--text); }
@media (prefers-reduced-motion:reduce){ .acct-loading{ animation:none; } }


/* ==================== account-polish 2026-10-31 — refined monochrome account pages ====================
   Hairline panels (1px, radius 12), text tabs with an underline, Cormorant display heading, no pills/bubbles, no popups.
   Buttons inside account pages: radius 12 instead of the theme's round pill. Mobile first, the same design on PC. */
.acct-auth .btn,.acct2 .btn{ border-radius:12px; min-height:50px; letter-spacing:.14em; }
.acct-auth__h{ font-family:var(--font-display, 'Cormorant Garamond', Georgia, serif); font-weight:500; font-size:clamp(38px, 5vw, 52px); letter-spacing:-.01em; line-height:1.05; }
.acct-auth__sub{ font-size:14.5px; }
.acct-auth .fld input{ border-radius:12px; }

.acct2{ max-width:760px; margin:0 auto; padding:clamp(24px, 5vw, 56px) 0 80px; }
.acct2__hd{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:28px; }
.acct2__id{ display:flex; align-items:center; gap:14px; min-width:0; }
.acct2__av{ flex:none; width:52px; height:52px; border-radius:50%; border:1px solid color-mix(in srgb, var(--text) 18%, transparent); display:grid; place-items:center;
  font-family:var(--font-display, 'Cormorant Garamond', Georgia, serif); font-size:22px; font-weight:500; letter-spacing:.02em; color:var(--text); background:var(--bg); }
.acct2__who{ min-width:0; }
.acct2__eyebrow{ margin:0 0 4px; font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); }
.acct2__h{ font-family:var(--font-display, 'Cormorant Garamond', Georgia, serif); font-weight:500; font-size:clamp(32px, 6vw, 46px); line-height:1.02; letter-spacing:-.01em; overflow-wrap:anywhere; }
.acct2__meta{ margin:6px 0 0; font-size:13.5px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.acct2__out{ flex:none; display:inline-flex; align-items:center; gap:7px; margin-top:2px; padding:8px 0 8px 10px; border:0; background:none; color:var(--muted);
  font:inherit; font-size:13px; font-weight:500; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.acct2__out svg{ width:17px; height:17px; }
.acct2__out:hover{ color:var(--text); }
.acct2__nav{ display:flex; gap:26px; margin:0 0 24px; border-bottom:1px solid color-mix(in srgb, var(--text) 12%, transparent); overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.acct2__nav::-webkit-scrollbar{ display:none; }
.acct2__nav a{ position:relative; flex:none; padding:12px 0 13px; font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); text-decoration:none; white-space:nowrap; }
.acct2__nav a:hover{ color:var(--text); }
.acct2__nav a.is-on{ color:var(--text); }
.acct2__nav a.is-on::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:1.5px; background:var(--text); }
.acct2__body{ display:grid; gap:14px; }
.acct-loading--s{ height:64px; }

.acct2-p{ border:1px solid color-mix(in srgb, var(--text) 12%, transparent); border-radius:12px; background:var(--bg); padding:18px 18px 16px; min-width:0; }
.acct2-p__h{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:12px; }
.acct2-p__h h2{ font-family:var(--font-head); font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; margin:0; }
.acct2-a{ flex:none; border:0; background:none; padding:4px 0; font:inherit; font-size:13px; font-weight:500; color:var(--text); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; cursor:pointer; }
.acct2-a--end{ margin-left:auto; }
.acct2-muted{ color:var(--muted); font-size:13.5px; line-height:1.55; margin:0; }
.acct2-dl{ margin:0; display:grid; }
.acct2-r{ display:grid; grid-template-columns:104px minmax(0, 1fr); gap:12px; align-items:center; padding:11px 0; border-top:1px solid color-mix(in srgb, var(--text) 8%, transparent); }
.acct2-r:first-child{ border-top:0; padding-top:2px; }
.acct2-r dt{ font-size:12.5px; color:var(--muted); }
.acct2-r dd{ margin:0; min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; font-size:14px; color:var(--text); }
.acct2-ov{ flex:1 1 0; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.acct2-r dd:has(.acct2-copy){ flex-wrap:nowrap; }
.acct2-r dd:has(.acct2-copy) > span:first-child{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (min-width:600px){ .acct2-r{ grid-template-columns:150px minmax(0, 1fr); } }
.acct2-badge{ display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 9px; border:1px solid color-mix(in srgb, var(--text) 14%, transparent); border-radius:8px; font-size:11.5px; color:var(--muted); white-space:nowrap; }
.acct2-g{ width:13px; height:13px; display:block; }
.acct2-code{ font-family:ui-monospace, 'SF Mono', Menlo, monospace; font-size:13px; letter-spacing:.08em; }
.acct2-code--l{ font-size:16px; letter-spacing:.12em; }
.acct2-copy{ display:inline-flex; align-items:center; gap:5px; margin-left:auto; border:0; background:none; padding:4px 0; font:inherit; font-size:12.5px; font-weight:500; color:var(--text); cursor:pointer; }
.acct2-copy svg{ width:15px; height:15px; }
.acct2-codebox{ display:flex; align-items:center; gap:12px; min-width:0; margin:12px 0; padding:13px 14px; border:1px solid color-mix(in srgb, var(--text) 14%, transparent); border-radius:10px; }
.acct2-codebox > span:first-child{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.acct2-wa{ display:flex; gap:10px; margin-top:4px; }
.acct2-wa svg{ width:18px; height:18px; }
.acct2-stats{ display:grid; grid-template-columns:repeat(3, 1fr); margin:16px 0 4px; border-top:1px solid color-mix(in srgb, var(--text) 8%, transparent); border-bottom:1px solid color-mix(in srgb, var(--text) 8%, transparent); }
.acct2-stats div{ padding:12px 0; text-align:center; }
.acct2-stats div + div{ border-left:1px solid color-mix(in srgb, var(--text) 8%, transparent); }
.acct2-stats dt{ font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.acct2-stats dd{ margin:6px 0 0; font-family:var(--font-head); font-weight:500; font-size:22px; line-height:1; }
.acct2-addr{ margin:0; font-size:14px; line-height:1.6; }
.acct2-addr + .acct2-muted{ margin-top:8px; }
.acct2-ol{ list-style:none; margin:0; padding:0; }
.acct2-ol li + li{ border-top:1px solid color-mix(in srgb, var(--text) 8%, transparent); }
.acct2-ol a{ display:flex; align-items:center; gap:12px; padding:11px 0; color:var(--text); text-decoration:none; }
.acct2-ol li:first-child a{ padding-top:2px; }
.acct2-ol__t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; font-size:14px; }
.acct2-ol__t small{ font-size:12.5px; color:var(--muted); }
.acct2-ol svg{ width:14px; height:14px; color:var(--muted); flex:none; }
.acct2-st{ flex:none; display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:500; color:var(--text); white-space:nowrap; }
.acct2-st::before{ content:""; width:6px; height:6px; border-radius:50%; border:1px solid currentColor; }
.acct2-st.is-done::before{ background:currentColor; }
.acct2-st.is-off{ color:var(--muted); }
.acct2-form{ display:grid; gap:12px; }
.acct2-form[hidden],.acct2-dl[hidden],.acct2-del__f[hidden],.acct2-del__a[hidden]{ display:none; }
.acct2-end{ margin-top:22px; display:grid; gap:22px; }
.acct2-out2{ display:flex; align-items:center; justify-content:center; gap:9px; width:100%; min-height:50px; border:1px solid color-mix(in srgb, var(--text) 22%, transparent); border-radius:12px; background:var(--bg);
  color:var(--text); font:inherit; font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }
.acct2-out2 svg{ width:17px; height:17px; }
.acct2-out2:hover{ border-color:var(--text); }
.acct2-del{ text-align:center; }
.acct2-del__a{ border:0; background:none; padding:6px 0; font:inherit; font-size:12.5px; color:var(--muted); text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.acct2-del__f{ display:grid; gap:12px; text-align:left; padding:18px; border:1px solid color-mix(in srgb, var(--text) 14%, transparent); border-radius:12px; }
.acct2-del__f p{ margin:0; font-size:13.5px; line-height:1.55; color:var(--muted); }
.acct2-del__f p b{ color:var(--text); font-weight:600; }
.acct2-empty{ text-align:center; padding:44px 16px 48px; display:flex; flex-direction:column; align-items:center; gap:10px; border:1px solid color-mix(in srgb, var(--text) 10%, transparent); border-radius:12px; }
.acct2-empty svg{ width:34px; height:34px; color:var(--muted); }
.acct2-empty h2{ font-family:var(--font-display, Georgia, serif); font-weight:500; font-size:28px; }
.acct2-empty p{ color:var(--muted); max-width:36ch; margin:0 0 8px; font-size:14px; }
.acct2-add{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:50px; border:1px solid color-mix(in srgb, var(--text) 22%, transparent); border-radius:12px; background:var(--bg);
  font:inherit; font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--text); cursor:pointer; margin-top:2px; }
.acct2-add svg{ width:15px; height:15px; }
.acct2 .acct-order__h b{ font-size:14.5px; font-weight:600; }
.acct-order__trk{ margin:12px 0 0; font-size:12.5px; color:var(--muted); }
.acct-order__trk span{ color:var(--text); font-family:ui-monospace, Menlo, monospace; letter-spacing:.04em; }
.acct-order__f small{ color:var(--muted); font-size:12.5px; }
.acct2 .acct-addr .acct-pill{ height:22px; padding:0 8px; border-radius:6px; font-size:10.5px; }
.acct2 .acct-addr-f h2{ font-size:13px; letter-spacing:.14em; text-transform:uppercase; }
.acct2 .acct-link .acct-link__f{ margin-top:12px; }
.acct2 .acct-wish{ margin-top:4px; }
@media (min-width:900px){
  .acct2__hd{ margin-bottom:34px; }
  .acct2-end{ width:100%; max-width:360px; justify-self:center; }
  .acct2__av{ width:60px; height:60px; font-size:25px; }
  .acct2-p{ padding:22px 24px 20px; }
  .acct2-end{ max-width:360px; margin-left:auto; margin-right:auto; }
  .acct2 .acct-wish{ grid-template-columns:repeat(3, 1fr); }
}
@media (max-width:360px){ .acct2-r{ grid-template-columns:88px minmax(0, 1fr); } .acct2__out span{ display:none; } .acct2__nav{ gap:20px; } }

.acct2 .fld .chev{ position:absolute; left:auto; right:16px; top:50%; transform:translateY(-50%); width:16px; height:16px; display:grid; place-items:center; pointer-events:none; color:var(--muted); }
.acct2 .fld .chev svg{ width:16px; height:16px; }
.acct2 .fld select{ padding-right:44px; }
.acct2-em{ flex:1 0 100%; min-width:0; overflow-wrap:anywhere; font-size:13.5px; }

/* 2026-10-31 23:04 — show Google's OFFICIAL button itself (an invisible overlay is ignored by Google's click-protection on real phones) */
.acct-google{ height:auto; min-height:44px; display:flex; justify-content:center; }
.acct-google .acct-gbtn{ display:none !important; }
.acct-google__btn{ position:relative !important; inset:auto !important; opacity:1 !important; pointer-events:auto !important; overflow:visible !important; width:100%; min-height:44px; }
.acct-google__btn > div{ transform:none !important; margin:0 auto; }

/* account-polish: in-app browser note under "Continue with Google" (WhatsApp / Instagram / Facebook / Android WebView) */
.acct-inapp{ margin:10px 0 0; padding:12px 14px; border:1px solid color-mix(in srgb, var(--text) 14%, transparent); border-radius:10px; font-size:13px; line-height:1.5; color:var(--muted); }
.acct-inapp p{ margin:0; }
.acct-inapp__a{ display:flex; align-items:center; gap:18px; margin-top:8px; }
.acct-inapp .acct2-copy{ margin-left:0; }