/* WA SaaS app styles. Everything is scoped under .wasaas so your theme is untouched. */
.wasaas{--ink:#0E1A14;--body:#3D4A43;--muted:#5F6B65;--line:#E7ECE9;--line2:#D5DDD8;--ground:#F5F7F4;--white:#fff;--brand:#0E7A46;--brand-tint:#EAF6EF;--bright:#25D366;--night:#0B1712;--night2:#13281D;--night3:#163D27;--danger:#A31B1B;--warn:#A3410B;
  font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-align:left}
.wasaas *,.wasaas *::before,.wasaas *::after{box-sizing:border-box}
.wasaas h1,.wasaas h2,.wasaas h3{font-family:'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-.02em;margin:0;color:inherit;line-height:1.15;text-transform:none}
.wasaas h1{font-size:28px;font-weight:800}
.wasaas h2{font-size:18px;font-weight:700}
.wasaas p{margin:0}
.wasaas a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.wasaas a:hover{filter:brightness(.85)}
.wasaas :focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.wa-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wa-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.wa-muted{color:var(--muted)}
.wa-small{font-size:13.5px}
.wa-right{text-align:right}
.wa-nowrap{white-space:nowrap}
.wa-grow{flex:1 1 auto;min-width:0}
.wa-stack{display:flex;flex-direction:column;gap:16px}
.wa-stack-8{display:flex;flex-direction:column;gap:8px}
.wa-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.wa-row-nowrap{display:flex;gap:8px;align-items:center}
.wa-row-between{display:flex;justify-content:space-between;align-items:center;gap:8px}
.wa-align-end{align-items:flex-end}
.wa-flex-1{flex:1 1 160px}.wa-flex-2{flex:2 1 240px}
.wa-plain{border:0;padding:0;margin:0;min-width:0}

/* Buttons & fields (reset theme styles) */
.wasaas .wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid transparent;font:600 14.5px/1 Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;text-transform:none;letter-spacing:0;box-shadow:none;background:none;color:var(--ink);transition:background .15s,border-color .15s}
.wasaas .wa-btn:disabled{opacity:.6;cursor:progress}
.wasaas .wa-btn-primary{background:var(--brand);color:#fff}
.wasaas .wa-btn-primary:hover{filter:brightness(.9);color:#fff}
.wasaas .wa-btn-ghost{background:#fff;color:var(--ink);border-color:var(--line2)}
.wasaas .wa-btn-ghost:hover{border-color:#9DB0A5;color:var(--ink)}
.wasaas .wa-btn-danger{background:#fff;color:var(--danger);border-color:#F0C9C9}
.wasaas .wa-btn-danger:hover{background:#FFF6F6;color:var(--danger)}
.wasaas .wa-btn-dark{background:var(--night3);color:#fff}
.wasaas .wa-btn-sm{min-height:36px;padding:0 12px;font-size:13.5px;border-radius:10px}
.wasaas .wa-block{width:100%}
.wasaas .wa-link-btn{background:none;border:0;padding:0;color:var(--brand);font:600 14px Inter,sans-serif;text-decoration:underline;cursor:pointer}
.wasaas .wa-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--ink);margin:0}
.wasaas .wa-hint{font-weight:400;color:var(--muted);font-size:13px}
.wasaas .wa-input{width:100%;min-height:44px;border:1px solid var(--line2);border-radius:12px;padding:10px 14px;font:400 15px Inter,system-ui,sans-serif;color:var(--ink);background:#fff;box-shadow:none;margin:0}
.wasaas select.wa-input{appearance:auto}
.wasaas .wa-input:focus{outline:2px solid var(--brand);border-color:transparent}
.wasaas .wa-input[readonly]{background:var(--ground);color:var(--body)}
.wasaas .wa-input-sm{min-height:36px;padding:4px 10px;width:auto;font-size:13.5px}
.wasaas .wa-check{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:500}
.wasaas .wa-check input{width:18px;height:18px;accent-color:var(--brand);margin:0}
.wasaas .wa-alert{border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5;margin:0 0 4px}
.wasaas .wa-alert-error{background:#FFF6F6;color:var(--danger);border:1px solid #F0C9C9}
.wasaas .wa-alert-ok{background:var(--brand-tint);color:#0A5C35;border:1px solid #BFE5CF}
.wasaas .wa-alert-info{background:var(--ground);color:var(--body);border:1px solid var(--line)}
.wasaas .wa-badge{display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:#F1F4F2;color:var(--body);white-space:nowrap}
.wasaas .wa-badge.green{background:var(--brand-tint);color:#0A5C35}
.wasaas .wa-badge.warn{background:#FFF1E0;color:var(--warn)}
.wasaas .wa-avatar{width:36px;height:36px;flex:none;border-radius:50%;background:#D7F5DF;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--ink)}

/* Logo */
.wasaas .wa-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.wasaas .wa-logo.on-dark{color:#fff}
.wasaas .wa-logo-mark{width:36px;height:36px;border-radius:10px;background:var(--night3);display:flex;align-items:center;justify-content:center}
.wasaas .wa-logo-word{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:20px;letter-spacing:-.02em}

/* Auth pages */
.wa-auth{display:flex;flex-wrap:wrap;min-height:100vh;background:#fff}
.wa-auth:not(.with-side){min-height:0;justify-content:center}
.wa-auth-side{flex:1 1 420px;background:var(--night);color:#fff;padding:48px clamp(24px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;gap:48px}
.wasaas .wa-auth-side h2{font-size:clamp(30px,3.4vw,44px);line-height:1.08;font-weight:800;letter-spacing:-.03em;color:#fff}
.wasaas .wa-auth-side h2 em{font-style:normal;color:var(--bright)}
.wa-auth-side p{color:#C3CFC8;font-size:16px;line-height:1.6;max-width:460px}
.wasaas .wa-side-foot{color:#9FB3A7;font-size:13.5px}
.wa-auth-main{flex:1 1 480px;display:flex;align-items:center;justify-content:center;padding:48px 24px}
.wa-auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:24px}
.wa-inline-form{margin:0}

/* Cards & layout */
.wasaas .wa-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.wa-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:var(--ground)}
.wasaas .wa-center-card{width:100%;max-width:480px;display:flex;flex-direction:column;gap:22px;padding:32px}
.wasaas .wa-narrow{max-width:640px}
.wa-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;align-items:start}

/* App shell */
.wa-shell{display:flex;flex-wrap:wrap;min-height:100vh;background:var(--ground)}
.wa-sidebar{flex:1 1 248px;max-width:100%;background:var(--night);padding:20px 14px;display:flex;flex-direction:column;gap:4px;color:#fff}
.wa-sidebar .wa-logo{padding:0 8px 16px}
.wa-sidebar nav{display:flex;flex-direction:column;gap:2px}
.wasaas .wa-side-link{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;border-radius:10px;color:#C3CFC8;text-decoration:none;font-size:14.5px;font-weight:500}
.wasaas .wa-side-link:hover{background:var(--night2);color:#fff;filter:none}
.wasaas .wa-side-link[aria-current=page]{background:var(--night3);color:#fff}
.wa-side-badge{margin-left:auto;font-size:11.5px;font-weight:700;background:var(--bright);color:#06210F;border-radius:999px;padding:2px 8px}
.wa-side-label{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9FB3A7;padding:16px 12px 6px}
.wa-sidebar .wa-side-foot{margin-top:auto;padding:16px 4px 4px;display:flex;flex-direction:column;gap:4px;border-top:1px solid #1E3528}
.wa-who{font-size:13px;color:#C3CFC8;padding:0 8px 6px}
.wa-ws-switch{padding:0 4px 12px;margin:0}
.wasaas .wa-org-select{width:100%;min-height:44px;border-radius:10px;border:1px solid #23402F;background:var(--night2);color:#fff;padding:0 10px;font:600 14px Inter,sans-serif;display:flex;align-items:center}
.wa-side-role{font-size:13px;color:#9FB3A7;margin:6px 8px 0!important}
.wa-main{flex:999 1 560px;min-width:0;padding:28px clamp(16px,3vw,40px) 56px;display:flex;flex-direction:column;gap:24px}
.wa-page-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}
.wa-sub{font-size:14px;color:var(--muted);margin-top:4px!important}
.wasaas .wa-h2{font-size:18px;margin-top:4px}

/* Stats & setup */
.wa-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px}
.wasaas .wa-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink)}
.wasaas .wa-stat-link:hover{border-color:#C9D6CE;box-shadow:0 4px 16px rgba(11,23,18,.06);filter:none}
.wa-stat .k{font-size:13px;color:var(--muted);font-weight:500}
.wa-stat .v{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:28px;letter-spacing:-.02em}
.wa-stat .v.v-sm{font-size:20px}
.wa-stat .s{font-size:13px;color:var(--muted)}
.wa-setup{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.wa-setup li{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--ground);margin:0}
.wa-setup li div{display:flex;flex-direction:column;gap:2px;font-size:14px}
.wa-setup li span:not(.wa-dot){color:var(--muted);font-size:13px}
.wa-setup li a{font-size:13px;font-weight:600}
.wa-dot{width:28px;height:28px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#E7ECE9;color:var(--body)}
.wa-dot.done{background:var(--brand);color:#fff}

/* Tables */
.wa-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
.wasaas table.wa-table{width:100%;border-collapse:collapse;margin:0;border:0}
.wasaas .wa-table th,.wasaas .wa-table td{padding:14px 18px;text-align:left;border:0;border-top:1px solid #EEF2EF;font-size:14px;vertical-align:middle;background:transparent}
.wasaas .wa-table thead th{border-top:0;font-size:12.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:var(--ground)}
.wasaas .wa-table td.wa-right{text-align:right}
.wasaas .wa-table form{margin:0}
@media (max-width:600px){.wa-main{padding:20px 14px 40px}.wasaas h1{font-size:24px}}