:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f4f2ec;--surface:#fffdf8;--ink:#18231d;--muted:#5f6c64;--line:#d8ddd7;--brand:#1d5e42;--brand-hover:#174a35;--ok-bg:#e1f1e8;--ok-text:#19583d;--error-bg:#f8e3df;--error-text:#8a2e26;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--page);min-width:320px;min-height:100vh;margin:0}a{color:inherit}.shell{width:min(100% - 2rem,68rem);min-height:100vh;margin:0 auto;padding:clamp(3rem,8vw,7rem) 0}.auth-shell,.dashboard-shell{width:min(100% - 2rem,68rem);min-height:100vh;margin:0 auto;padding:clamp(2rem,7vw,5rem) 0}.auth-shell{place-items:center;display:grid}.auth-card{border:1px solid var(--line);background:var(--surface);border-radius:1rem;width:min(100%,31rem);padding:clamp(1.5rem,5vw,2.5rem);box-shadow:0 1.2rem 3rem #18231d14}.auth-card h1,.dashboard-header h1{font-size:clamp(2.1rem,7vw,3.5rem);line-height:1}.auth-intro,.auth-switch,.field-help,.dashboard-card p{color:var(--muted);line-height:1.6}.auth-form{gap:1rem;margin-top:1.5rem;display:grid}.auth-form label{gap:.45rem;font-size:.9rem;font-weight:700;display:grid}.auth-form input{width:100%;min-height:2.9rem;color:var(--ink);font:inherit;background:#fff;border:1px solid #b7c0ba;border-radius:.5rem;padding:.65rem .75rem}.auth-form button,.dashboard-header button,.whatsapp-panel button{cursor:pointer;font:inherit}button:disabled{cursor:wait;opacity:.62}.field-help{margin:-.4rem 0 0;font-size:.82rem}.notice{border-radius:.5rem;padding:.75rem .85rem;font-size:.9rem}.success-notice{background:var(--ok-bg);color:var(--ok-text)}.error-notice{background:var(--error-bg);color:var(--error-text)}.auth-switch{margin:1.5rem 0 0;font-size:.9rem}.auth-switch a{color:var(--brand);font-weight:700}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem;display:grid}.dashboard-card{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;padding:1.25rem}.dashboard-card h2,.dashboard-card p{overflow-wrap:anywhere}.dashboard-card p{margin:.45rem 0 0}.dashboard-settings{margin-top:3rem}.dashboard-settings>h2{margin-bottom:1rem}.dashboard-card-link{max-width:36rem;color:var(--ink);justify-content:space-between;align-items:center;gap:1rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.dashboard-card-link:hover{border-color:var(--brand);transform:translateY(-2px)}.dashboard-card-link span:first-child{gap:.35rem;display:grid}.dashboard-card-link small{color:var(--muted);font-size:.9rem}.card-label{letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:750;color:var(--brand)!important;margin:0 0 1rem!important}.hero,.health-panel{max-width:48rem}.eyebrow{color:var(--brand);letter-spacing:.11em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:750}h1,h2,p{text-wrap:balance}h1{letter-spacing:-.055em;max-width:14ch;margin:0;font-size:clamp(2.8rem,8vw,5.8rem);line-height:.98}h2{margin:0 0 .65rem;font-size:1.1rem}.lead{max-width:42rem;color:var(--muted);margin:1.75rem 0 0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65}.actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.primary-action,.secondary-action{border:1px solid var(--brand);border-radius:.5rem;justify-content:center;align-items:center;min-height:2.9rem;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.primary-action{background:var(--brand);color:#fff}.primary-action:hover{background:var(--brand-hover)}.secondary-action{color:var(--brand)}.boundary{border-top:1px solid var(--line);max-width:42rem;margin-top:clamp(4rem,10vw,8rem);padding-top:1.4rem}.boundary p{color:var(--muted);margin:0;line-height:1.7}.health-heading{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.health-heading h1{font-size:clamp(2.5rem,7vw,4.5rem)}.overall,.status-pill{white-space:nowrap;border-radius:999px;align-items:center;font-size:.78rem;font-weight:750;display:inline-flex}.overall{padding:.5rem .75rem}.overall-ok,.status-ok{background:var(--ok-bg);color:var(--ok-text)}.overall-error,.status-error{background:var(--error-bg);color:var(--error-text)}.status-list{border-top:1px solid var(--line);margin:2.5rem 0 0;padding:0;list-style:none}.status-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-weight:650;display:flex}.status-pill{padding:.38rem .65rem}.metadata{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0 2rem;display:grid}.metadata div{min-width:0}.metadata dt{color:var(--muted);font-size:.78rem}.metadata dd{text-overflow:ellipsis;margin:.3rem 0 0;font-size:.88rem;overflow:hidden}.text-link{color:var(--brand);text-underline-offset:.2em;font-weight:700}.whatsapp-settings-shell{width:min(100% - 2rem,58rem)}.back-link{margin-bottom:2.5rem;display:inline-block}.settings-header h1{max-width:13ch;font-size:clamp(2.5rem,7vw,4.8rem)}.whatsapp-panel{border:1px solid var(--line);background:var(--surface);border-radius:1rem;margin-top:clamp(2rem,6vw,4rem);padding:clamp(1.25rem,4vw,2rem);box-shadow:0 1.2rem 3rem #18231d0f}.whatsapp-status-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.connection-indicator{background:#8a918c;border-radius:999px;flex:none;width:.8rem;height:.8rem;margin-top:.35rem;box-shadow:0 0 0 .3rem #8a918c24}.connection-connected{background:var(--ok-text);box-shadow:0 0 0 .3rem #19583d24}.connection-auth_error,.connection-logged_out,.connection-transient_error{background:var(--error-text);box-shadow:0 0 0 .3rem #8a2e261f}.connection-connecting,.connection-qr_ready{background:#b86b0b;box-shadow:0 0 0 .3rem #b86b0b21}.whatsapp-metadata{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.75rem 0;padding:1rem 0;display:grid}.whatsapp-metadata dt{color:var(--muted);font-size:.78rem}.whatsapp-metadata dd{margin:.35rem 0 0;font-weight:700}.qr-stage{text-align:center;border:1px dashed #b7c0ba;border-radius:.75rem;place-items:center;min-height:23rem;margin-top:1.5rem;padding:clamp(1rem,4vw,2rem);display:grid}.qr-canvas{border-radius:.35rem;width:min(100%,280px)!important;height:auto!important}.qr-countdown{color:var(--brand);margin:1rem 0 0;font-weight:750}.qr-instruction,.qr-placeholder,.whatsapp-policy{color:var(--muted);line-height:1.6}.inbox-shell{width:min(100% - 2rem,78rem)}.inbox-page-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.inbox-page-header .back-link{margin-bottom:2rem}.gateway-summary{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;align-items:flex-start;gap:.75rem;min-width:13rem;padding:.85rem 1rem;display:flex}.gateway-summary div{gap:.2rem;display:grid}.gateway-summary small,.conversation-copy small,.conversation-item time,.message-bubble time{color:var(--muted)}.inbox-layout{border:1px solid var(--line);background:var(--surface);border-radius:1rem;grid-template-columns:minmax(18rem,.85fr) minmax(0,1.55fr);min-height:36rem;display:grid;overflow:hidden;box-shadow:0 1.2rem 3rem #18231d0f}.inbox-diagnostics{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.1rem;display:grid}.inbox-diagnostics div{gap:.25rem;display:grid}.inbox-diagnostics small{color:var(--muted)}.inbox-diagnostics strong{font-size:.9rem}.inbox-refresh{white-space:nowrap}@media (max-width:900px){.inbox-diagnostics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.inbox-diagnostics{grid-template-columns:1fr}}.conversation-list{border-right:1px solid var(--line)}.conversation-list-heading,.conversation-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.conversation-list-heading h2,.conversation-heading h2{margin:0}.conversation-list-heading span,.inbox-status{color:var(--brand);background:#edf2ee;border-radius:999px;padding:.3rem .55rem;font-size:.75rem;font-weight:750}.conversation-item{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem;padding:1rem 1.25rem;text-decoration:none;display:grid}.conversation-item:hover,.conversation-item-active{background:#f5f8f5}.conversation-avatar{background:var(--brand);color:#fff;border-radius:50%;grid-row:1/span 2;place-items:center;width:2.5rem;height:2.5rem;font-weight:800;display:grid}.conversation-copy{gap:.25rem;min-width:0;display:grid}.conversation-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-item time{grid-column:2;font-size:.7rem}.conversation-empty,.inbox-empty,.inbox-error{color:var(--muted);padding:clamp(2rem,6vw,4rem)}.inbox-detail{background:#f7f8f5;min-width:0}.inbox-empty{text-align:center;place-items:center;display:grid}.conversation-heading{background:var(--surface)}.conversation-heading p{margin:.25rem 0 0}.message-timeline{gap:.9rem;max-height:42rem;padding:1.5rem;display:grid;overflow-y:auto}.message-bubble{background:#fff;border:1px solid #dbe3dc;border-radius:.25rem 1rem 1rem;width:min(88%,38rem);padding:.9rem 1rem}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.35rem 0;line-height:1.55}.message-kind{color:var(--brand);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.message-bubble time{margin-top:.6rem;font-size:.7rem;display:block}.media-metadata{background:#f2f5f2;border-radius:.5rem;gap:.5rem;margin:.8rem 0;padding:.75rem;font-size:.78rem;display:grid}.media-metadata div{grid-template-columns:5rem minmax(0,1fr);gap:.5rem;display:grid}.media-metadata dd{overflow-wrap:anywhere;min-width:0;margin:0}.inbox-pagination,.receive-only-note{margin:1rem 1.25rem;display:block}.receive-only-note{border-top:1px solid var(--line);color:var(--muted);padding-top:1rem;font-size:.8rem}.inbox-error{background:var(--error-bg);border:1px solid #e0b8b2;border-radius:1rem}.qr-instruction{max-width:35rem;margin:.5rem 0 0}.whatsapp-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.whatsapp-actions button{min-height:2.9rem}.danger-action{color:#842f27;background:0 0;border:1px solid #9a4037;border-radius:.5rem;padding:.7rem 1rem;font-weight:700}.danger-action:hover{background:var(--error-bg)}.whatsapp-policy{border-top:1px solid var(--line);margin:1.5rem 0 0;padding-top:1.25rem;font-size:.86rem}:focus-visible{outline-offset:3px;outline:3px solid #e09932}@media (max-width:40rem){.health-heading{flex-direction:column}.metadata{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-grid,.whatsapp-metadata{grid-template-columns:1fr}.whatsapp-actions,.inbox-page-header{flex-direction:column;align-items:stretch}.inbox-layout{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}