/* Doorstep — the salesperson's tablet. Wider than the phone apps because it is
   used on a counter, and form-first because that is the door it exists to prove:
   MANY DOORS, ONE TRUTH. A rep filling fields and an owner chatting on a phone
   write the same facts through the same service, with the same provenance. */
:root{
  --a-bg:#0a1020; --a-bg2:#101a30; --a-panel:#17233f; --a-line:rgba(190,210,255,.16);
  --a-ink:#f1f5ff; --a-ink2:#b9c6e0; --a-mut:#7d8aa8;
  --a-accent:#4d8dff; --a-accent-ink:#04122e; --a-accent-dim:rgba(77,141,255,.15);
}
.app{max-width:820px}
.tabbar{max-width:820px}
.composer{max-width:820px}
.appbar .mark{background:rgba(77,141,255,.16);border:1px solid rgba(77,141,255,.4)}
.brandwrap{display:flex;flex-direction:column;line-height:1.15}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:680px){.two{grid-template-columns:1fr}}
.handover{border:1px dashed rgba(77,141,255,.5);border-radius:var(--a-rl);padding:18px;margin-top:18px;
  background:var(--a-accent-dim)}
.byline{text-align:center;color:var(--a-mut);font-size:12px;margin-top:26px}
.byline b{color:var(--a-ink2);font-weight:600}