.standalone{--ink:#18322e;--green:#157c5c;--line:#e1e9e4;background:#f4f7f3;color:var(--ink);font-family:Segoe UI,Arial,sans-serif}.standalone aside{width:254px;background:#102d25;padding:30px 22px;color:#c9ded4}.standalone main{margin-left:254px;padding:32px 42px;max-width:1800px}.standalone .brand{font-size:24px;letter-spacing:-1px}.standalone .brand small{font-size:9px;letter-spacing:1.5px;margin-top:3px;color:#a6c0b2}.standalone .logo{position:relative;background:#d4f49a;color:#153c2b;font-size:25px;width:47px;height:47px;padding:3px;display:grid;place-items:center;border-radius:15px;letter-spacing:-3px}.logo-dot{position:absolute;right:6px;top:-1px;font-size:20px}.nav-label{font-size:9px;letter-spacing:2px;color:#759b88;margin:42px 12px 12px}.standalone nav{margin:0;gap:5px}.standalone nav a{padding:11px 12px;display:flex;align-items:center;gap:13px;border-radius:9px;color:#a7c2b3;font-size:13px}.standalone nav a.selected{background:#d4f49a;color:#183b2a;font-weight:700}.standalone nav a:hover{background:#234739;color:#fff}.standalone nav a.selected:hover{background:#c6e98a;color:#183b2a}.nav-icon{font-size:10px;letter-spacing:1px;opacity:.65}.standalone .sidebar-bottom{border-top:1px solid #315044;padding-top:18px}.profile-link{display:flex;align-items:center;gap:11px;color:#e7f0ea;font-weight:600}.avatar{display:grid;place-items:center;border-radius:50%;width:35px;height:35px;background:#385c49;color:#def5cb}.profile-link small{text-transform:capitalize;font-size:11px;color:#9bb7a7}.standalone .logout-button{width:100%;margin-top:18px;background:#1e3e31;color:#bcd2c5;font-size:12px}.standalone header{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:28px}.standalone h1{font-size:29px;font-weight:650;letter-spacing:-1px}.standalone .eyebrow{color:#829284;letter-spacing:1.8px;font-size:9px}.account-pill{display:flex;align-items:center;gap:10px;color:#506557;font-size:12px}.status-dot{width:6px;height:6px;border-radius:100%;background:#55a764}.standalone .badge{background:#e9eee8;color:#596e5c}.standalone .card{border-color:var(--line);border-radius:16px;box-shadow:0 3px 10px #143b2103;padding:26px}.standalone h2{font-size:18px;font-weight:650;letter-spacing:-.4px}.standalone .button,.standalone button{background:#167d5c;border-radius:9px;padding:11px 18px}.standalone .secondary{background:#e8efe7;color:#365b43}.standalone .danger{background:#b64951}.standalone .text-danger{background:transparent;color:#b64951}.standalone input,.standalone textarea,.standalone select{border-color:#dce5dc;border-radius:9px;background:#fcfdfb;padding:11px 13px}.standalone label{font-size:12px;color:#395243}.standalone .muted,.standalone small{color:#7b8d7c}.standalone .stats{gap:13px}.standalone .stat{border-color:var(--line);border-radius:14px;padding:22px 17px;background:#fff}.standalone .stat strong{font-size:32px;font-weight:600;letter-spacing:-1px}.standalone .stat:first-child{background:#e3efd8;border-color:#d6e5c9}.standalone th{background:#f4f7f1;color:#7a8978;font-size:10px;letter-spacing:1px}.standalone td{font-size:12px;padding:17px 12px}.standalone .notice{border-color:#d5e5c7;background:#edf5e7}.standalone .notice.error{background:#fff0f1;border-color:#f2d2d5}.standalone .message-preview{background:#edf4e7;border-color:#deead5}.hero{background:#173e2d;border-radius:18px;padding:30px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:25px}.hero h2{font-size:29px;line-height:1.25;margin:10px 0;max-width:650px}.hero p{color:#b4ccbb;margin:0;max-width:620px}.hero .eyebrow{color:#a8cb8b}.hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}.hero .button{background:#d4f49a;color:#21402d}.hero .button.secondary{background:#31523e;color:#e2eddf}.hero.compact h2{font-size:25px}.standalone footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:25px;font-size:10px;color:#8a9887}.standalone .login-main{margin:0;max-width:none;padding:38px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.standalone.auth-page{background:#eaf0e6}.login-shell{max-width:1100px;width:100%;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;min-height:650px;background:white;border:1px solid #dce5d7;border-radius:25px;overflow:hidden;box-shadow:0 25px 80px #1c402b12}.login-story{background:radial-gradient(ellipse at 100% 0,#406341 0,transparent 60%),#163c2b;color:white;padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:50px}.story-tag{font-size:9px;letter-spacing:1.8px;color:#c7e39f}.login-story h1{font-size:42px;line-height:1.2;font-weight:500;margin:20px 0;letter-spacing:-1.8px}.login-story p{font-size:13px;color:#b4c8b7;max-width:365px;line-height:1.8}.story-cards{display:flex;gap:22px;margin-top:36px}.story-cards div{border-top:1px solid #5a775b;padding-top:14px;flex:1}.story-cards strong{display:block;color:#d4f49a;font-size:18px;font-weight:500}.story-cards span{font-size:10px;color:#c1d5c0}.login-story>small{font-size:10px;color:#93b496;max-width:310px}.login-form-panel{padding:70px 48px;align-self:center}.login-form-panel h2{font-size:28px;line-height:1.25;margin:15px 0}.login-form-panel>.muted{font-size:13px;margin-bottom:32px}.login-form-panel label{margin-bottom:22px}.login-form-panel input{padding:13px 14px}.login-submit{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:28px}.login-help{font-size:10px;color:#8e9d8a;text-align:center;margin-top:28px}.auth-page footer{width:100%;max-width:1100px;margin:22px auto 0;border:0}.auth-page .notice{max-width:1100px;width:100%;margin:0 auto 18px}.standalone .field-row{align-items:start}.compact small{color:#c2d6c3}@media(min-width:1600px){.standalone main{padding:40px 55px}}@media(max-width:1100px){.standalone main{padding:26px}.standalone .stats{grid-template-columns:repeat(3,1fr)}.hero{align-items:flex-start;flex-direction:column}.login-story{padding:30px}.login-form-panel{padding:40px 30px}.login-story h1{font-size:35px}}@media(max-width:800px){.standalone aside{position:relative;width:auto;padding:18px}.standalone nav{display:flex;overflow:auto;margin:18px 0 0}.standalone nav a{white-space:nowrap}.standalone .nav-label{display:none}.standalone .sidebar-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.standalone .logout-button{margin:0;width:auto}.standalone main{margin:0;padding:22px 18px}.standalone header{align-items:flex-start;gap:12px}.account-pill{flex-wrap:wrap;justify-content:flex-end}.standalone .columns{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;max-width:540px;min-height:auto}.login-story{gap:26px}.login-story h1{font-size:30px}.login-story h1 br{display:none}.login-story p,.story-cards,.login-story>small{display:none}.login-story .brand{margin-bottom:10px}.login-form-panel{padding:30px}.standalone .login-main{padding:18px}.standalone .field-row{grid-template-columns:1fr}.hero h2{font-size:26px}.standalone footer{flex-direction:column}.standalone h1{font-size:25px}}@media(max-width:450px){.standalone .stats{grid-template-columns:repeat(2,1fr)}.standalone .card{padding:19px}.account-pill>.badge{display:none}}

/* WhatsApp connection and responsive workspace */
.standalone .logo img{display:block;width:32px;height:32px;letter-spacing:normal}.mobile-menu-toggle{display:none}.wa-columns{grid-template-columns:minmax(280px,.95fr) minmax(300px,1.05fr)}.wa-qr-card{text-align:center}.wa-qr-card .toolbar{text-align:left;flex-wrap:wrap}.wa-qr-frame{min-height:340px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e9dc;background:#fafcf8;border-radius:16px;padding:10px;margin:20px auto 10px;max-width:360px}.wa-qr-frame>img{max-width:100%;height:auto;background:white;border-radius:8px}.wa-qr-frame [hidden],.wa-identity[hidden]{display:none}.wa-connect-icon{opacity:.5;margin-bottom:12px}.wa-qr-frame p{max-width:260px;margin:12px auto;color:#71856c}.wa-connect-actions{justify-content:center}.wa-connect-actions form{margin:0}.wa-identity{display:grid;gap:4px;padding:14px;margin:15px 0;background:#e8f3df;border-radius:10px}.wa-identity span{font-variant-numeric:tabular-nums}.wa-steps{padding-left:24px;margin:24px 0}.wa-steps li{padding:0 0 20px 10px;color:#52694f}.wa-steps li::marker{color:#167d5c;font-weight:700}.wa-columns .notice p{margin:8px 0 0}.standalone [hidden]{display:none!important}.standalone main,.standalone .columns>*,.standalone .field-row>*,.standalone .toolbar>*{min-width:0}.standalone .table-wrap{max-width:100%;overscroll-behavior-x:contain}.standalone .notice,.standalone .message-preview,.standalone .profile-link,.standalone .hero{overflow-wrap:anywhere}.standalone .toolbar{flex-wrap:wrap}.standalone .search{flex-wrap:wrap}.standalone .search input,.standalone .search select{min-width:0}.standalone .card>form{min-width:0}.standalone a:focus-visible,.standalone button:focus-visible{outline:3px solid #74bd6d;outline-offset:3px}.standalone button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1000px){.wa-columns{grid-template-columns:1fr}.wa-qr-frame{width:100%}}
@media(max-width:800px){
.standalone.authenticated aside{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;position:relative;width:100%;padding:16px 18px;border-bottom:1px solid #244c35}.standalone aside>.brand{grid-column:1;font-size:22px;gap:10px}.standalone aside>.brand .logo{width:40px;height:40px;border-radius:12px}.standalone aside>.brand small{font-size:8px}.standalone .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;gap:8px;grid-column:2;grid-row:1;align-self:center;min-height:42px;background:#284b38;color:#e0eddc;padding:9px 12px;border:1px solid #45644e;font-size:12px}.menu-bars,.menu-bars::before,.menu-bars::after{display:block;width:16px;height:2px;background:currentColor;position:relative}.menu-bars::before,.menu-bars::after{content:'';position:absolute;left:0}.menu-bars::before{top:-5px}.menu-bars::after{top:5px}.standalone #workspace-navigation{display:none;grid-column:1/-1;margin:18px 0 0;overflow:visible}.standalone aside.menu-open #workspace-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.standalone #workspace-navigation a{white-space:normal;min-height:44px;padding:12px 10px;font-size:12px;gap:8px}.standalone aside>.sidebar-bottom{display:none;grid-column:1/-1}.standalone aside.menu-open>.sidebar-bottom{display:flex;gap:12px;flex-wrap:wrap}.standalone .sidebar-bottom .logout-button{min-height:42px;font-size:11px}.standalone main{padding:22px 16px;width:100%;max-width:100%;margin:0}.standalone header{gap:12px;margin-bottom:20px;padding-bottom:16px;align-items:center}.standalone header .eyebrow{font-size:8px;letter-spacing:1px}.standalone header h1{font-size:23px;line-height:1.3;margin-top:6px}.standalone .account-pill{font-size:11px;gap:5px;max-width:40%;overflow-wrap:anywhere}.standalone .account-pill .badge{display:none}.standalone .stats{gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}.standalone .stat{padding:15px 12px;border-radius:12px}.standalone .stat strong{font-size:26px}.standalone .stat small{font-size:10px;line-height:1.4}.standalone .card{padding:20px 17px;margin-bottom:16px;border-radius:13px}.standalone .columns{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.standalone .field-row{grid-template-columns:minmax(0,1fr);gap:0}.standalone .hero{padding:24px 20px;gap:20px;border-radius:14px;margin-bottom:20px}.standalone .hero h2{font-size:26px}.standalone .hero p{font-size:12px}.standalone .hero-actions{width:100%}.standalone .hero-actions .button{flex:1}.standalone input:not([type=checkbox]),.standalone textarea,.standalone select{font-size:16px;min-height:44px;max-width:100%}.standalone button,.standalone .button{min-height:44px;font-size:12px}.standalone .actions{gap:8px}.standalone .search{width:100%;gap:8px}.standalone .search input,.standalone .search select{flex:1 1 130px;max-width:none}.standalone .search button{flex:0 0 auto}.standalone th{white-space:nowrap}.standalone td{min-width:105px;padding:13px 10px}.standalone td:first-child{min-width:145px}.standalone .notice{padding:14px;font-size:12px}.standalone .message-preview{padding:17px;font-size:13px}.standalone .toolbar h2{font-size:17px}.wa-qr-frame{min-height:300px}.wa-connect-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.wa-connect-actions button{width:100%;padding:10px}.wa-qr-card .toolbar{justify-content:center;text-align:center}.wa-qr-card .toolbar h2{width:100%;margin:0}.standalone .wa-qr-card .badge{max-width:100%}.standalone.auth-page .login-main{padding:16px;min-height:100svh;display:flex}.standalone .login-shell{border-radius:20px}.standalone .login-form-panel{padding:30px 24px}.standalone .login-story{padding:26px}.standalone .login-story h1{font-size:30px;line-height:1.2}.standalone .login-story .story-tag{font-size:8px}.standalone footer{margin-top:18px;font-size:10px}.standalone label code,.standalone p code{font-size:11px;overflow-wrap:anywhere}.standalone textarea{line-height:1.6}
}
@media(max-width:380px){.standalone .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.standalone header .eyebrow{display:none}.standalone header h1{font-size:21px}.standalone .hero-actions{flex-direction:column}.standalone .hero-actions .button{width:100%}.standalone .wa-connect-actions{grid-template-columns:1fr}.standalone .wa-qr-frame{min-height:260px}.standalone .login-form-panel{padding:26px 20px}.standalone .login-story h1{font-size:26px}.standalone #workspace-navigation a{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:800px){.standalone .mobile-menu-toggle{width:44px;height:44px;padding:0;gap:0}.standalone .mobile-menu-toggle .menu-bars,.standalone .mobile-menu-toggle .menu-bars::before,.standalone .mobile-menu-toggle .menu-bars::after{width:20px}}

.connection-methods .method-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.standalone .method-option{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid #dce5dc;border-radius:12px;cursor:pointer;margin:0;background:#fcfdfb}.standalone .method-option:has(input:checked){border-color:#167d5c;background:#edf5e7;box-shadow:0 0 0 1px #167d5c}.standalone .method-option input[type=radio]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:3px 0 0;accent-color:#167d5c;padding:0}.method-option strong{font-size:14px}.method-option small{font-weight:400;line-height:1.6;margin-top:7px}.connection-methods>p{margin:16px 0 0;font-size:12px}@media(max-width:800px){.connection-methods .method-options{grid-template-columns:minmax(0,1fr)}.connection-methods .actions{align-items:flex-start;flex-direction:column}.connection-methods .actions button{width:100%}.standalone .method-option{padding:16px}.connection-methods .toolbar>.badge{white-space:normal}}
.wa-groups-table{max-height:420px;overflow:auto}.wa-groups-table th{position:sticky;top:0}.wa-groups-table td:last-child{white-space:nowrap}.wa-groups-table code{overflow-wrap:anywhere}#wa-groups-panel label{margin-top:16px}@media(max-width:800px){#wa-groups-panel .toolbar>button{width:100%}#wa-groups-panel .actions button{width:100%}}
.standalone .header-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:0}.standalone .header-account-actions form{margin:0}.standalone .header-logout-button{min-height:44px;padding:10px 14px;white-space:nowrap}@media(max-width:800px){.standalone header{flex-wrap:wrap;gap:12px}.standalone .header-account-actions{margin-left:auto}.standalone .header-logout-button{font-size:12px;padding:8px 12px}}