:root{--wa-green: #00a884;--wa-green-dark: #008069;--wa-teal: #128c7e;--wa-bg: #111b21;--wa-panel: #202c33;--wa-panel-2: #2a3942;--wa-chat-bg: #0b141a;--wa-inbound: #202c33;--wa-outbound: #005c4b;--wa-text: #e9edef;--wa-text-muted: #8696a0;--wa-border: #222d34;--wa-danger: #ea4335;--wa-warning: #f59e0b;--wa-sidebar: #111b21;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:var(--font);background:var(--wa-bg);color:var(--wa-text);overflow:hidden}a{color:#53bdeb;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;color:var(--wa-text);background:var(--wa-panel-2);border:none;border-radius:8px;padding:10px 14px;outline:none}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 2px #00a88466}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;transition:background .15s}.btn-primary{background:var(--wa-green);color:#111}.btn-primary:hover{background:var(--wa-green-dark);color:#fff}.btn-ghost{background:transparent;color:var(--wa-text-muted)}.btn-ghost:hover{background:var(--wa-panel-2);color:var(--wa-text)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge-yellow{background:#f59e0b33;color:#fbbf24;border:1px solid #f59e0b55}.badge-green{background:#00a88433;color:#00a884}.badge-gray{background:#8696a033;color:var(--wa-text-muted)}.scroll-y{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--wa-panel-2) transparent}.scroll-y::-webkit-scrollbar{width:6px}.scroll-y::-webkit-scrollbar-thumb{background:var(--wa-panel-2);border-radius:3px}