/* One compact scale for WASender authentication and application screens. */
:root{--wa-primary:#286449;--wa-primary-hover:#1e513b;--wa-text:#233d32;--wa-muted:#75857b;--wa-bg:#f5f7f5;--wa-surface:#fff;--wa-line:#e1e8e2;--wa-soft:#edf3ee;--wa-radius:10px;--wa-gap:16px;--wa-pad:18px;--jl-navy:var(--wa-primary);--jl-navy-dark:var(--wa-primary-hover);--jl-navy-soft:var(--wa-soft);--jl-gold:#568267;--jl-gold-dark:#3f6f51;--jl-gold-soft:var(--wa-soft);--jl-text:var(--wa-text);--jl-muted:var(--wa-muted);--jl-border:var(--wa-line)}
body.wa-workspace{background:var(--wa-bg);color:var(--wa-text);font-size:13px;line-height:1.55}body.wa-workspace #sidenav-main{background:#fbfdfb!important;border-color:var(--wa-line)!important}body.wa-workspace #sidenav-main .sidenav-header{height:64px;min-height:64px;padding:0 18px}body.wa-workspace .wa-brand-icon{width:33px;height:33px;border-radius:10px;font-size:23px;background:var(--wa-primary)}body.wa-workspace .wa-brand>span:last-child{font-size:16px;letter-spacing:-.4px}body.wa-workspace .wa-brand small{font-size:9px;margin-top:2px;color:var(--wa-muted)}body.wa-workspace #sidenav-main .navbar-inner{padding:14px 12px!important}body.wa-workspace #sidenav-main .nav-link{min-height:34px!important;padding:7px 10px!important;font-size:12px;line-height:1.5;border-radius:7px;margin:1px 0!important;color:#607367!important}body.wa-workspace #sidenav-main .nav-link>i{font-size:14px;min-width:24px;width:24px;margin-right:4px!important;color:#809184!important}body.wa-workspace #sidenav-main .nav-link.active{background:#e7efe8!important;color:var(--wa-primary)!important}body.wa-workspace #sidenav-main .nav-link.active>i{color:var(--wa-primary)!important}body.wa-workspace #sidenav-main hr{display:none}body.wa-workspace #sidenav-main .wa-nav-group{margin:4px 0;border:0}body.wa-workspace #sidenav-main .wa-nav-group summary{display:flex;align-items:center;gap:10px;min-height:39px;padding:9px 10px;font-size:12px;font-weight:550;color:#496353;list-style:none;cursor:pointer;border-radius:7px;user-select:none}body.wa-workspace #sidenav-main .wa-nav-group summary::-webkit-details-marker{display:none}body.wa-workspace #sidenav-main .wa-nav-group summary>i:first-child{font-size:13px;color:#7a9180;width:18px;text-align:center}body.wa-workspace #sidenav-main .wa-nav-group summary:hover{background:#f0f4ef}body.wa-workspace #sidenav-main .wa-nav-group[open]>summary{background:#edf3ee;color:var(--wa-primary)}.wa-nav-chevron{font-size:8px!important;margin-left:auto;color:#9aaa9d;transition:transform .15s}.wa-nav-group[open]>summary .wa-nav-chevron{transform:rotate(90deg)}body.wa-workspace #sidenav-main .wa-nav-children{padding:4px 0 5px 10px;margin-left:16px;border-left:1px solid #dfe8df}body.wa-workspace #sidenav-main .wa-nav-children .nav-link{font-size:11px;padding:6px 8px!important;min-height:31px!important}body.wa-workspace #sidenav-main .wa-nav-children .nav-link>i{font-size:12px;min-width:21px;width:21px}body.wa-workspace #sidenav-main .wa-nav-home{margin-bottom:9px!important}.wa-menu-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--wa-line);border-radius:7px;padding:8px 10px;margin:0 0 12px;color:#8b9d8e;font-size:11px}.wa-menu-search input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:#516b59;font:inherit;font-size:11px}.wa-menu-search input::placeholder{color:#9aa99d}.wa-menu-search:focus-within{border-color:#86a98f;box-shadow:0 0 0 2px #36704b0d}.wa-menu-no-results{font-size:11px;padding:10px;color:var(--wa-muted)}body.wa-workspace #sidenav-main [hidden]{display:none!important}body.wa-workspace #sidenav-main .wa-search-expanded{display:block!important}body.wa-workspace .hdr-topbar-inner{height:56px;padding:0 22px}body.wa-workspace .hdr-user-avatar{width:29px;height:29px;border-radius:8px;background:#e9f0e8;color:var(--wa-primary)}body.wa-workspace .hdr-user-name{font-size:11px}body.wa-workspace .hdr-user-role{font-size:9px}body.wa-workspace .hdr-org-btn{border:0;background:#f2f6f1;padding:4px 8px;border-radius:7px}body.wa-workspace .hdr-search{padding:6px 10px;min-width:215px;border-radius:7px;background:#f5f8f4}body.wa-workspace .hdr-search-placeholder{font-size:11px}body.wa-workspace .hdr-search-kbd{font-size:9px}body.wa-workspace .hdr-icon-btn{height:32px;width:32px}body.wa-workspace .main-content>.container-fluid.mt--6{padding:0 22px 22px!important;max-width:1560px}body.wa-workspace .main-content .pg-header{padding:19px 22px 17px!important}.wa-page-kicker{font-size:8px;letter-spacing:1.2px;margin-bottom:5px;color:#8d9b90}body.wa-workspace h1.wa-page-title{font-size:23px;letter-spacing:-.6px;font-weight:600;color:var(--wa-text)!important}.wa-admin-intro{padding-bottom:17px;margin:0 0 18px;gap:16px}.wa-admin-intro .wa-page-kicker{display:none}.wa-admin-intro h2{font-size:20px;letter-spacing:-.5px;margin:0 0 6px}.wa-admin-intro p{font-size:11px;line-height:1.7;color:var(--wa-muted)}.wa-admin-kpis{gap:var(--wa-gap);margin-bottom:var(--wa-gap)}body.wa-workspace .wa-metric{padding:17px;border-radius:var(--wa-radius);gap:8px}.wa-metric strong{font-size:28px;line-height:1.1;margin:10px 0 5px}.wa-metric small{font-size:8px}.wa-metric>div>span{font-size:10px;color:var(--wa-muted)}.wa-metric-icon{height:33px;width:33px;border-radius:9px;background:var(--wa-soft);font-size:14px;color:#6d8c76}.wa-admin-main-grid{grid-template-columns:minmax(0,1fr) 290px;gap:var(--wa-gap);margin-bottom:var(--wa-gap)}.wa-admin-bottom-grid{gap:var(--wa-gap)}body.wa-workspace .card{border-radius:var(--wa-radius);border-color:var(--wa-line);margin-bottom:var(--wa-gap);box-shadow:0 2px 7px #2b4c3410}body.wa-workspace .main-content .card-header{padding:14px var(--wa-pad)!important;border-radius:var(--wa-radius) var(--wa-radius) 0 0!important;gap:10px}body.wa-workspace .card-header :is(h3,h4,h5,.h3,.h4){font-size:13px!important;letter-spacing:-.2px;font-weight:600;color:#36553f!important;line-height:1.4}body.wa-workspace .main-content .card-body{padding:var(--wa-pad)}body.wa-workspace .card-footer{padding:12px var(--wa-pad);border-radius:0 0 var(--wa-radius) var(--wa-radius)}.wa-panel-sub{font-size:9px;line-height:1.6;margin-top:4px;color:#89998a}body.wa-workspace .wa-sales-card .chart{height:220px}.wa-sales-visual,.wa-chart-empty{min-height:220px}.wa-chart-empty{padding:18px;background:#fcfdfb}.wa-chart-empty>span{height:37px;width:37px;font-size:17px;border-radius:10px;margin-bottom:13px}.wa-chart-empty h4{font-size:12px}.wa-chart-empty p{font-size:10px;margin-bottom:11px}.wa-health-gateway{padding:10px;border-radius:8px;margin-bottom:7px;gap:9px;background:#f2f6ef}.wa-health-icon{height:29px;width:29px;font-size:24px}.wa-health-row{padding:10px 0;font-size:10px}.wa-health-gateway b{font-size:10px}.wa-health-row i{font-size:11px}.wa-data-empty{min-height:105px;gap:7px;font-size:10px}.wa-data-empty>i{font-size:19px}.wa-data-empty span{font-size:9px}.wa-workspace .wa-panel-link{font-size:10px}body.wa-workspace .btn{min-height:32px;padding:7px 12px;font-size:11px;border-radius:7px;font-weight:550;line-height:1.5}body.wa-workspace .btn-sm{min-height:28px;padding:5px 10px;font-size:10px}body.wa-workspace :is(.btn-primary,.btn-info,.btn-default){background:var(--wa-primary)!important;border-color:var(--wa-primary)!important}body.wa-workspace :is(.btn-primary,.btn-info,.btn-default):hover{background:var(--wa-primary-hover)!important;border-color:var(--wa-primary-hover)!important}body.wa-workspace .form-control{min-height:37px;height:auto;padding:8px 11px;font-size:12px;border-radius:7px;background:#fff;border-color:var(--wa-line);line-height:1.5}body.wa-workspace textarea.form-control{min-height:100px}body.wa-workspace .form-group{margin-bottom:17px}body.wa-workspace .form-control-label,body.wa-workspace .col-form-label{font-size:11px;font-weight:550;letter-spacing:0;line-height:1.5;color:#577060}body.wa-workspace .table thead th{font-size:9px;padding:11px 16px;letter-spacing:.5px;background:#f5f8f3;color:#7b8d7e}body.wa-workspace .table td{padding:12px 16px;font-size:11px;color:#5e7465}body.wa-workspace .card-stats .card-body{padding:17px}body.wa-workspace .card-stats .h2{font-size:27px;margin-top:6px}body.wa-workspace .card-stats .card-title{font-size:9px!important}body.wa-workspace .icon.icon-shape{height:35px;width:35px;font-size:15px;border-radius:9px!important;background:var(--wa-soft)!important;color:#71907a!important}body.wa-workspace .wa-welcome{padding:23px 27px;margin-bottom:20px;border-radius:12px;background:#eaf1e7;border-color:#dfe9da;gap:15px}body.wa-workspace .wa-welcome h2{font-size:27px;margin:10px 0 8px;letter-spacing:-.8px}.wa-welcome p{font-size:11px;margin-bottom:16px}.wa-welcome-art{height:135px;min-width:205px}.wa-art-bubble{width:85px;height:68px;font-size:36px}.wa-art-whatsapp{width:78px;height:78px;font-size:48px;right:20px;top:30px}.wa-art-caption{font-size:8px}.wa-section-heading{margin-bottom:13px}.wa-section-heading h2{font-size:13px}.wa-section-heading>span{font-size:9px}.wa-quick-grid{gap:var(--wa-gap);margin-bottom:20px}.wa-quick{padding:18px;border-radius:var(--wa-radius);border-color:var(--wa-line)}.wa-quick>span{height:30px;width:30px;border-radius:8px;margin-bottom:12px}.wa-quick h3{font-size:12px}.wa-quick p{font-size:10px}.wa-workspace .chart{height:235px}body.wa-workspace .modal-header,body.wa-workspace .modal-footer{padding:15px 18px}body.wa-workspace .modal-body{padding:18px}body.wa-workspace .dropdown-item{font-size:11px;padding:8px 14px}body.wa-workspace .footer{padding:18px 0}.wa-form-intro{font-size:12px;margin-bottom:20px}.wa-connect-guide h3{font-size:15px}.wa-connect-guide p,.wa-connect-guide ol{font-size:11px}
/* Match the sign-in screen to the workspace palette and density. */
body:not(.wa-workspace){color:var(--wa-text)}.page{background:#fcfdfb}.page .left{background:#eaf1e7;border-radius:18px;margin:12px 0 12px 12px;padding:28px 38px 22px;gap:30px}.page .left:before{border-color:#dce7d6;box-shadow:0 0 0 60px #e5eddf,0 0 0 61px #dce7d6}.page .brand-gem,.page .btn-signin{background:var(--wa-primary)}.page .brand-gem{height:38px;width:38px;border-radius:11px;font-size:25px}.page .brand{font-size:15px}.page .brand small{font-size:10px}.page h1{font-size:clamp(36px,3.8vw,52px);letter-spacing:-2px;margin:21px 0 17px}.page h1 em{color:#5c8767}.page .intro{font-size:13px;line-height:1.8;margin-bottom:25px;color:var(--wa-muted)}.page .connect-preview{border-radius:13px;padding:18px;transform:none}.page .connection{padding-top:27px}.page .phone-icon,.page .desktop-icon{height:61px;width:61px;border-radius:15px;font-size:29px}.page .connection-labels{padding-bottom:22px}.page .connection-note{padding:12px;border-radius:8px}.page .right{padding:55px 38px}.page .login-card{max-width:365px}.page .card-title{font-size:29px;letter-spacing:-.8px}.page .card-sub{font-size:12px;margin-bottom:27px}.page .secure-tag{font-size:8px;margin-bottom:16px}.page .fld{margin-bottom:18px}.page .fld-label{font-size:11px;margin-bottom:8px}.page .fld-input{height:45px;border-radius:7px;font-size:13px;padding:10px 42px;border-color:var(--wa-line)}.page .fld-icon{top:15px;left:14px;font-size:14px}.page .eye-btn{top:3px;height:38px;width:38px}.page .opts-row{margin-bottom:22px;font-size:10px}.page .btn-signin{height:44px;border-radius:7px;font-size:12px}.page .btn-signin:hover{background:var(--wa-primary-hover)}.page .bottom-link{margin-top:22px;padding-top:20px;font-size:10px}.page .login-note{font-size:9px;margin-top:20px}.page .pg-footer{font-size:8px;margin-top:34px}.page .benefits{margin-top:22px;gap:13px}.page .brand-footer{font-size:8px}
@media(max-width:1199px){.wa-admin-main-grid{grid-template-columns:minmax(0,1fr) 275px}body.wa-workspace .wa-menu-close{top:17px;right:14px;height:29px;width:29px}body.wa-workspace #sidenav-main .sidenav-header{height:64px}}
@media(max-width:900px){.wa-admin-main-grid,.wa-admin-bottom-grid{grid-template-columns:1fr}.wa-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-health-row{padding:9px 0}}
@media(max-width:767px){body.wa-workspace .main-content>.container-fluid.mt--6{padding:0 15px 18px!important}body.wa-workspace .main-content .pg-header{padding:16px 15px!important}body.wa-workspace .hdr-topbar-inner{height:54px;padding:0 15px}.wa-admin-intro h2{font-size:20px}.wa-admin-intro{padding-bottom:15px;margin-bottom:15px}.wa-admin-kpis{gap:12px}.wa-metric>div>span{min-height:0;font-size:10px}.wa-metric strong{font-size:27px}body.wa-workspace .wa-metric{padding:15px}.wa-metric-icon{height:29px;width:29px;font-size:12px}body.wa-workspace .form-control{font-size:16px;min-height:40px}body.wa-workspace .wa-welcome{padding:21px}.page .right{padding:42px 24px 30px}.page .left{margin:10px;padding:25px;border-radius:15px}.page h1{font-size:39px}.page .fld-input{font-size:16px;height:46px}.page .fld-input::placeholder{font-size:12px}.page .card-title{font-size:28px}.page .pg-footer{margin-top:28px}.wa-quick-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){.wa-nav-chevron{transition:none}}
.wa-auth-simple{min-height:100svh;display:flex;justify-content:center;background:var(--wa-bg);color:var(--wa-text)}.wa-auth-container{width:100%;max-width:430px;margin:auto;padding:35px 22px}.wa-auth-container>.brand{margin:0 0 27px;justify-content:center}.wa-auth-container .brand-gem{background:var(--wa-primary);width:37px;height:37px;font-size:25px;border-radius:11px}.wa-auth-card{padding:27px;background:#fff;border:1px solid var(--wa-line);border-radius:12px;box-shadow:0 5px 18px #34513a08}.wa-auth-card h1{font-size:23px;letter-spacing:-.6px;line-height:1.3;margin:0 0 10px;font-weight:600}.wa-auth-description{font-size:12px;color:var(--wa-muted);line-height:1.8;margin:0 0 24px}.wa-auth-card .tp-mail{margin-bottom:18px}.wa-auth-card label{font-size:11px;color:#5a7162;display:block;margin-bottom:8px;font-weight:550}.wa-auth-card input:not([type=hidden]){height:42px;width:100%;font:inherit;font-size:13px;border:1px solid var(--wa-line);border-radius:7px;padding:10px 12px;outline:0}.wa-auth-card input:focus{border-color:#729c7d;box-shadow:0 0 0 3px #2864490d}.wa-auth-card button[type=submit]{background:var(--wa-primary);color:white;min-height:40px;border:0;border-radius:7px;font:inherit;font-size:11px;font-weight:600;padding:10px 14px;cursor:pointer;width:100%}.wa-auth-card button:hover{background:var(--wa-primary-hover)}.wa-auth-back{display:block;text-align:center;font-size:11px;color:#52735d;margin-top:22px;text-decoration:none}.wa-auth-card .alert{padding:12px;font-size:12px;line-height:1.7;border-radius:7px;background:#edf5ee;color:#397345;margin-bottom:20px}.wa-auth-card .invalid-feedback{font-size:11px;line-height:1.6}.wa-auth-simple :is(a,input,button):focus-visible{outline:2px solid #52815d;outline-offset:3px}@media(max-width:767px){.wa-auth-card{padding:23px}.wa-auth-card input:not([type=hidden]){font-size:16px}}
body.wa-workspace .wa-admin-kpis>.card,body.wa-workspace .wa-admin-main-grid>.card,body.wa-workspace .wa-admin-bottom-grid>.card{margin:0!important}