@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--wine:#74133d;--wine2:#a91e50;--gold:#f3ad38;--ink:#202338;--muted:#74788d;--line:#e9e7ee;--paper:#fffdfa;--brand-accent:var(--wine);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body.wa-auth-v2{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 4%,#fff0d9 0,transparent 32%),radial-gradient(ellipse at 86% 92%,#f8dce7 0,transparent 35%),linear-gradient(135deg,#fffaf4 0%,#f8f5fb 48%,#f7f1f6 100%);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;overflow-x:hidden}a{color:inherit}.wa-ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.42;animation:waDrift 14s ease-in-out infinite}.orb-a{width:360px;height:360px;left:-180px;top:20%;background:radial-gradient(circle at 40% 40%,#f5c65e,transparent 68%)}.orb-b{width:460px;height:460px;right:-250px;top:-120px;background:radial-gradient(circle at 50% 50%,#e7a7c1,transparent 68%);animation-delay:-5s}.orb-c{width:300px;height:300px;right:28%;bottom:-200px;background:radial-gradient(circle at 50% 50%,#d9c7fa,transparent 70%);animation-delay:-8s}.wa-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(116,19,61,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(116,19,61,.09) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 78%)}@keyframes waDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(22px,-20px,0) scale(1.07)}}
.wa-topbar{position:relative;z-index:2;max-width:1440px;margin:auto;padding:22px clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:18px}.wa-brand-lockup{display:flex;align-items:center;gap:10px;text-decoration:none}.wa-brand-lockup img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 4px 8px #6b15301c)}.wa-brand-word{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:.045em;font-size:21px;color:var(--wine)}.wa-top-links{display:flex;align-items:center;gap:22px}.wa-secure{font-size:12px;font-weight:600;color:#686779;display:flex;align-items:center;gap:8px}.wa-live-dot{width:7px;height:7px;border-radius:50%;background:#2f9b72;box-shadow:0 0 0 4px #2f9b721a}.wa-top-register{font-size:13px;font-weight:700;text-decoration:none;padding:11px 16px;border:1px solid #e6dbe2;border-radius:12px;background:#ffffffa6;transition:.2s}.wa-top-register:hover{border-color:#b86b8c;transform:translateY(-1px)}
.wa-stage{position:relative;z-index:1;max-width:1330px;margin:0 auto;padding:26px clamp(18px,4vw,58px) 50px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);gap:clamp(34px,6vw,100px);align-items:center;min-height:calc(100vh - 92px)}.wa-showcase{position:relative;padding:12px 0 42px;max-width:590px;animation:waEnter .85s var(--ease) both}.wa-showcase-tag{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #eed8c7;background:#fff9f0d9;border-radius:100px;color:#84354c;font-size:10px;font-weight:800;letter-spacing:.13em}.wa-spark{font-size:17px;color:#d89127}.wa-showcase h1{font-family:'Manrope',sans-serif;font-size:clamp(39px,4.8vw,67px);line-height:1.07;letter-spacing:-.055em;margin:25px 0 20px;font-weight:800;color:#27243a}.wa-showcase h1 span{background:linear-gradient(100deg,#8d1747 0%,#c04c65 47%,#cc8b2d 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.wa-showcase-copy{max-width:490px;color:#6f7082;font-size:16px;line-height:1.8;margin:0}.wa-feature-pills{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0 29px}.wa-feature-pills span{display:inline-flex;align-items:center;gap:7px;background:#ffffffb8;border:1px solid #ebe5eb;padding:9px 11px;border-radius:100px;font-size:11px;color:#56586c;font-weight:600}.wa-feature-pills i{font-style:normal;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e1f4e9;color:#188153;font-size:10px}.wa-visual-card{position:relative;max-width:440px;border:1px solid #ffffffc7;border-radius:24px;padding:20px 23px 16px;background:linear-gradient(135deg,#ffffffd9,#fff9f2d9);box-shadow:0 20px 60px #65133310,inset 0 1px #fff;backdrop-filter:blur(16px);overflow:hidden;animation:waEnter 1s .12s var(--ease) both}.wa-visual-card:after{content:'';position:absolute;width:180px;height:180px;right:-90px;top:-110px;border-radius:50%;background:#f3c76838}.wa-visual-top{position:relative;display:flex;justify-content:space-between;align-items:center;z-index:1}.wa-visual-top small{display:block;color:#9290a1;font-size:9px;letter-spacing:.14em;font-weight:800}.wa-visual-top strong{display:block;font:700 16px 'Manrope',sans-serif;margin-top:6px}.wa-visual-sun{display:grid;place-items:center;width:39px;height:39px;background:#fff2d9;color:#bb7a19;border-radius:14px;font-size:20px}.wa-visual-bars{height:91px;display:flex;align-items:end;gap:9px;padding:12px 0 5px}.wa-visual-bars span{flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#d99a42,#a72b59);opacity:.82;transform-origin:bottom;animation:waBar 1s var(--ease) both}.wa-visual-bars span:nth-child(2n){background:linear-gradient(180deg,#f0c36c,#c85e73)}.wa-visual-bars span:nth-child(2){animation-delay:.08s}.wa-visual-bars span:nth-child(3){animation-delay:.14s}.wa-visual-bars span:nth-child(4){animation-delay:.2s}.wa-visual-bars span:nth-child(5){animation-delay:.26s}.wa-visual-bars span:nth-child(6){animation-delay:.32s}.wa-visual-bars span:nth-child(7){animation-delay:.38s}.wa-visual-bars span:nth-child(8){animation-delay:.44s}@keyframes waBar{from{transform:scaleY(.15);opacity:.2}to{transform:scaleY(1);opacity:.82}}.wa-visual-foot{border-top:1px solid #eee5e6;padding-top:12px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#858092}.wa-visual-foot span:first-child{display:flex;align-items:center;gap:7px}.wa-visual-foot span:first-child b{width:7px;height:7px;border-radius:50%;background:#2f9b72}.wa-visual-foot strong{color:var(--wine);font-size:14px;margin-left:5px}.wa-floating-note{position:absolute;left:min(300px,58%);bottom:1px;display:flex;gap:10px;align-items:center;padding:12px 15px;background:#fffdf9;border:1px solid #eee5e8;border-radius:15px;box-shadow:0 12px 32px #4d153015;animation:waFloat 5s ease-in-out infinite}.wa-note-icon{display:grid;place-items:center;width:34px;height:34px;background:#f9e8ef;border-radius:11px;color:var(--wine);font-size:20px}.wa-floating-note b,.wa-floating-note small{display:block}.wa-floating-note b{font-size:11px;color:#353348}.wa-floating-note small{font-size:9px;color:#8b8797;margin-top:4px}@keyframes waFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes waEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.wa-login-area{width:100%;max-width:480px;justify-self:end;animation:waEnter .8s .1s var(--ease) both}.wa-login-card{position:relative;padding:clamp(22px,3vw,34px);background:#fffdfdf2;border:1px solid #ffffff;border-radius:28px;box-shadow:0 28px 85px #57162a17,0 4px 14px #39172b08;backdrop-filter:blur(24px);overflow:hidden}.wa-login-card:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--brand-accent),#d79b3d,#f0c97c,var(--brand-accent));background-size:200% 100%;animation:waGradient 6s linear infinite}@keyframes waGradient{to{background-position:200% 0}}.wa-card-heading{display:flex;align-items:center;gap:15px;margin-bottom:23px}.wa-brand-preview{position:relative;flex:0 0 68px;width:68px;height:68px;display:grid;place-items:center;border-radius:21px;background:linear-gradient(145deg,#fff3e5,#f9e2e9);border:1px solid #f0dfe4;overflow:hidden}.wa-brand-preview img{position:relative;z-index:1;width:60px;height:60px;object-fit:contain;transition:transform .35s var(--ease)}.wa-brand-preview.changing img{transform:scale(.72) rotate(-8deg);opacity:.55}.wa-preview-glow{position:absolute;inset:9px;border-radius:50%;background:#fff9;filter:blur(5px)}.wa-selected-copy{min-width:0;flex:1}.wa-mini-label{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--brand-accent);text-transform:uppercase}.wa-selected-copy h2{font:800 21px/1.25 'Manrope',sans-serif;margin:6px 0 4px;letter-spacing:-.035em;overflow-wrap:anywhere}.wa-selected-copy p{font-size:11px;color:#858294;margin:0;line-height:1.5;overflow-wrap:anywhere}.wa-step-label{display:flex;align-items:center;gap:8px;color:#858294;font-size:10px;font-weight:700;margin-bottom:19px;white-space:nowrap}.wa-step-number{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:#f5e2e9;color:var(--wine);font-size:10px}.muted-step{background:#f0eef2;color:#9692a1}.wa-step-line{height:1px;background:#e7e2e9;flex:1;min-width:8px}.wa-alert{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #f1c6cc;background:#fff4f5;border-radius:12px;color:#9b2c43;font-size:12px;line-height:1.5;margin-bottom:15px}.wa-alert>span{display:grid;place-items:center;flex:0 0 18px;height:18px;border-radius:50%;background:#f7dce0;font-weight:800}.wa-label{display:block;font-size:11px;font-weight:800;color:#48465a;margin:0 0 8px}.wa-field{width:100%;min-width:0;display:flex;align-items:center;gap:10px;border:1px solid #e6e2e9;background:#fff;border-radius:13px;padding:0 13px;min-height:49px;transition:border-color .2s,box-shadow .2s,transform .2s}.wa-field:focus-within{border-color:var(--brand-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-accent) 10%,transparent)}.wa-field-icon{color:#9b8795;font-size:18px;flex:0 0 auto}.wa-field input,.wa-field select{appearance:none;width:100%;min-width:0;border:0;outline:0;background:transparent;color:#2b293c;font:500 13px 'DM Sans',sans-serif;padding:13px 0}.wa-field input::placeholder{color:#aaa7b3}.wa-org-field{position:relative;margin-bottom:5px}.wa-org-field select{padding-right:20px;cursor:pointer}.wa-org-field select option{color:#2b293c;background:#fff}.wa-chevron{pointer-events:none;color:#7f6c79;font-size:20px}.wa-helper{font-size:10px;line-height:1.5;color:#918b99;margin:7px 0 12px}.wa-remember-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:11px 12px;margin:0 0 18px;border:1px solid #eee8ed;background:#fcf9fb;border-radius:12px}.wa-remember-row input{position:absolute;opacity:0;width:1px;height:1px}.wa-checkmark{width:17px;height:17px;flex:0 0 17px;border:1px solid #d4c4cf;border-radius:5px;background:white;margin-top:2px;position:relative}.wa-remember-row input:checked+.wa-checkmark{background:var(--brand-accent);border-color:var(--brand-accent)}.wa-remember-row input:checked+.wa-checkmark:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800}.wa-remember-row b,.wa-remember-row small{display:block}.wa-remember-row b{font-size:11px;color:#484457}.wa-remember-row small{font-size:10px;color:#8e8998;margin-top:4px;line-height:1.4}.wa-login-divider{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#a39aa5;font-size:9px;letter-spacing:.13em;font-weight:800}.wa-login-divider:before,.wa-login-divider:after{content:'';height:1px;background:#eee8ed;flex:1}.wa-password-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.wa-password-head a{font-size:10px;color:var(--brand-accent);font-weight:800;text-decoration:none;margin-bottom:8px}.wa-eye{border:0;background:transparent;color:#91808e;font-size:17px;cursor:pointer;padding:6px}.wa-primary-action{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:51px;border:0;border-radius:14px;margin-top:18px;padding:0 17px;color:white;background:linear-gradient(105deg,var(--brand-accent),#a62755 70%,#c47836);box-shadow:0 9px 19px color-mix(in srgb,var(--brand-accent) 22%,transparent);font:800 13px 'DM Sans',sans-serif;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.wa-primary-action:hover{transform:translateY(-2px);box-shadow:0 13px 25px color-mix(in srgb,var(--brand-accent) 26%,transparent)}.wa-action-arrow{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#ffffff25;font-size:19px}.wa-button-shine{position:absolute;top:-40%;left:-35%;height:180%;width:20%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,#ffffff45,transparent);animation:waShine 5.5s 1.5s infinite}@keyframes waShine{0%,65%{left:-35%}100%{left:130%}}.wa-install-action{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #eadfe7;border-radius:13px;background:linear-gradient(120deg,#fff9f0,#fff7fb);padding:11px 13px;margin-top:11px;cursor:pointer;color:#454154;transition:transform .2s,border-color .2s}.wa-install-action:hover{transform:translateY(-1px);border-color:#d5b4c4}.wa-install-action>span:nth-child(2){flex:1;min-width:0}.wa-install-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#f4e3ea;color:var(--wine);font-size:21px}.wa-install-action b,.wa-install-action small{display:block}.wa-install-action b{font-size:11px}.wa-install-action small{font-size:10px;color:#8a8494;margin-top:3px}.wa-install-action .wa-action-arrow{background:#f0e5eb;color:var(--wine)}.wa-create-row{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:19px;font-size:11px;color:#888394}.wa-create-row a{font-weight:800;color:var(--brand-accent);text-decoration:none}.wa-create-row a span{margin-left:3px}.wa-card-footer{border-top:1px solid #f0ebef;margin-top:19px;padding-top:14px;text-align:center;font-size:9px;line-height:1.65;color:#9993a0}.wa-footer-lock{color:#38956f;margin-right:4px}.wa-powered{display:block;margin-top:7px;color:#777183}.wa-powered b{color:var(--wine);letter-spacing:.08em}.wa-login-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:14px;padding:0 5px;color:#9a93a1;font-size:9px}.wa-login-bottom a{color:#827281;text-decoration:none}.wa-install-backdrop[hidden]{display:none!important}.wa-install-backdrop{position:fixed;z-index:99;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#20142185;backdrop-filter:blur(10px);animation:waFade .18s ease-out}.wa-install-sheet{position:relative;width:min(100%,490px);max-height:min(90dvh,760px);overflow:auto;background:#fffdfb;border-radius:26px;padding:30px;box-shadow:0 30px 100px #1707114a;animation:waSheet .35s var(--ease)}@keyframes waFade{from{opacity:0}to{opacity:1}}@keyframes waSheet{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.wa-dialog-close{position:absolute;right:15px;top:15px;width:34px;height:34px;border:1px solid #eee5eb;border-radius:50%;background:#fff;color:#6c5260;font-size:24px;cursor:pointer}.wa-dialog-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:21px;background:#f8e9ed;margin-bottom:18px;overflow:hidden}.wa-dialog-icon img{width:62px;height:62px;object-fit:contain}.wa-install-sheet h2{font:800 26px/1.2 'Manrope',sans-serif;letter-spacing:-.04em;margin:8px 0 10px}.wa-dialog-copy{font-size:13px;line-height:1.7;color:#777184;margin:0 0 17px}.wa-install-status{display:flex;align-items:flex-start;gap:9px;padding:12px;background:#f8f4f7;border:1px solid #eee6ed;border-radius:12px;font-size:11px;line-height:1.5;color:#655b6a}.wa-status-dot{width:8px;height:8px;flex:0 0 8px;margin-top:4px;border-radius:50%;background:#d29a35}.wa-install-steps{margin-top:16px;display:grid;gap:9px}.wa-install-steps p{margin:0;padding:11px 12px;background:#fff;border:1px solid #eee8ed;border-radius:12px}.wa-install-steps b{font-size:11px;display:block;color:#454052}.wa-install-steps span{display:block;font-size:10px;line-height:1.55;color:#81798a;margin-top:4px}.wa-install-steps span b{display:inline;font-size:inherit;color:var(--wine)}.wa-dialog-footnote{font-size:9px;line-height:1.6;color:#9a92a0;margin:15px 0 0}.wa-toast{position:fixed;z-index:120;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:calc(100vw - 28px);padding:12px 16px;border-radius:12px;background:#282237;color:#fff;font-size:12px;box-shadow:0 10px 30px #24182a35;transition:opacity .2s,transform .2s}.wa-toast.visible{opacity:1;transform:translate(-50%,0)}
/* Existing authenticated pages: global overflow and navigation hardening */
html,body{max-width:100%;overflow-x:hidden}.app,.main,.content,.card,.hero,.grid,.topbar,.sidebar{min-width:0;max-width:100%}.main{width:100%}.content{overflow-wrap:anywhere}.content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.topbar{gap:12px;flex-wrap:wrap}.searchbox{min-width:0;max-width:100%}.searchbox input{min-width:0;max-width:100%}.top-actions{display:flex;align-items:center;gap:8px;min-width:0}.wa-bell{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px}.wa-bell svg,.wa-logout svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wa-unread-count{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:#c3294e;color:#fff;font-size:9px;font-weight:800;border:2px solid #fff}.wa-logout{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;padding:10px 12px;border-radius:12px;border:1px solid #e6e2e9;background:#fff;font-size:12px;font-weight:700;white-space:nowrap}.wa-logout:hover{color:var(--wine);border-color:#d4b2c3}.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:1000px){.wa-stage{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:30px;padding-top:18px}.wa-showcase h1{font-size:clamp(36px,5vw,54px)}.wa-floating-note{left:35%;bottom:-10px}.wa-login-card{padding:25px}}
@media(max-width:760px){.wa-topbar{padding:13px 16px}.wa-brand-lockup img{width:39px;height:39px}.wa-brand-word{font-size:18px}.wa-secure{display:none}.wa-top-links{gap:0}.wa-top-register{padding:9px 11px;font-size:11px}.wa-stage{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:auto;padding:19px 14px 34px}.wa-showcase{padding:4px 2px 0;max-width:none}.wa-showcase-tag{font-size:9px;padding:8px 10px}.wa-showcase h1{font-size:clamp(35px,10vw,48px);margin:18px 0 12px}.wa-showcase-copy{font-size:13px;line-height:1.65;max-width:560px}.wa-feature-pills{gap:6px;margin:16px 0 17px}.wa-feature-pills span{font-size:10px;padding:8px}.wa-visual-card{display:none}.wa-floating-note{display:none}.wa-login-area{max-width:560px;width:100%;align-self:center}.wa-login-card{padding:23px 19px 20px;border-radius:23px}.wa-card-heading{gap:12px;margin-bottom:20px}.wa-brand-preview{flex-basis:58px;width:58px;height:58px;border-radius:18px}.wa-brand-preview img{width:52px;height:52px}.wa-selected-copy h2{font-size:19px}.wa-step-label{font-size:9px;gap:6px}.wa-field{min-height:48px}.wa-login-bottom{font-size:9px}.wa-install-sheet{padding:26px 20px;border-radius:23px}.wa-install-sheet h2{font-size:24px}}
@media(max-width:380px){.wa-stage{padding-left:10px;padding-right:10px}.wa-login-card{padding:20px 14px}.wa-showcase h1{font-size:34px}.wa-feature-pills span{font-size:9px;padding:7px}.wa-step-label{gap:4px;font-size:8px}.wa-step-number{width:21px;height:21px;flex-basis:21px}.wa-card-heading{gap:9px}.wa-brand-preview{flex-basis:50px;width:50px;height:50px}.wa-brand-preview img{width:46px;height:46px}.wa-selected-copy h2{font-size:17px}.wa-logout span{display:none}.wa-logout{padding:10px}.profile-pill .who{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Registration view uses the same design system as the login page. */
.wa-registration-main{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:24px 20px 60px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1fr);gap:clamp(30px,7vw,100px);align-items:start}.wa-registration-intro{padding-top:35px}.wa-registration-intro h1{font:800 clamp(38px,5vw,61px)/1.08 'Manrope',sans-serif;letter-spacing:-.05em;margin:24px 0 16px}.wa-registration-intro h1 span{color:var(--wine)}.wa-registration-intro>p{font-size:14px;line-height:1.8;color:#777184;max-width:390px}.wa-approval-promise{display:flex;gap:12px;align-items:center;margin-top:28px;padding:14px;border:1px solid #e9e0e7;background:#ffffffb8;border-radius:15px;max-width:380px}.wa-approval-promise>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e4f4eb;color:#25815b}.wa-approval-promise b,.wa-approval-promise small{display:block}.wa-approval-promise b{font-size:12px}.wa-approval-promise small{font-size:10px;color:#8b8493;margin-top:4px;line-height:1.5}.wa-registration-card{width:100%}.wa-registration-card .wa-field select{appearance:auto;cursor:pointer}.wa-registration-card [hidden]{display:none!important}.wa-registration-note{padding:13px;margin-top:15px;border:1px solid #eee6eb;border-radius:12px;background:#fcf9fb}.wa-registration-note b{font-size:11px}.wa-registration-note p{font-size:10px;line-height:1.65;color:#898291;margin:5px 0 0}.wa-success-card{display:flex;gap:12px;padding:15px;border:1px solid #bfe7d2;background:#f1fbf5;border-radius:14px;color:#226846}.wa-success-card>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d8f4e3;flex:0 0 28px}.wa-success-card b{font-size:13px}.wa-success-card p{font-size:12px;line-height:1.6;margin:6px 0}.wa-success-card a{font-size:12px;font-weight:800;text-decoration:none}.wa-registration-page .wa-field select{appearance:auto;cursor:pointer}
@media(max-width:820px){.wa-registration-main{grid-template-columns:1fr;gap:20px;padding:14px 14px 40px;max-width:580px}.wa-registration-intro{padding-top:5px}.wa-registration-intro h1{font-size:38px;margin:16px 0 10px}.wa-registration-intro>p{font-size:12px;margin-bottom:12px}.wa-approval-promise{margin-top:14px}.wa-registration-main .wa-registration-card{padding:23px 18px}}


/* Webas mobile reliability patch — 23 Oct 2026 */
.command-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 22px}
.command-strip .command-item{min-width:0;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#f9fbff 100%);border:1px solid #dfe7f1;border-radius:16px;padding:15px 16px;box-shadow:0 8px 22px rgba(22,45,78,.055)}
.command-strip .command-item small{color:#66758b;font-size:clamp(8px,1vw,10px);font-weight:800;letter-spacing:.065em;line-height:1.45;overflow-wrap:normal;word-break:normal}
.command-strip .command-item strong{display:block;color:#18263b;font-size:clamp(13px,1.5vw,19px);font-weight:800;line-height:1.35;margin-top:7px;overflow-wrap:normal;word-break:normal}
.hero-actions .btn{min-width:0;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none;line-height:1.3}
.hero-actions .btn>*{min-width:0}
.content,.content *{min-width:0}
.content h1,.content h2,.content h3,.content p,.content strong,.content a{overflow-wrap:break-word;word-break:normal}
.wa-header-brand{display:none}
.mobile-nav{align-items:stretch;gap:3px}
.mobile-nav a{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.15}
.mobile-nav .m-ico{line-height:1.15;margin:0}
@media(max-width:900px){
 .topbar{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "search search";gap:9px 10px;padding:10px 12px 11px;align-items:center}
 .wa-header-brand{grid-area:brand;display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;text-decoration:none;font-size:13px;font-weight:850;color:var(--brand,#173858)}
 .wa-header-brand img{width:32px;height:32px;flex:0 0 32px;object-fit:contain;border-radius:9px;background:#fff}
 .wa-header-brand span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .topbar .searchbox{grid-area:search;width:100%;max-width:none}
 .topbar .top-actions{grid-area:actions;display:flex;gap:6px;justify-self:end;margin-left:0}
 .top-actions .profile-pill{display:none}
 .topbar .wa-logout{padding:9px 10px;min-height:38px}
 .content{padding:14px 12px calc(94px + env(safe-area-inset-bottom))}
 .hero{gap:14px;padding:20px 16px;border-radius:22px}
 .hero .title{font-size:clamp(23px,5.8vw,30px);line-height:1.16;letter-spacing:-.6px}
 .hero .muted{font-size:13px;line-height:1.5;overflow-wrap:break-word}
 .hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .hero-actions .btn{width:100%;padding:11px 8px;font-size:clamp(10px,2.7vw,13px);text-align:center;justify-content:center;white-space:normal}
 .command-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .command-strip .command-item{padding:12px 9px;border-radius:13px}
 .command-strip .command-item small{font-size:8px;letter-spacing:.025em}
 .command-strip .command-item strong{font-size:clamp(12px,3.2vw,16px);line-height:1.35}
 .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 5px calc(7px + env(safe-area-inset-bottom))}
 .mobile-nav.nav-count-6{grid-template-columns:repeat(6,minmax(0,1fr))}
 .mobile-nav a{padding:7px 1px;font-size:clamp(8px,2.15vw,10px);border-radius:10px}
 .mobile-nav .m-ico{font-size:17px}
}
@media(max-width:380px){
 .topbar{padding-left:9px;padding-right:9px}
 .wa-header-brand{font-size:12px}
 .wa-header-brand img{width:29px;height:29px;flex-basis:29px}
 .topbar .searchbox .search{height:40px;font-size:12px}
 .topbar .wa-logout span{display:none}
 .topbar .wa-logout{width:38px;padding:8px}
 .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-actions .btn:first-child{grid-column:1/-1}
 .command-strip .command-item{padding:10px 7px}
 .command-strip .command-item small{font-size:7px}
 .command-strip .command-item strong{font-size:12px}
 .mobile-nav a{font-size:8px}
 .mobile-nav .m-ico{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.wa-ambient .orb,.wa-button-shine{animation:none!important}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

@media(max-width:900px){.mobile-nav a.active{color:var(--brand-accent,#1262c4);background:color-mix(in srgb,var(--brand-accent,#1262c4) 10%,white)}.wa-header-brand{color:var(--brand-accent,#173858)}.wa-logout:hover{color:var(--brand-accent,#74133d)}}

/* Webas 2.1 desktop shell: organisation identity, search and actions stay in one deliberate row. */
@media(min-width:901px){.topbar{display:grid;grid-template-columns:minmax(170px,235px) minmax(220px,1fr) auto;grid-template-areas:"brand search actions";gap:clamp(10px,1.3vw,20px);height:76px;padding:0 clamp(16px,2vw,30px);align-items:center;flex-wrap:nowrap}.wa-header-brand{grid-area:brand;display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;text-decoration:none;color:var(--brand-accent,#173858);font-weight:850;font-size:14px}.wa-header-brand img{width:38px;height:38px;flex:0 0 38px;object-fit:contain;background:#fff;border-radius:10px}.wa-header-brand span{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar>.searchbox{grid-area:search;width:100%;min-width:0;max-width:none}.top-actions{grid-area:actions;margin-left:0;min-width:0;gap:8px;white-space:nowrap}.profile-pill{max-width:170px;min-width:0}.profile-pill .who{min-width:0;overflow:hidden}.profile-pill strong{display:block;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-logout{flex:0 0 auto}.content{min-width:0}}
/* Type-ahead global search */
.wa-search-popover{position:absolute;z-index:1000;top:calc(100% + 8px);left:0;right:0;max-height:min(65vh,520px);overflow:auto;background:#fff;border:1px solid #dfe6ef;border-radius:16px;box-shadow:0 22px 55px rgba(18,36,66,.2);padding:6px}.wa-search-popover[hidden]{display:none}.wa-search-popover-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;text-decoration:none;color:#202c40;min-width:0}.wa-search-popover-item:hover,.wa-search-popover-item:focus{background:#f3f7fc;outline:none}.wa-search-popover-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:#eef4fb;color:#174d80;font-weight:850}.wa-search-popover-copy{min-width:0;flex:1}.wa-search-popover-copy b,.wa-search-popover-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-search-popover-copy b{font-size:12px}.wa-search-popover-copy small{font-size:10px;color:#78859a;margin-top:3px}.wa-search-popover-type{font-size:9px;font-weight:800;color:#7a8798;background:#f5f7fa;padding:4px 6px;border-radius:6px}.wa-search-popover-all{display:block;border-top:1px solid #edf0f4;margin-top:4px;padding:12px 10px 8px;color:#174d80;text-decoration:none;font-size:11px;font-weight:800}.wa-search-popover-empty{padding:16px 12px;color:#526176;font-size:12px}.wa-search-popover-empty small{display:block;margin-top:5px;color:#8893a4}.wa-search-page-form{padding:18px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:18px}.wa-search-page-form label,.wa-push-compose label{display:block;font-size:12px;font-weight:800;margin-bottom:8px;color:#26364b}.wa-search-page-field{display:flex;gap:8px;min-width:0}.wa-search-page-field input{flex:1;min-width:0;height:48px;border:1px solid #dbe3ed;border-radius:12px;padding:0 14px;font:inherit}.wa-search-page-field button{border:0;border-radius:12px;background:#174b7d;color:#fff;padding:0 22px;font-weight:800}.wa-search-results-head{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 10px}.wa-search-results-head h2{font-size:17px;margin:0}.wa-search-results-head span{font-size:11px;color:#7b8797}.wa-search-results-page{display:grid;gap:8px}.wa-search-result{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;background:#fff;border:1px solid #e1e7ef;border-radius:15px;text-decoration:none;color:#253247}.wa-search-result:hover{border-color:#aac9e8;box-shadow:0 8px 22px #1938580d}.wa-search-result-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:#eef5fb;color:#164e80;font-weight:900}.wa-search-result-copy{min-width:0;flex:1}.wa-search-result-copy b,.wa-search-result-copy small{display:block;overflow-wrap:anywhere}.wa-search-result-copy b{font-size:13px}.wa-search-result-copy small{font-size:11px;color:#758196;margin-top:4px}.wa-search-result-type{font-size:10px;color:#7d899a;font-weight:800}.wa-search-empty{background:#fff;border:1px dashed #d7e0eb;border-radius:16px;padding:30px;text-align:center;color:#2b3b50}.wa-search-empty p{font-size:12px;color:#7c889a}.wa-push-settings{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}.wa-push-settings-icon{width:54px;height:54px;border-radius:17px;background:#eef5fb;display:grid;place-items:center;color:#174b7d;font-size:24px}.wa-push-settings-copy h2{margin:0 0 8px;font-size:18px}.wa-push-settings-copy p{margin:0 0 8px;font-size:12px;line-height:1.6}.wa-push-settings-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}.wa-push-compose{padding:22px}.wa-push-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wa-push-form-grid input,.wa-push-form-grid select,.wa-push-form-grid textarea{width:100%;min-width:0;border:1px solid #dce4ed;border-radius:12px;padding:12px;font:inherit;background:#fff;color:#26364b}.wa-push-form-grid textarea{resize:vertical}.wa-push-form-grid small{display:block;font-size:10px;color:#7c8798;margin-top:6px}.wa-push-message-field{grid-column:1/-1}.wa-push-compose-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.wa-push-compose-actions a{text-decoration:none}.wa-push-compose .alert{grid-column:1/-1}@media(max-width:900px){.wa-push-form-grid{grid-template-columns:1fr}.wa-push-message-field{grid-column:auto}.wa-push-settings{grid-template-columns:auto minmax(0,1fr)}.wa-push-settings-actions{grid-column:1/-1}.wa-search-result-type{display:none}}@media(max-width:600px){.wa-search-page-field{flex-direction:column}.wa-search-page-field button{height:44px}.wa-search-result{padding:11px;gap:9px}.wa-search-result-icon{width:34px;height:34px;flex-basis:34px}.wa-search-result-copy b{font-size:12px}.wa-push-compose{padding:15px}.wa-push-compose-actions>*{flex:1;justify-content:center;text-align:center}.wa-push-settings-icon{width:42px;height:42px}}

@media(min-width:901px) and (max-width:1150px){.topbar{grid-template-columns:minmax(120px,160px) minmax(120px,1fr) auto;gap:8px;padding:0 10px}.profile-pill{display:none}.top-actions{gap:6px}.wa-header-brand{font-size:12px}.wa-header-brand img{width:32px;height:32px;flex-basis:32px}.topbar .wa-logout{padding:8px 9px}}


/* WEBAS 2.1 REPAIR: desktop sidebar/header sizing and overflow */
@media (min-width:901px){
 .app{grid-template-columns:248px minmax(0,1fr)!important;min-width:0}
 .sidebar{width:248px;min-width:0;padding:18px 12px;overflow-x:hidden}
 .sidebar .brand-wrap{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 8px 20px}
 .sidebar .brand-wrap .side-logo{display:block;width:38px!important;height:38px!important;min-width:38px;max-width:38px;max-height:38px;object-fit:contain;flex:0 0 38px}
 .sidebar .brand-wrap .brand{min-width:0;max-width:calc(100% - 48px);font-size:20px;line-height:1.2;overflow-wrap:anywhere}
 .sidebar .brand-wrap .brand small{font-size:8px;letter-spacing:.08em;line-height:1.35;white-space:normal}
 .main{min-width:0;width:100%;max-width:100%;overflow-x:clip}
 .topbar{display:flex;align-items:center;gap:12px;min-width:0;padding:0 clamp(14px,2vw,28px)}
 .wa-header-brand{display:flex;align-items:center;gap:8px;flex:0 1 220px;min-width:120px;max-width:240px;overflow:hidden;text-decoration:none;font-weight:750;white-space:nowrap}
 .wa-header-brand img{width:34px!important;height:34px!important;min-width:34px;max-width:34px;object-fit:contain;flex:0 0 34px}
 .wa-header-brand span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .topbar .searchbox{flex:1 1 280px;min-width:120px;max-width:620px}
 .topbar .top-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0}
 .topbar .profile-pill{max-width:165px;min-width:0}
 .topbar .profile-pill .who{min-width:0;overflow:hidden}
 .topbar .profile-pill .who strong,.topbar .profile-pill .who small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .topbar .wa-logout{white-space:nowrap;flex:0 0 auto}
 .content{min-width:0;width:100%;overflow-wrap:anywhere}
}
@media (min-width:901px) and (max-width:1200px){
 .app{grid-template-columns:218px minmax(0,1fr)!important}
 .sidebar{width:218px}
 .topbar{gap:8px;padding:0 10px}
 .wa-header-brand{flex-basis:145px;max-width:155px;min-width:100px;font-size:13px}
 .topbar .searchbox{min-width:100px}
 .topbar .profile-pill{display:none}
 .topbar .top-actions{gap:6px}
 .topbar .wa-logout{padding:8px 9px}
}
@media (min-width:901px) and (max-width:980px){.wa-header-brand{display:none}.topbar .searchbox{max-width:none}}
/* Search dropdown must sit above cards and not be clipped by header containers */
.searchbox{position:relative;z-index:50;min-width:0}
.wa-search-popover{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:9999;max-height:min(65vh,460px);overflow:auto;background:#fff;border:1px solid #e3e8f0;border-radius:16px;box-shadow:0 18px 55px rgba(17,36,65,.18);padding:6px}
.wa-search-popover[hidden]{display:none!important}
.wa-search-popover-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;text-decoration:none;color:#202338;min-width:0}
.wa-search-popover-item:hover,.wa-search-popover-item:focus{background:#f3f6fb;outline:0}
.wa-search-popover-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#eef4ff;color:#245ca3;font-weight:800}
.wa-search-popover-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.wa-search-popover-copy b,.wa-search-popover-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-search-popover-copy b{font-size:13px}.wa-search-popover-copy small{font-size:11px;color:#74788d}
.wa-search-popover-type{font-size:10px;color:#7a8090;flex:0 0 auto}
.wa-search-popover-empty,.wa-search-popover-all{display:block;padding:12px;color:#74788d;font-size:12px;text-decoration:none}
.wa-search-popover-empty small{display:block;margin-top:5px}.wa-search-popover-all{border-top:1px solid #edf0f5;color:#174f92;font-weight:700}


/* Webas white-label mobile polish and advertising */
:root{--wa-ease:cubic-bezier(.2,.75,.25,1)}
@media(prefers-reduced-motion:no-preference){.card,.service,.kpi,.wa-login-card,.wa-registration-card{animation:wa-rise .42s var(--wa-ease) both}.service:hover,.card:hover{transform:translateY(-2px)}.wa-dashboard-ad img{transition:transform .55s var(--wa-ease)}.wa-dashboard-ad:hover img{transform:scale(1.025)}}
@keyframes wa-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.wa-dashboard-ad{display:flex;position:relative;align-items:center;gap:12px;margin:0 0 18px;border-radius:18px;overflow:hidden;min-height:84px;background:linear-gradient(110deg,#fff,#f5f0f3);border:1px solid rgba(116,19,61,.12);color:inherit;text-decoration:none;box-shadow:0 8px 24px rgba(20,20,40,.06)}
.wa-dashboard-ad img{width:62%;max-height:150px;object-fit:cover;display:block}.wa-dashboard-ad span{display:flex;flex-direction:column;gap:6px;padding:12px 12px 12px 0}.wa-dashboard-ad small{font-size:9px;letter-spacing:.14em;color:#74133d;font-weight:800}.wa-dashboard-ad b{font-size:clamp(13px,2vw,18px);line-height:1.2}
.wa-ad-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end;margin-top:14px}.wa-ad-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:var(--text,#263047)}.wa-ad-form input{width:100%;min-width:0;padding:12px;border:1px solid #dfe4ec;border-radius:11px;background:#fff;color:#172033}.wa-ad-form button{min-height:42px}.wa-ad-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}.wa-ad-row{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #e6eaf0;border-radius:14px;flex-wrap:wrap}.wa-ad-row>img{width:112px;height:62px;object-fit:cover;border-radius:9px;background:#f2f4f8}.wa-ad-info{display:flex;flex:1;min-width:140px;flex-direction:column;gap:5px}.wa-ad-info small{color:#6b7280;font-size:11px}.wa-ad-actions{display:flex;gap:6px;flex-wrap:wrap}.wa-ad-actions .btn{font-size:11px;padding:8px 10px}.wa-org-field input[list]{width:100%;min-width:0;background:transparent;border:0;outline:0;color:inherit;padding:12px 4px}.wa-org-field input[list]::placeholder{color:#8b93a4}
@media(max-width:640px){.wa-ad-form{grid-template-columns:1fr}.wa-dashboard-ad{min-height:76px}.wa-dashboard-ad img{width:56%;max-height:108px}.wa-ad-row>img{width:100%;height:120px}.wa-ad-actions{width:100%}.wa-ad-actions .btn{flex:1}}

/* Webas corrective mobile patch: prevent decorative circles and narrow columns from obscuring content. */
.kpi::before,.kpi::after,.card.kpi::before,.card.kpi::after,.metric-card::before,.metric-card::after{pointer-events:none}
@media(max-width:900px){
 .kpi,.metric-card,.command-item,.service,.card{min-width:0}
 .kpi::before,.kpi::after,.metric-card::before,.metric-card::after{opacity:.12!important}
 .kpi strong,.kpi b,.metric-card strong,.metric-card b,.command-item strong{position:relative;z-index:1;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
 .kpi,.metric-card{overflow:hidden}
 .wa-user-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .wa-user-table{width:100%;min-width:700px;table-layout:auto}
 .wa-user-table th,.wa-user-table td{white-space:normal;overflow-wrap:anywhere;word-break:normal;vertical-align:middle;padding:13px 12px}
 .wa-user-table th{font-size:11px;letter-spacing:.02em}
 .wa-user-table td{font-size:13px;line-height:1.35}
 .wa-user-table td:first-child{min-width:150px}
 .wa-user-table td:nth-child(2){min-width:110px}
 .wa-user-table td:nth-child(3){min-width:190px}
 .wa-user-table td:nth-child(4){min-width:75px}
 .wa-user-table td:nth-child(5){min-width:90px}
 .wa-user-table .badge{display:inline-flex;max-width:none;white-space:nowrap;overflow-wrap:normal;word-break:normal;border-radius:999px;padding:7px 10px}
 .wa-user-search{display:flex;gap:8px;align-items:stretch;min-width:0}
 .wa-user-search input{min-width:0;flex:1;width:0}
 .wa-user-search button{flex:0 0 auto;padding:0 16px;white-space:nowrap}
 .wa-user-suggestions{position:absolute;z-index:999;top:calc(100% + 5px);left:0;right:0;max-height:45vh;overflow:auto;background:#fff;border:1px solid #dfe5ed;border-radius:13px;box-shadow:0 12px 32px rgba(20,35,60,.16);padding:5px}
 .wa-user-suggestions[hidden],.wa-user-no-match[hidden]{display:none!important}
 .wa-user-suggestion{display:block;width:100%;text-align:left;border:0;background:#fff;border-radius:9px;padding:10px 11px;color:#202b3d}
 .wa-user-suggestion:focus,.wa-user-suggestion:hover{background:#f2f6fb;outline:0}
 .wa-user-suggestion b,.wa-user-suggestion small{display:block;overflow-wrap:anywhere}
 .wa-user-suggestion b{font-size:13px}
 .wa-user-suggestion small{font-size:11px;color:#6d7889;margin-top:3px}
 .wa-user-no-match{padding:16px;color:#6d7889;font-size:12px}
}
@media(max-width:420px){
 .hero .title{font-size:clamp(22px,6vw,28px);overflow-wrap:anywhere}
 .hero-actions .btn{white-space:normal;overflow-wrap:anywhere}
 .kpi,.metric-card{padding:14px!important}
 .kpi strong,.metric-card strong{font-size:clamp(20px,6vw,27px)!important}
}

.wa-org-field{position:relative}
.wa-org-suggestions{position:absolute;z-index:1001;left:0;right:0;top:calc(100% + 5px);max-height:min(48vh,360px);overflow:auto;background:#fff;border:1px solid #dfe5ed;border-radius:13px;box-shadow:0 14px 34px rgba(20,35,60,.18);padding:5px}
.wa-org-suggestions[hidden]{display:none!important}
.wa-org-suggestion{display:block;width:100%;border:0;background:#fff;text-align:left;padding:10px 12px;border-radius:9px;color:#202b3d;cursor:pointer}
.wa-org-suggestion:hover,.wa-org-suggestion:focus{background:#f1f6fb;outline:2px solid #d5e5f5}
.wa-org-suggestion[hidden]{display:none!important}
.wa-org-suggestion b,.wa-org-suggestion small{display:block;overflow-wrap:anywhere}
.wa-org-suggestion b{font-size:13px;line-height:1.35}
.wa-org-suggestion small{font-size:10px;color:#78859a;margin-top:3px}

/* Branded app sharing and QR controls */
.wa-brand-share-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0}
.wa-secondary-action{appearance:none;border:1px solid rgba(116,19,61,.18);background:#fff;color:#74133d;border-radius:13px;min-height:46px;padding:11px 16px;font:700 14px/1.25 system-ui,-apple-system,Segoe UI,sans-serif;cursor:pointer;flex:1 1 130px}
.wa-secondary-action:focus-visible,.wa-primary-action:focus-visible,.wa-install-action:focus-visible{outline:3px solid rgba(36,111,190,.35);outline-offset:2px}
.wa-qr-sheet{max-height:min(90dvh,850px);overflow:auto}
.wa-qr-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:230px;margin:16px auto;padding:12px;background:#fff;border:1px solid #e4e8ef;border-radius:18px;max-width:290px}
.wa-qr-image-wrap img{display:block;width:min(100%,260px);height:auto;image-rendering:pixelated}
#brandQrLoading{position:absolute;font-size:12px;color:#667085;background:#fff;padding:6px}
#brandQrLoading[hidden]{display:none}
.wa-qr-url{font-size:12px;line-height:1.45;overflow-wrap:anywhere;color:#536074;text-align:center;margin:8px 0 14px}
@media(max-width:480px){.wa-brand-share-actions{gap:8px}.wa-secondary-action{flex-basis:100%;width:100%}.wa-qr-sheet{padding:20px 16px}.wa-qr-image-wrap{min-height:200px}}


/* Installed branded-app presentation: hide tenant switcher and installation upsell,
   while retaining Share/QR controls and the actual login form. */
html.wa-installed-brand-mode .wa-org-field,
html.wa-installed-brand-mode label[for="organization_id"],
html.wa-installed-brand-mode #orgHelp,
html.wa-installed-brand-mode .wa-remember-row,
html.wa-installed-brand-mode #installWebas,
html.wa-installed-brand-mode #installDialog,
html.wa-installed-brand-mode .wa-install-backdrop#installDialog {
  display: none !important;
}


/* Reliable installed-PWA cleanup: remove brand-selection/setup UI only inside installed app. */
html.wa-installed-brand-mode .wa-org-field,
html.wa-installed-brand-mode label[for="organization_id"],
html.wa-installed-brand-mode #orgHelp,
html.wa-installed-brand-mode .wa-remember-row,
html.wa-installed-brand-mode #installWebas,
html.wa-installed-brand-mode #installDialog,
html.wa-installed-brand-mode #orgSearchSuggestions,
html.wa-installed-brand-mode #orgSearch {
  display: none !important;
}

/* Webas full branded experience: installed app and owner-controlled welcome area */
.wa-hide-brand-intro { display:none !important; }
html.wa-installed-brand-mode .wa-step-label,
body.wa-installed-brand-mode .wa-step-label,
html.wa-installed-brand-mode .wa-selected-workspace { display:none !important; }
html.wa-installed-brand-mode .wa-stage,
body.wa-installed-brand-mode .wa-stage { grid-template-columns:minmax(0,1fr) !important; }
html.wa-installed-brand-mode .wa-login-area,
body.wa-installed-brand-mode .wa-login-area { width:100%; max-width:100%; }
html.wa-installed-brand-mode .wa-login-bottom { display:none !important; }
html.wa-installed-brand-mode .wa-top-links .wa-secure { display:none !important; }
.wa-owner-welcome-settings textarea { width:100%; box-sizing:border-box; font:inherit; color:inherit; background:transparent; border:0; outline:0; resize:vertical; }
.wa-registration-page .wa-brand-lockup img { object-fit:contain; }


/* 2026-10-27 corrective white-label experience: preserve the original two-tone headline. */
.wa-showcase h1 span, .wa-registration-intro h1 span { color: var(--brand-accent, #17477b); }
.wa-showcase h1 { color: #172033; }
/* A two-line custom headline uses the second line as the accent colour. */
.wa-showcase h1 span { display: inline; }
/* Registration opened inside an installed organisation app should be direct and brand-first. */
html.wa-installed-brand-mode .wa-registration-intro .wa-showcase-tag,
html.wa-installed-brand-mode .wa-registration-intro .wa-approval-promise,
html.wa-installed-brand-mode .wa-registration-intro .wa-registration-intro-default { display:none!important; }
html.wa-installed-brand-mode .wa-registration-card label[for="accountType"],
html.wa-installed-brand-mode .wa-registration-card label[for="accountType"] + .wa-field,
html.wa-installed-brand-mode .wa-registration-card #accountType,
html.wa-installed-brand-mode .wa-registration-card #userOrgField { display:none!important; }
html.wa-installed-brand-mode .wa-registration-card .wa-owner-welcome-settings { display:none!important; }
html.wa-installed-brand-mode .wa-registration-card .wa-registration-note { display:none!important; }


/* Webas corrective brand, mobile dues and action controls */
.brand-two-line-title{display:flex;flex-direction:column;gap:.08em;max-width:100%;line-height:1.08;overflow-wrap:normal;word-break:normal;hyphens:none}
.brand-two-line-title>span{display:block;max-width:100%;white-space:normal}
.brand-two-line-title .brand-title-accent{color:#bfe9ff!important;text-shadow:0 1px 1px rgba(0,0,0,.18)}
.brand-logo-missing:before{content:attr(data-brand-initial);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--brand-accent,#17477b);color:#fff;font-weight:800}
.due-card-list{display:none}
.due-mobile-card{background:#fff;border:1px solid #dfe5ee;border-radius:18px;padding:16px;margin:0 0 12px;box-shadow:0 5px 18px rgba(20,40,70,.04)}
.due-mobile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.due-mobile-top strong{display:block;font-size:1.02rem;line-height:1.35;overflow-wrap:anywhere}
.due-mobile-top small{display:block;color:#758094;font-size:.78rem;margin-top:4px}
.due-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.due-mobile-grid>div{min-width:0;background:#f6f8fb;border-radius:12px;padding:10px}
.due-mobile-grid small{display:block;color:#758094;font-size:.75rem;margin-bottom:4px}
.due-mobile-grid strong{display:block;overflow-wrap:anywhere;font-size:.95rem}
.due-action{display:flex;justify-content:center;margin-top:14px;text-decoration:none}
.due-action-label{display:block;margin-top:12px;font-weight:600}
.gold-booking-summary{display:flex;flex-direction:column;gap:4px;background:#effaf5;color:#146c50;border:1px solid #c9efdf;padding:12px;border-radius:12px;margin:10px 0}
.gold-booking-summary span{font-size:.88rem}
.contact-actions{display:flex;flex-wrap:wrap;gap:6px}
.contact-actions .btn{min-height:36px;padding:7px 10px;font-size:.84rem;text-decoration:none}
.approval-card{margin-bottom:16px}
.approval-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.approval-head h2{margin:0 0 5px}
.approval-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.approval-details span{background:#f6f8fb;border-radius:12px;padding:10px;min-width:0}
.approval-details small{display:block;color:#738096;margin-bottom:4px}
.approval-details strong{display:block;overflow-wrap:anywhere}
.approval-form label,.gold-fields label{display:flex;flex-direction:column;gap:6px;font-weight:600;margin:10px 0}
.approval-form input,.approval-form textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid #d6deea;border-radius:10px;font:inherit}
.gold-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.btn.danger{background:#fff0f0;color:#a52222;border:1px solid #f0caca}
@media(max-width:680px){
 .due-card-list{display:block}
 .due-desktop-table{display:none}
 .brand-two-line-title{font-size:clamp(1.7rem,7vw,2.35rem);line-height:1.1;letter-spacing:-.025em}
 .hero,.hero>div{min-width:0}
 .gold-fields{grid-template-columns:1fr}
 .contact-actions{gap:5px}
 .contact-actions .btn{flex:1;text-align:center}
}

.statement-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.statement-filter label{display:flex;flex-direction:column;gap:6px;font-weight:600}.statement-filter input{padding:11px;border:1px solid #d6deea;border-radius:10px;font:inherit}@media(max-width:680px){.statement-filter{grid-template-columns:1fr}}

.owner-payment-qr{display:block;max-width:min(280px,100%);height:auto;border:1px solid #dfe5ee;border-radius:12px;padding:8px;background:#fff}.payment-method-card{max-width:760px}


/* WEBAS brand experience patch 2026-10-27: installed branded auth screens. */
html.wa-installed-brand-mode .wa-topbar .wa-secure,
html.wa-installed-brand-mode .wa-step-label,
html.wa-installed-brand-mode #brandIntro .wa-showcase-tag,
html.wa-installed-brand-mode .wa-login-bottom,
html.wa-installed-brand-mode #orgHelp,
html.wa-installed-brand-mode #installWebas,
html.wa-installed-brand-mode #installDialog,
html.wa-installed-brand-mode .wa-registration-card .wa-registration-note,
html.wa-installed-brand-mode .wa-registration-card .wa-owner-welcome-settings { display:none!important; }
html.wa-installed-brand-mode .wa-login-card .wa-org-field,
html.wa-installed-brand-mode .wa-login-card label[for="organization_id"],
html.wa-installed-brand-mode .wa-login-card #rememberBrand,
html.wa-installed-brand-mode .wa-login-card .wa-remember-row:has(#rememberBrand) { display:none!important; }
html.wa-installed-brand-mode .wa-registration-card label[for="accountType"],
html.wa-installed-brand-mode .wa-registration-card #accountType,
html.wa-installed-brand-mode .wa-registration-card #userOrgField { display:none!important; }
html.wa-installed-brand-mode .wa-topbar .wa-brand-lockup img,
html.wa-installed-brand-mode .wa-registration-card .wa-brand-preview img { object-fit:contain; }


/* Installed brand app: also hide the 'remembered on this device' footer line. */
html.wa-installed-brand-mode .wa-card-footer .wa-footer-lock,
html.wa-installed-brand-mode .wa-card-footer { display:none !important; }
html.wa-installed-brand-mode .wa-step-label { display:none !important; }

/* WEBAS DASHBOARD — HIGH-VISIBILITY PRISMATIC AQUA / FLOATING BUBBLES
   Append this patch to the END of assets/webas2/webas-final.css.
   Header only: no HTML, PHP, database or workflow changes. */

.topbar{
  isolation:isolate!important;
  overflow:hidden!important;
  background:rgba(248,252,255,.90)!important;
  border-bottom:1px solid rgba(91,143,195,.28)!important;
  box-shadow:0 8px 30px rgba(25,76,132,.12),inset 0 1px 0 #fff!important;
}

/* Large, clearly moving liquid colour fields and individual glossy bubbles */
.topbar::before{
  content:"";
  position:absolute;
  inset:-34px -8%;
  z-index:0;
  pointer-events:none;
  opacity:.96;
  background:
    radial-gradient(circle at 5% 78%,rgba(255,255,255,.98) 0 5px,rgba(255,255,255,.55) 6px 9px,rgba(255,91,169,.38) 10px 19px,transparent 21px),
    radial-gradient(circle at 17% 25%,rgba(255,255,255,.98) 0 3px,rgba(255,255,255,.5) 4px 7px,rgba(63,184,255,.42) 8px 15px,transparent 17px),
    radial-gradient(circle at 29% 83%,rgba(255,255,255,.95) 0 4px,rgba(255,255,255,.45) 5px 8px,rgba(163,102,255,.38) 9px 17px,transparent 19px),
    radial-gradient(circle at 43% 16%,rgba(255,255,255,.98) 0 5px,rgba(255,255,255,.5) 6px 9px,rgba(39,210,190,.4) 10px 19px,transparent 21px),
    radial-gradient(circle at 56% 75%,rgba(255,255,255,.98) 0 3px,rgba(255,255,255,.48) 4px 7px,rgba(255,173,71,.42) 8px 16px,transparent 18px),
    radial-gradient(circle at 70% 24%,rgba(255,255,255,.98) 0 5px,rgba(255,255,255,.5) 6px 9px,rgba(255,81,164,.38) 10px 19px,transparent 21px),
    radial-gradient(circle at 83% 82%,rgba(255,255,255,.98) 0 4px,rgba(255,255,255,.5) 5px 8px,rgba(76,155,255,.42) 9px 17px,transparent 19px),
    radial-gradient(circle at 96% 30%,rgba(255,255,255,.98) 0 5px,rgba(255,255,255,.5) 6px 9px,rgba(162,93,255,.4) 10px 19px,transparent 21px),
    radial-gradient(ellipse at 5% 10%,rgba(255,65,155,.38),transparent 35%),
    radial-gradient(ellipse at 38% 100%,rgba(49,177,255,.38),transparent 42%),
    radial-gradient(ellipse at 70% 0%,rgba(38,220,188,.34),transparent 38%),
    radial-gradient(ellipse at 100% 100%,rgba(177,91,255,.34),transparent 40%),
    linear-gradient(105deg,rgba(255,239,249,.64),rgba(232,248,255,.65) 48%,rgba(244,239,255,.64));
  background-size:
    100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,
    190% 230%,210% 220%,190% 220%,210% 230%,100% 100%;
  background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0% 0%,100% 100%,0% 100%,100% 0%,0 0;
  animation:wa-aqua-bubble-drift 5.8s ease-in-out infinite alternate,
            wa-aqua-colour-flow 8s linear infinite;
  will-change:background-position,transform;
}

/* Bright, animated prismatic rim with a soft coloured aura */
.topbar::after{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  inset:0 0 auto;
  height:5px!important;
  opacity:1!important;
  background:linear-gradient(90deg,
    #ff2994 0%,#ff8a35 13%,#ffe34d 25%,#63e65c 38%,
    #16d9cf 51%,#369cff 64%,#9c55ff 77%,#ed48d1 90%,#ff2994 100%)!important;
  background-size:220% 100%!important;
  animation:wa-aqua-rainbow-rim 3.2s linear infinite!important;
  box-shadow:0 0 8px rgba(255,75,174,.55),0 2px 15px rgba(59,160,255,.42),0 4px 22px rgba(124,78,255,.20);
}

.topbar>*{position:relative;z-index:3}
@keyframes wa-aqua-bubble-drift{
  0%{transform:translate3d(-1.5%,7px,0) scale(1);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0% 0%,100% 100%,0% 100%,100% 0%,0 0}
  50%{transform:translate3d(1%, -5px,0) scale(1.025);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,48% 55%,42% 20%,65% 35%,25% 65%,0 0}
  100%{transform:translate3d(2%,6px,0) scale(1.01);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,100% 100%,0% 0%,100% 100%,0% 0%,0 0}
}
@keyframes wa-aqua-colour-flow{
  0%{filter:hue-rotate(0deg) saturate(1.12)}
  50%{filter:hue-rotate(22deg) saturate(1.32)}
  100%{filter:hue-rotate(-12deg) saturate(1.18)}
}
@keyframes wa-aqua-rainbow-rim{
  from{background-position:0% 50%}
  to{background-position:220% 50%}
}
@media(max-width:900px){
  .topbar::before{inset:-25px -18%;opacity:.9}
  .topbar::after{height:4px!important}
}
@media(prefers-reduced-motion:reduce){
  .topbar::before,.topbar::after{animation:none!important}
}


/* WEBAS MOBILE HEADER VISIBILITY FIX — stronger floating droplets on narrow screens */
@media(max-width:900px){
 .topbar{
   min-height:68px!important;
   background:rgba(247,251,255,.78)!important;
 }
 .topbar::before{
   inset:-38px -30%!important;
   opacity:1!important;
   background:
    radial-gradient(circle at 7% 62%,rgba(255,255,255,.98) 0 4px,rgba(255,255,255,.65) 5px 8px,rgba(255,62,160,.62) 9px 17px,transparent 19px),
    radial-gradient(circle at 22% 22%,rgba(255,255,255,.98) 0 3px,rgba(255,255,255,.62) 4px 7px,rgba(49,173,255,.65) 8px 15px,transparent 17px),
    radial-gradient(circle at 38% 80%,rgba(255,255,255,.98) 0 4px,rgba(255,255,255,.62) 5px 8px,rgba(149,82,255,.58) 9px 17px,transparent 19px),
    radial-gradient(circle at 54% 20%,rgba(255,255,255,.98) 0 4px,rgba(255,255,255,.62) 5px 8px,rgba(26,207,185,.62) 9px 17px,transparent 19px),
    radial-gradient(circle at 70% 76%,rgba(255,255,255,.98) 0 3px,rgba(255,255,255,.62) 4px 7px,rgba(255,166,48,.62) 8px 15px,transparent 17px),
    radial-gradient(circle at 87% 26%,rgba(255,255,255,.98) 0 4px,rgba(255,255,255,.62) 5px 8px,rgba(255,66,164,.62) 9px 17px,transparent 19px),
    radial-gradient(ellipse at 0% 0%,rgba(255,70,165,.44),transparent 48%),
    radial-gradient(ellipse at 52% 100%,rgba(53,164,255,.42),transparent 50%),
    radial-gradient(ellipse at 100% 0%,rgba(126,77,255,.38),transparent 46%),
    linear-gradient(105deg,rgba(255,240,249,.72),rgba(229,247,255,.72) 50%,rgba(245,239,255,.72));
   background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,190% 220%,190% 220%,190% 220%,100% 100%;
   animation:wa-mobile-bubble-rise 3.6s ease-in-out infinite alternate,wa-aqua-colour-flow 6s linear infinite!important;
 }
 .topbar::after{height:5px!important}
}
@keyframes wa-mobile-bubble-rise{
 0%{transform:translate3d(-3%,10px,0) scale(1);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0% 0%,100% 100%,0% 100%,0 0}
 50%{transform:translate3d(1%,-9px,0) scale(1.035);background-position:0 0,0 0,0 0,0 0,0 0,0 0,48% 70%,45% 15%,75% 55%,0 0}
 100%{transform:translate3d(3%,8px,0) scale(1.015);background-position:0 0,0 0,0 0,0 0,0 0,0 0,100% 100%,0% 0%,100% 0%,0 0}
}

/* Organisation-scoped authentication animation presets */
body.wa-auth-v2{--wa-head-a:#f5c65e;--wa-head-b:#e7a7c1;--wa-head-c:#d9c7fa}
body.wa-auth-v2[data-header-theme="ocean"]{--wa-head-a:#56c8e8;--wa-head-b:#477be0;--wa-head-c:#8de5d4}
body.wa-auth-v2[data-header-theme="sunset"]{--wa-head-a:#ffb45e;--wa-head-b:#f06a82;--wa-head-c:#bd83d9}
body.wa-auth-v2[data-header-theme="emerald"]{--wa-head-a:#62d6a4;--wa-head-b:#36a6a0;--wa-head-c:#c4e88b}
body.wa-auth-v2[data-header-theme="violet"]{--wa-head-a:#c5a0ff;--wa-head-b:#8e83e8;--wa-head-c:#f0a9d5}
body.wa-auth-v2[data-header-theme="midnight"]{--wa-head-a:#5575a9;--wa-head-b:#263c68;--wa-head-c:#6b5c9d}
body.wa-auth-v2[data-header-theme="brand"]{--wa-head-a:color-mix(in srgb,var(--brand-accent) 58%,#fff);--wa-head-b:color-mix(in srgb,var(--brand-accent) 35%,#f3b5c9);--wa-head-c:color-mix(in srgb,var(--brand-accent) 24%,#d8c8ff)}
body.wa-auth-v2 .orb-a{background:radial-gradient(circle at 40% 40%,var(--wa-head-a),transparent 68%)}body.wa-auth-v2 .orb-b{background:radial-gradient(circle at 50% 50%,var(--wa-head-b),transparent 68%)}body.wa-auth-v2 .orb-c{background:radial-gradient(circle at 50% 50%,var(--wa-head-c),transparent 70%)}
body.wa-auth-v2[data-header-speed="slow"] .orb{animation-duration:24s}body.wa-auth-v2[data-header-speed="normal"] .orb{animation-duration:14s}body.wa-auth-v2[data-header-speed="fast"] .orb{animation-duration:8s}
body.wa-auth-v2[data-header-intensity="subtle"] .orb{opacity:.22;filter:blur(3px)}body.wa-auth-v2[data-header-intensity="normal"] .orb{opacity:.42}body.wa-auth-v2[data-header-intensity="vivid"] .orb{opacity:.68;filter:blur(0)}
body.wa-auth-v2[data-header-animation="none"] .wa-ambient{display:none}body.wa-auth-v2[data-header-animation="grid"] .orb{display:none}body.wa-auth-v2[data-header-animation="grid"] .wa-grid{opacity:.28;animation:waGridPulse 8s ease-in-out infinite}
body.wa-auth-v2[data-header-animation="bubbles"] .orb{filter:blur(0);border:1px solid #ffffff88;background:radial-gradient(circle at 32% 28%,#ffffffaa,var(--wa-head-a) 35%,transparent 72%)}
body.wa-auth-v2[data-header-animation="bubbles"] .orb-a{width:180px;height:180px;left:8%;top:20%}body.wa-auth-v2[data-header-animation="bubbles"] .orb-b{width:240px;height:240px;right:8%;top:5%}body.wa-auth-v2[data-header-animation="bubbles"] .orb-c{width:130px;height:130px;right:35%;bottom:4%}
body.wa-auth-v2[data-header-animation="waves"] .orb{width:72vw;height:36vw;max-height:360px;border-radius:50%;filter:blur(28px);opacity:.22}
body.wa-auth-v2[data-header-animation="stars"] .orb{width:8px;height:8px;filter:none;background:var(--wa-head-a);box-shadow:0 0 18px 6px var(--wa-head-b);opacity:.8}
@keyframes waGridPulse{0%,100%{opacity:.12}50%{opacity:.32}}@media(prefers-reduced-motion:reduce){body.wa-auth-v2 .orb,body.wa-auth-v2 .wa-grid{animation:none!important}}
.wa-header-select{width:100%;min-height:43px;border:1px solid #dce2eb;border-radius:10px;padding:8px 10px;background:#fff;color:#26364b;font:inherit}
.wa-header-preview-wrap{margin-top:15px}.wa-header-preview{position:relative;isolation:isolate;overflow:hidden;height:118px;border-radius:16px;border:1px solid #e6e9ef;background:linear-gradient(120deg,#fff8ee,#f6f4fb);display:flex;align-items:center;justify-content:center}
.wa-header-preview:before,.wa-header-preview:after,.wa-preview-orb{content:"";position:absolute;width:140px;height:140px;border-radius:50%;filter:blur(2px);opacity:.55;background:var(--wa-head-a,#f5c65e);animation:waDrift 14s ease-in-out infinite;z-index:-1}
.wa-header-preview:before{left:8%;top:-55px}.wa-header-preview:after{right:8%;top:-55px;background:var(--wa-head-b,#e7a7c1)}.wa-preview-orb.three{right:40%;bottom:-100px;background:var(--wa-head-c,#d9c7fa)}
.wa-header-preview[data-theme="ocean"]{--wa-head-a:#56c8e8;--wa-head-b:#477be0;--wa-head-c:#8de5d4}.wa-header-preview[data-theme="sunset"]{--wa-head-a:#ffb45e;--wa-head-b:#f06a82;--wa-head-c:#bd83d9}.wa-header-preview[data-theme="emerald"]{--wa-head-a:#62d6a4;--wa-head-b:#36a6a0;--wa-head-c:#c4e88b}.wa-header-preview[data-theme="violet"]{--wa-head-a:#c5a0ff;--wa-head-b:#8e83e8;--wa-head-c:#f0a9d5}.wa-header-preview[data-theme="midnight"]{--wa-head-a:#5575a9;--wa-head-b:#263c68;--wa-head-c:#6b5c9d}
.wa-header-preview[data-animation="none"] .wa-preview-orb,.wa-header-preview[data-animation="none"]:before,.wa-header-preview[data-animation="none"]:after{display:none}
.wa-header-preview[data-animation="bubbles"] .wa-preview-orb,.wa-header-preview[data-animation="bubbles"]:before,.wa-header-preview[data-animation="bubbles"]:after{filter:none;border:1px solid #fff;background:radial-gradient(circle at 30% 25%,#fff,var(--wa-head-a),transparent 75%)}
.wa-header-preview[data-animation="stars"] .wa-preview-orb,.wa-header-preview[data-animation="stars"]:before,.wa-header-preview[data-animation="stars"]:after{width:8px;height:8px;filter:none;box-shadow:0 0 18px 6px var(--wa-head-b)}
.wa-header-preview[data-animation="grid"]{background-image:linear-gradient(#8882 1px,transparent 1px),linear-gradient(90deg,#8882 1px,transparent 1px);background-size:22px 22px}
.wa-header-preview[data-speed="slow"] .wa-preview-orb,.wa-header-preview[data-speed="slow"]:before,.wa-header-preview[data-speed="slow"]:after{animation-duration:24s}.wa-header-preview[data-speed="fast"] .wa-preview-orb,.wa-header-preview[data-speed="fast"]:before,.wa-header-preview[data-speed="fast"]:after{animation-duration:7s}
.wa-header-preview[data-intensity="subtle"] .wa-preview-orb,.wa-header-preview[data-intensity="subtle"]:before,.wa-header-preview[data-intensity="subtle"]:after{opacity:.2}.wa-header-preview[data-intensity="vivid"] .wa-preview-orb,.wa-header-preview[data-intensity="vivid"]:before,.wa-header-preview[data-intensity="vivid"]:after{opacity:.85}
.wa-preview-label{font-weight:750;color:#38445a;z-index:2;background:#ffffffb8;padding:9px 14px;border-radius:100px}

/* Header Studio v2: individually-randomised motion layers */
body.wa-auth-v2 .wa-ambient{overflow:hidden;isolation:isolate;pointer-events:none}
body.wa-auth-v2 .wa-random-particle{position:absolute;display:block;z-index:0;pointer-events:none;will-change:transform;transform:translate3d(0,0,0);}
body.wa-auth-v2 .wa-particle-orbs{border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffffb8,var(--wa-head-a) 34%,var(--wa-head-b) 62%,transparent 76%);mix-blend-mode:screen}
body.wa-auth-v2 .wa-particle-bubbles{border-radius:50%;border:1.5px solid #ffffffa8;background:radial-gradient(circle at 30% 25%,#ffffffa8 0%,var(--wa-head-a) 22%,transparent 72%);box-shadow:inset 0 0 18px #ffffff55,0 0 24px color-mix(in srgb,var(--wa-head-b) 50%,transparent)}
body.wa-auth-v2 .wa-particle-waves{border-radius:48% 52% 62% 38% / 42% 45% 55% 58%;background:linear-gradient(135deg,var(--wa-head-a),var(--wa-head-b),var(--wa-head-c));mix-blend-mode:screen}
body.wa-auth-v2 .wa-particle-stars{border-radius:50%;background:#fff;box-shadow:0 0 7px 2px var(--wa-head-a),0 0 18px 5px var(--wa-head-b);}
body.wa-auth-v2 .wa-particle-grid{width:7px!important;height:7px!important;border-radius:50%;background:var(--wa-head-a);box-shadow:0 0 15px 4px var(--wa-head-b)}
body.wa-auth-v2[data-header-animation="grid"] .wa-grid{opacity:.3;animation:waGridPulse 5s ease-in-out infinite}
body.wa-auth-v2[data-header-animation="none"] .wa-ambient{display:none}
body.wa-auth-v2[data-header-intensity="subtle"] .wa-random-particle{filter:saturate(.72)}
body.wa-auth-v2[data-header-intensity="vivid"] .wa-random-particle{filter:saturate(1.35) brightness(1.12)}
.wa-header-preview{isolation:isolate;min-height:145px}
.wa-header-preview .wa-preview-label{position:relative;z-index:3;pointer-events:none}
.wa-header-preview .wa-random-particle{position:absolute;z-index:1;pointer-events:none}
.wa-header-preview[data-animation="none"]{background:linear-gradient(120deg,#f8fafc,#edf2f7)}
@media(max-width:600px){body.wa-auth-v2 .wa-random-particle{max-width:42vw;max-height:42vw} .wa-header-preview{min-height:130px}}
@media(prefers-reduced-motion:reduce){body.wa-auth-v2 .wa-random-particle,.wa-header-preview .wa-random-particle{animation:none!important}}
.wa-header-preview .wa-particle-orbs{border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffffb8,var(--wa-head-a) 34%,var(--wa-head-b) 62%,transparent 76%);mix-blend-mode:screen}
.wa-header-preview .wa-particle-bubbles{border-radius:50%;border:1.5px solid #ffffffa8;background:radial-gradient(circle at 30% 25%,#ffffffa8 0%,var(--wa-head-a) 22%,transparent 72%);box-shadow:inset 0 0 18px #ffffff55,0 0 24px color-mix(in srgb,var(--wa-head-b) 50%,transparent)}
.wa-header-preview .wa-particle-waves{border-radius:48% 52% 62% 38% / 42% 45% 55% 58%;background:linear-gradient(135deg,var(--wa-head-a),var(--wa-head-b),var(--wa-head-c));mix-blend-mode:screen}
.wa-header-preview .wa-particle-stars{border-radius:50%;background:#fff;box-shadow:0 0 7px 2px var(--wa-head-a),0 0 18px 5px var(--wa-head-b)}
.wa-header-preview .wa-particle-grid{width:7px!important;height:7px!important;border-radius:50%;background:var(--wa-head-a);box-shadow:0 0 15px 4px var(--wa-head-b)}
/* v2 fully replaces the old one-way preset orbs */
body.wa-auth-v2 .wa-ambient>.orb{display:none!important}
body.wa-auth-v2 .wa-ambient>.wa-grid{display:none}
body.wa-auth-v2[data-header-animation="grid"] .wa-ambient>.wa-grid{display:block;opacity:.3}
.wa-header-preview:before,.wa-header-preview:after{display:none!important;content:none!important}

/* Additional polished authentication effects — existing presets remain unchanged. */
body.wa-auth-v2 .wa-particle-aurora,
.wa-header-preview .wa-particle-aurora{
  border-radius:50% 48% 42% 56%;
  background:linear-gradient(112deg,transparent 0%,var(--wa-head-a) 23%,var(--wa-head-c) 52%,var(--wa-head-b) 76%,transparent 100%);
  filter:blur(22px)!important;mix-blend-mode:screen;opacity:.34;
}
body.wa-auth-v2 .wa-particle-comets,
.wa-header-preview .wa-particle-comets{
  border-radius:99px;background:linear-gradient(90deg,transparent 0%,var(--wa-head-a) 28%,#fff 76%,#fff 100%);
  box-shadow:0 0 8px 2px var(--wa-head-b),0 0 18px 3px color-mix(in srgb,var(--wa-head-a) 48%,transparent);
}
body.wa-auth-v2 .wa-particle-prism,
.wa-header-preview .wa-particle-prism{
  border:1px solid #ffffffa8;border-radius:7px 24px 7px 24px;
  background:linear-gradient(135deg,#ffffff88,var(--wa-head-a) 30%,var(--wa-head-b) 66%,#ffffff22);
  box-shadow:inset 0 0 18px #ffffff66,0 0 20px color-mix(in srgb,var(--wa-head-b) 38%,transparent);
  clip-path:polygon(50% 0,100% 35%,78% 100%,18% 84%,0 28%);
}
body.wa-auth-v2 .wa-particle-fireflies,
.wa-header-preview .wa-particle-fireflies{
  border-radius:50%;background:#fff;box-shadow:0 0 6px 2px var(--wa-head-a),0 0 15px 5px var(--wa-head-b),0 0 28px 8px var(--wa-head-c);
  animation-name:wa-firefly-pulse;animation-duration:2.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;
}
@keyframes wa-firefly-pulse{from{filter:brightness(.72);opacity:.38}to{filter:brightness(1.45);opacity:1}}
body.wa-auth-v2[data-header-animation="aurora"] .wa-ambient{background:radial-gradient(ellipse at 18% 78%,color-mix(in srgb,var(--wa-head-a) 32%,transparent),transparent 48%),radial-gradient(ellipse at 82% 18%,color-mix(in srgb,var(--wa-head-b) 30%,transparent),transparent 48%)}
body.wa-auth-v2[data-header-animation="comets"] .wa-ambient{background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--wa-head-b) 14%,transparent),transparent 65%)}
body.wa-auth-v2[data-header-animation="prism"] .wa-ambient{background:linear-gradient(125deg,color-mix(in srgb,var(--wa-head-a) 12%,transparent),transparent 40%,color-mix(in srgb,var(--wa-head-c) 18%,transparent))}
body.wa-auth-v2[data-header-animation="fireflies"] .wa-ambient{background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--wa-head-a) 12%,transparent),transparent 68%)}
.wa-header-preview[data-animation="aurora"]{background:linear-gradient(120deg,#071d3a,#123c63 52%,#17264c)}
.wa-header-preview[data-animation="comets"]{background:linear-gradient(120deg,#07152e,#132c52)}
.wa-header-preview[data-animation="prism"]{background:linear-gradient(120deg,#10243f,#31516c 48%,#35284e)}
.wa-header-preview[data-animation="fireflies"]{background:linear-gradient(120deg,#081d2d,#123b45 55%,#152b42)}

/* Stars occupy and travel through the entire existing workspace topbar without affecting layout. */
.app .topbar{position:relative;isolation:isolate}
/* Workspace stars: retain the approved five-point star silhouette and multicolour glow. */
.app .topbar .wa-workspace-star-layer{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;contain:layout paint}
.app .topbar .wa-workspace-star{position:absolute;display:block;left:0;top:0;width:var(--star-size,40px);height:var(--star-size,40px);border-radius:0;pointer-events:none;background:var(--star-colour,#56c8e8);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 3px var(--star-colour,#56c8e8)) drop-shadow(0 0 8px var(--star-glow,#477be0));will-change:transform,opacity}
.app .topbar>*:not(.wa-workspace-star-layer){position:relative;z-index:3}
@media(prefers-reduced-motion:reduce){.app .topbar .wa-workspace-star{opacity:.6!important}}