:root{--bg:#e8eef5;--surface:#fff;--header:#16324f;--header-text:#f7fafc;--text:#142033;--muted:#5b6b7c;--line:#d7e0ea;--accent:#e08a1e;--accent-soft:#ffe8cc;--bubble:#fff;--bubble-status:#fff4e5;--good:#0f7a4c;--bad:#c0392b;--paper:#c26a00;--issue:#b7791f;--offline:#c0392b;--stale:#5b6b7c;--ok:#0f7a4c;--danger-bg:#fde8e6;--radius:14px;--font:"Figtree", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--text);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-height:100dvh}button{font:inherit}.app{background:var(--bg);flex-direction:column;width:min(480px,100%);min-height:100dvh;margin:0 auto;display:flex;position:relative}.app--detail{background:linear-gradient(#16324f0d,#0000 180px),radial-gradient(circle at 0 0,#e08a1e14,#0000 40%),#e8eef5}.chat-header{z-index:20;padding:calc(.85rem + var(--safe-top)) 1rem .85rem;background:var(--header);color:var(--header-text);justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.chat-header__brand{align-items:center;gap:.55rem;min-width:0;display:flex}.chat-header__brand h1{letter-spacing:-.03em;margin:0;font-size:1.35rem;font-weight:700}.chat-header__count{background:var(--accent);color:#1a1205;border-radius:999px;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;padding:0 .4rem;font-size:.78rem;font-weight:700;display:inline-flex}.icon-btn{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.15rem;display:inline-flex}.icon-btn:active{transform:scale(.96)}.icon-btn:disabled{opacity:.7;cursor:default}.icon-btn--bell.is-on{background:#ffffff29}.tabs{background:var(--surface);border:1px solid var(--line);border-radius:999px;grid-template-columns:repeat(4,1fr);gap:.2rem;margin:.65rem .75rem .35rem;padding:.25rem;display:grid}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.55rem .35rem;font-size:.86rem;font-weight:600}.tab--active{background:var(--accent-soft);color:#8a4b00}.swipe-hint{color:var(--muted);text-align:center;margin:.15rem 1rem .35rem;font-size:.75rem}.chat-list{background:var(--surface);box-shadow:0 -1px 0 var(--line);border-radius:18px 18px 0 0;flex:1;margin-top:.45rem;overflow:hidden}.chat-row{border:0;border-bottom:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;width:100%;color:inherit;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.chat-row:active{background:#f5f6f6}.chat-row--alert{background:#fffaf3}.avatar{letter-spacing:.02em;color:#fff;background:#3d6b9a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:3.1rem;height:3.1rem;font-size:.95rem;font-weight:700;display:inline-flex;position:relative}.avatar--sm{width:2.35rem;height:2.35rem;font-size:.8rem}.avatar--ok{background:#1daa61}.avatar--paper{background:#f0a202}.avatar--issue{background:#e67e22}.avatar--offline{background:#e74c3c}.avatar--stale{background:#95a5a6}.avatar__dot{border:2px solid var(--surface);background:var(--ok);border-radius:999px;width:.72rem;height:.72rem;position:absolute;bottom:1px;right:1px}.avatar__dot--paper{background:#f0a202}.avatar__dot--issue{background:#e67e22}.avatar__dot--offline,.avatar__dot--stale{background:#e74c3c}.chat-row__body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.chat-row__top,.chat-row__bottom{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chat-row__title{white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;font-weight:600;overflow:hidden}.chat-row__time{color:var(--muted);flex-shrink:0;font-size:.78rem}.chat-row__time--alert{color:var(--accent);font-weight:600}.chat-row__preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.chat-row__badge{background:var(--accent);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;font-size:.72rem;font-weight:700;display:inline-flex}.install-banner{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;margin:.65rem .75rem 0;padding:.8rem .9rem;display:flex}.install-banner strong{font-size:.95rem;display:block}.install-banner p{color:var(--muted);margin:.2rem 0 0;font-size:.82rem;line-height:1.35}.install-banner__actions{flex-shrink:0;gap:.35rem;display:flex}.banner-msg{background:var(--accent-soft);color:#8a4b00;border-radius:10px;margin:.55rem .75rem 0;padding:.7rem .85rem;font-size:.88rem}.banner-msg--error{background:var(--danger-bg);color:var(--bad)}.empty{text-align:center;color:var(--muted);margin:0;padding:3rem 1.25rem;font-size:.98rem}.btn{cursor:pointer;border:0;border-radius:999px;padding:.65rem 1rem;font-weight:650}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}.btn--danger{color:#fff;background:#d92d20}.btn--ghost{color:var(--muted);background:0 0}.btn--block{border-radius:14px;width:100%;padding:.95rem 1rem;font-size:1.02rem}.detail__actions{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.55rem;display:grid}.detail__actions .btn{border-radius:12px;width:100%;padding:.8rem .55rem;font-size:.86rem}.detail__actions .btn--span{grid-column:1/-1}.detail__composer{padding:.85rem .85rem calc(.85rem + var(--safe-bottom));background:linear-gradient(#0000,#e8eef5eb 28%,#e8eef5);position:sticky;bottom:0}.fact-note{color:var(--muted);margin:-.25rem 0 0;font-size:.78rem}.refillers{background:var(--surface);border-radius:12px;padding:.85rem;box-shadow:0 1px .5px #0b141a1a}.refillers__title{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:0 0 .65rem;font-size:.85rem;font-weight:700}.refillers__empty{color:var(--muted);margin:0;font-size:.9rem}.refillers__list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.refiller{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.refiller__main{text-align:left;cursor:pointer;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:.65rem;padding:.2rem 0;display:flex}.refiller__avatar{color:#fff;background:#16324f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;font-size:.75rem;font-weight:700;display:inline-flex}.refiller__meta{flex-direction:column;min-width:0;display:flex}.refiller__name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:650;overflow:hidden}.refiller__phone{color:var(--muted);font-size:.82rem}.refiller__actions{flex-shrink:0;gap:.35rem;display:flex}.pill-btn{border-radius:999px;padding:.45rem .55rem;font-size:.72rem;font-weight:700;text-decoration:none}.pill-btn--wa{color:#1b5e20;background:#e8f5e9}.pill-btn--call{color:#16324f;background:#e8eef8}.detail{flex-direction:column;min-height:100dvh;display:flex}.detail__bar{z-index:20;padding:calc(.65rem + var(--safe-top)) .75rem .65rem;background:var(--header);color:var(--header-text);align-items:center;gap:.55rem;display:flex;position:sticky;top:0}.detail__who{min-width:0}.detail__name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.detail__sub{opacity:.85;margin:.1rem 0 0;font-size:.78rem}.detail__thread{flex-direction:column;flex:1;gap:.75rem;padding:1rem .85rem 1.25rem;display:flex}.bubble{background:var(--bubble);border-radius:10px 10px 10px 3px;align-self:flex-start;max-width:92%;padding:.75rem .85rem;box-shadow:0 1px .5px #0b141a21}.bubble--status{background:var(--bubble-status)}.bubble--ok{background:#e7f8ef}.bubble--paper,.bubble--issue{background:#fff4e0}.bubble--offline,.bubble--stale{background:#fde8e6}.bubble--info{gap:.65rem;width:min(100%,22rem);display:grid}.bubble__label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0;font-size:.75rem;font-weight:700}.bubble__text{margin:.25rem 0 .45rem;font-size:1.02rem;font-weight:600;line-height:1.35}.bubble__meta{color:var(--muted);font-size:.72rem}.fact{justify-content:space-between;gap:1rem;font-size:.92rem;display:flex}.fact span{color:var(--muted)}.fact strong{text-align:right;font-weight:650}.good{color:var(--good)}.bad{color:var(--bad)}.form-error{color:var(--bad);text-align:center;margin:.55rem 0 0;font-size:.85rem}@media (width>=720px){.app{box-shadow:0 0 0 1px var(--line), 0 18px 50px #111b2114;border-radius:18px;min-height:min(920px,100dvh);margin-top:1rem;margin-bottom:1rem;overflow:hidden}.app--detail{border-radius:18px}}