:root{--wa-green:#25d366;--wa-green-dark:#1da851;--wa-teal:#128c7e;--wa-teal-dark:#075e54;--wa-blue:#34b7f1;--wa-bubble:#dcf8c6;--wa-chat-bg:#efeae2;--ink:#111b21;--ink-2:#3b4a54;--muted:#667781;--line:#e4e8eb;--surface:#fff;--bg:#f0f2f5;--danger:#d93025;--human:#0f9d58;--bot:#8b5cf6;--radius:14px;--shadow:0 1px 2px #111b210f, 0 8px 24px #111b210f;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:var(--wa-teal)}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.62rem 1.15rem;font-size:.94rem;font-weight:600;text-decoration:none;transition:background .15s,transform 50ms,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--wa-green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--wa-green-dark)}.btn-dark{background:var(--wa-teal-dark);color:#fff}.btn-dark:hover:not(:disabled){background:#054c44}.btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}.btn-ghost:hover:not(:disabled){background:#f6f8f9}.btn-danger{color:var(--danger);background:#fff;border-color:#f3c7c3}.btn-danger:hover:not(:disabled){background:#fdf1f0}.btn-sm{padding:.38rem .8rem;font-size:.84rem}.btn-block{width:100%}.field{flex-direction:column;gap:.35rem;margin-bottom:.95rem;display:flex}.field label{color:var(--ink-2);font-size:.84rem;font-weight:600}.field .hint{color:var(--muted);font-size:.78rem}.input,.select,.textarea{background:#fff;border:1px solid #d1d7db;border-radius:10px;outline:none;width:100%;padding:.66rem .8rem;font-size:.95rem;transition:border .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--wa-green);box-shadow:0 0 0 3px #25d3662e}.textarea{resize:vertical;min-height:92px}.input-group{background:#fff;border:1px solid #d1d7db;border-radius:10px;display:flex;overflow:hidden}.input-group:focus-within{border-color:var(--wa-green);box-shadow:0 0 0 3px #25d3662e}.input-group .prefix{color:var(--muted);white-space:nowrap;padding:.66rem .2rem .66rem .8rem;font-size:.95rem}.input-group .input,.input-group .select{box-shadow:none;border:0;border-radius:0}.input-group .select{border-right:1px solid var(--line);background:#f8faf9;width:auto;max-width:9.5rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.error-box{color:#a52714;background:#fdf1f0;border:1px solid #f3c7c3;border-radius:10px;margin-bottom:.9rem;padding:.6rem .8rem;font-size:.88rem}.ok-box{color:#0b6b3a;background:#e9f9ef;border:1px solid #bfe9cf;border-radius:10px;margin-bottom:.9rem;padding:.6rem .8rem;font-size:.88rem}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}
