/* Spamsiz / Vaulto. Keep vt.css gradients, concentric card textures, inset
   highlights, orange glow, rounded pills and movement. UX fixes only adapt
   reading order, labels, fields and small screens; they must not flatten it. */
:root{--mute:#aeb0b7;--dim:#93969e;--ln:rgba(255,255,255,.10);color-scheme:dark}
html{scrollbar-gutter:stable}body{font-size:14.5px;line-height:1.6;overflow-x:visible}h1,h2,h3,h4,p{text-wrap:pretty}h1{font-size:27px;line-height:1.3;font-weight:600;margin:0 0 8px}a,button{touch-action:manipulation}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:2px solid #ff956a;outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}
.skip-link{position:fixed;left:16px;top:-80px;padding:12px 18px;background:#fff;color:#111;z-index:100;border-radius:12px}.skip-link:focus{top:12px}
.win{grid-template-columns:252px minmax(0,1fr);min-height:100dvh;overflow:visible}.sd{position:sticky;top:0;height:100dvh;min-height:0;overflow-y:auto;padding:25px 14px 16px;gap:4px}.lg{padding:0 8px 8px}.sidebar-note{padding:0 10px 16px;color:var(--mute);font-size:12px;display:flex;align-items:center;justify-content:space-between}.gl{font-size:11px;letter-spacing:.05em;text-transform:none;color:var(--dim);padding:19px 12px 7px}.it{height:auto;min-height:42px;padding:9px 11px;font-size:14px}.it .ix{width:25px;height:25px}.it .ix svg{width:16px;height:16px}.it .b{font-size:11px}.up{margin-top:24px;min-height:58px;padding:12px}.up small{font-size:11px;color:var(--mute)}.up b{font-size:12px}.up .uic{background:linear-gradient(180deg,#ff7a44,#ff4d12)}.menu-close{display:none}
.mn{min-width:0;padding:0 28px 36px}.top{height:84px;gap:18px}.bc{font-size:13px}.bc b{font-size:13px}.cmd{height:46px;max-width:430px}.cmd input{font-size:14px}.cmd input::placeholder{color:#a0a2a9}.top-help{display:flex;flex-direction:column;font-size:12px;line-height:1.4;white-space:nowrap}.top-help span{color:#ffab8a;font-size:11px}.tr{width:auto;flex:none}
.page-intro{padding:12px 0 22px!important}.page-intro>.muted{max-width:760px;font-size:14px!important;line-height:1.6}.page-intro>div{min-width:0}.body,.two{gap:18px;align-items:start}.body>*,.two>*{min-width:0}.span3{grid-column:span 3}.pn{min-width:0;padding:22px;border-radius:22px}.pn .hd{align-items:center;margin-bottom:8px}.pn h2,.pn h3,.pn h4{font-size:17px;font-weight:500;line-height:1.4;margin:0 0 6px}.pn .hd h2,.pn .hd h3{margin:0}.pn .hd a{font-size:13px;color:var(--mute)}.pn p,.pn small{line-height:1.6}.pn p[style*="font-size:12px"]{font-size:13px!important}.pn .big{font-size:27px}
.revenue-hero{padding:6px 0 22px}.revenue-hero>.tbh{flex-wrap:wrap;gap:12px}.revenue-hero .tbh b{font-size:48px;line-height:1.12;letter-spacing:-.045em}.revenue-hero .unit{font-size:16px;color:var(--mute);font-weight:400;letter-spacing:0}.revenue-hero .sub{margin-bottom:18px}.revenue-hero .cur{max-width:none;gap:14px}.cur .cc{height:130px}.cur .cc .h{font-size:13px}.cur .cc .v{font-size:27px;font-variant-numeric:tabular-nums}.cur .cc .d{font-size:12px}.gp.neutral{color:var(--mute);background:rgba(255,255,255,.07)}
.priority-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.priority-rail>a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:11px 14px;border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px var(--ln),inset 0 1px 0 rgba(255,255,255,.07);font-size:13px;transition:background .2s,transform .2s}.priority-rail>a:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}.priority-rail b{font-size:17px;font-weight:500;color:#ffab8a;font-variant-numeric:tabular-nums}.priority-rail b.zero{color:var(--mute)}
.weekly-panel,.result-panel{min-height:344px}.weekly-panel .wk{height:210px;margin-top:18px}.weekly-panel .wk button{font-size:11px;color:#b6b6be}.weekly-panel .wk button span.t{max-width:25px}.weekly-panel .wk button b{font-size:12px;color:#d8d8df;font-weight:500}.period-label{font-size:12px;white-space:nowrap;padding:6px 11px;border-radius:10px;background:rgba(255,255,255,.07);color:var(--mute)}.result-panel .gw{max-width:280px;margin:12px auto 0}.result-panel .gw .c b{font-size:30px}.result-panel .gw .c small{font-size:12px;color:var(--mute)}.gauge-explanation{margin:12px 0 0;text-align:center;color:var(--mute);font-size:12px}.section-note{font-size:13px;color:var(--mute);margin:12px 0 0}.work-queue{display:grid;gap:10px}.queue-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--ln);transition:background .2s,transform .2s}.queue-link:hover{background:rgba(255,255,255,.09);transform:translateY(-2px)}.queue-link b{display:block;font-size:14px;font-weight:500}.queue-link small{font-size:12px;color:var(--mute)}.queue-link strong{font-size:23px;font-weight:500;color:#ffab8a;font-variant-numeric:tabular-nums}
.ab,.bt{display:inline-flex;align-items:center;justify-content:center;min-height:40px;height:auto;padding:10px 17px;font-size:13.5px;line-height:1.35;max-width:100%;white-space:normal;text-align:center}.ab.sm{height:auto;min-height:36px;padding:8px 13px;font-size:13px}.ab:active,.bt:active{transform:scale(.97)}.chips{gap:8px;margin-bottom:18px!important}.chp{height:auto;min-height:38px;padding:8px 14px;font-size:13px}.pill{height:auto;min-height:25px;padding:4px 9px;font-size:12px;line-height:1.35;white-space:nowrap;flex:none}.pill i{flex:none}.pill.mut{color:#bebec7}.pill.warn{color:#f8d49d}.pill.bad{color:#ffb1ab}.pill.ok{color:#a9edc1}
.tw{max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin}.tw table{font-variant-numeric:tabular-nums;min-width:640px}.tw th{font-size:12px;color:#b1b1ba;padding:10px 12px}.tw td{font-size:13.5px;height:auto;padding:14px 12px}.tw tbody tr:hover td{background:rgba(255,255,255,.085)}.tw td b{font-weight:500}.nm{gap:11px}.nm>span{min-width:0}.nm small{font-size:12px;display:block;color:var(--mute)}.nm b a:hover{text-decoration:underline;text-underline-offset:4px}.lo{width:35px;height:35px;font-size:13px}.table-hint{display:none}.pgn{justify-content:space-between;font-size:13px;color:var(--mute);padding-top:12px}
.fld{gap:8px;margin-bottom:17px}.fld label{font-size:13.5px;color:#c9c9d0;font-weight:500}.fld input,.fld select,.fld textarea{min-height:46px;font-size:15px;padding:12px 14px;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 2px 5px rgba(0,0,0,.12)}.fld small{font-size:12px;color:var(--mute)}.f2,.f3{gap:15px}.search-input{max-width:100%;min-height:43px;background:rgba(255,255,255,.055);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);border-radius:14px;padding:10px 14px;color:var(--ink);font:inherit}.toolbar label{font-size:13px;color:var(--mute)}.lst{gap:7px}.lst li{padding:13px 14px;font-size:13.5px}.lst li small{font-size:12px;display:block;color:var(--mute);overflow-wrap:anywhere}.lst .am{font-variant-numeric:tabular-nums;flex:none;text-align:right}.empty{padding:34px 16px}.empty b{font-size:15px}.empty small{font-size:13px;color:var(--mute);max-width:350px}.mt{font-size:13px}.srow b{font-size:14px}.srow small{font-size:12px;color:var(--mute)}.action-note{padding:14px 18px;border-radius:15px;background:linear-gradient(135deg,rgba(255,106,46,.14),rgba(255,106,46,.04));box-shadow:inset 0 0 0 1px rgba(255,122,68,.22);font-size:14px;margin:0 0 18px;color:#ffceb9}.message-bubble{font-size:14px!important;line-height:1.6!important;white-space:normal!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 12px rgba(0,0,0,.08)}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.message-time{font-size:11px;color:inherit;opacity:.75;margin-top:6px;text-align:right}.message-bubble.out{background:linear-gradient(135deg,#db5b29,#a83a1a)!important;color:#fff}.support-compose textarea{font-size:15px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important}.support-compose label{font-size:14px}.support-conversation{scrollbar-width:thin;overscroll-behavior:contain}
.chat-shell{height:calc(100dvh - 200px)!important;min-height:440px!important}.chat-list{width:225px!important}.chat-list input{font-size:15px!important}.chat-pane{min-width:0}.chat-compose input{min-width:0;width:100%;font-size:15px!important}.chatitem{border-radius:10px}.drawer-open{overflow:hidden}.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.stats-strip>div,.stats-strip>a{padding:18px;border-radius:19px;background:radial-gradient(60% 70% at 70% 30%,rgba(255,255,255,.10),rgba(255,255,255,.02)),repeating-radial-gradient(circle at 80% 20%,rgba(255,255,255,.035) 0 1px,transparent 1px 4px),#151516;box-shadow:inset 0 0 0 1px var(--ln),inset 0 1px 0 rgba(255,255,255,.1);min-width:0}.stats-strip span,.stats-strip small{display:block;color:var(--mute);font-size:12px}.stats-strip b{font-size:27px;font-weight:500;font-variant-numeric:tabular-nums}.loginbox .bt.p{width:100%;min-height:46px}.loginbox .err{font-size:13px}
dialog{width:min(520px,calc(100% - 32px));padding:26px;border:0;border-radius:24px;background:linear-gradient(160deg,#272729,#161618);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 80px rgba(0,0,0,.55);max-height:85dvh;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(7px)}dialog h2{font-size:22px;margin:0 0 12px}dialog .message-text{padding:16px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--ln);border-radius:14px;max-height:40dvh;overflow:auto}dialog .acts{margin-top:20px}
@media(min-width:1181px){body[data-page=dashboard] .weekly-panel,body[data-page=dashboard] .result-panel{align-self:stretch}}
@media(max-width:1180px){.mn{padding:0 22px 32px}.body>.pn,.two>.pn{grid-column:span 12}.body>.span5,.two>.span5{grid-column:span 12}.priority-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.win{grid-template-columns:minmax(0,1fr)}.sd{position:fixed;left:0;top:0;bottom:0;width:min(290px,85vw);height:100dvh;z-index:50;background:linear-gradient(160deg,#242426,#101011);transform:translateX(-100%);transition:transform .25s var(--ease);box-shadow:20px 0 60px rgba(0,0,0,.25)}.sd.open{transform:none}.menu-close{display:grid;place-items:center;width:36px;height:36px;background:rgba(255,255,255,.1);border-radius:12px;font-size:23px;color:#fff}.mb{display:grid;place-items:center;min-width:42px;height:42px;background:linear-gradient(180deg,#38383c,#242426);box-shadow:inset 0 0 0 1px var(--ln);border-radius:13px}.top{height:76px;gap:12px}.bc{display:none}.cmd{max-width:none;margin:0}.top-help{display:none}.tr{display:none}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(5px);z-index:45}.f2,.f3{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.mn{padding:0 15px 28px}.pn{padding:18px}.page-intro{padding:10px 0 19px!important}.page-intro h1{font-size:24px!important}.page-intro>div:has(h1){flex-basis:100%!important}.revenue-hero .tbh b{font-size:39px}.revenue-hero>.sub{font-size:12px}.revenue-hero .cur{gap:10px}.cur .cc{height:119px;padding:14px}.cur .cc .h{font-size:12px;gap:6px}.cur .cc .h i{width:24px;height:24px}.cur .cc .v{font-size:24px}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-strip>div,.stats-strip>a{padding:16px}.stats-strip b{font-size:24px}.body,.two{gap:15px}.priority-rail{gap:8px}.priority-rail>a{padding:10px 12px;font-size:12px}.chp{min-height:42px}.ab.sm{min-height:40px}.table-hint{display:block;font-size:12px;color:var(--mute);margin:0 0 8px}.chat-shell{height:auto!important;min-height:620px!important}.chat-shell>div{flex-direction:column}.chat-list{width:100%!important;border-right:0!important;border-bottom:1px solid var(--ln);flex-direction:row!important;overflow-x:auto}.chat-list>div:first-child{display:none}.chat-list>div:last-child{display:flex;overflow:auto!important;flex:1;gap:4px;padding:8px}.chatitem{min-width:155px;padding:10px!important}.chatitem small{display:none}.chat-pane{min-height:480px}.chat-compose{padding:12px!important;gap:8px!important}.chat-compose .ab{padding:10px}.cmd input{font-size:16px}.fld input,.fld textarea,.fld select{font-size:16px}.support-form-actions{align-items:stretch!important}.support-form-actions input{max-width:100%}.top{gap:10px}.lst li{flex-wrap:wrap}.lst .am{margin-left:auto}.acts{flex-wrap:wrap}.ab{min-height:44px}.two>.span3{grid-column:span 6!important}.weekly-panel,.result-panel{min-height:300px}.weekly-panel .wk{height:190px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pn{opacity:1;transform:none}}[hidden]{display:none!important}
.dashboard-title{font-size:14px;font-weight:400;color:var(--mute);margin:0 0 16px}.gauge-segment{animation:gauge-in .55s var(--ease) both;animation-delay:var(--delay);transform-origin:center bottom}.weekly-panel .wk button{transition:color .2s}.cur .cc:focus-visible{outline:2px solid #ffab8a;outline-offset:3px}@keyframes gauge-in{from{opacity:.1;transform:scaleY(.92)}to{opacity:1;transform:none}}

/* Customer cards: reference composition with the existing Vaulto surfaces and effects. */
.client-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 20px}
.client-intro h1{margin:0;font-size:26px;font-weight:500;letter-spacing:-.03em}
.client-intro p{margin:7px 0 0;font-size:13px}
.client-search{display:flex;align-items:center;gap:10px;min-width:0;width:min(420px,100%);padding:7px 8px 7px 15px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:inset 0 0 0 1px var(--ln),inset 0 1px 0 rgba(255,255,255,.07);color:var(--mute)}
.client-search input{min-width:0;flex:1;width:100%;border:0;background:none;color:var(--ink);font:inherit;font-size:13px;padding:7px 0}
.client-search button{border:0;border-radius:12px;padding:10px 12px;min-height:40px;background:rgba(255,255,255,.09);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}
.client-search button:hover{background:rgba(255,255,255,.16)}
.client-search:focus-within{box-shadow:inset 0 0 0 1px #ff9d75,0 0 22px rgba(255,106,46,.08)}
.client-search-note{font-size:13px;margin:0 0 18px}.client-search-note a{color:#ffab8a;text-decoration:underline;text-underline-offset:3px}
.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.client-card{position:relative;min-width:0;padding:25px 25px 0;border-radius:25px;background:radial-gradient(ellipse at 95% 0,rgba(255,255,255,.065),transparent 60%),linear-gradient(145deg,#242425,#161617);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),inset 0 1px 0 rgba(255,255,255,.07),0 8px 24px rgba(0,0,0,.14);animation:client-card-in .48s var(--ease) both;animation-delay:calc(min(var(--i),8)*35ms);transition:transform .22s var(--ease),box-shadow .22s}
.client-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-radial-gradient(circle at 100% 0,rgba(255,255,255,.032) 0 1px,transparent 1px 6px);mask-image:linear-gradient(235deg,#000,transparent 48%);opacity:.7}
.client-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(255,156,111,.25),inset 0 1px 0 rgba(255,255,255,.1),0 15px 35px rgba(0,0,0,.23)}
.client-card-head,.client-card-main,.client-card-meta,.client-card-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px}
.client-identity{display:flex;align-items:center;gap:13px;min-width:0}
.client-avatar{position:relative;display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,hsl(var(--avatar-hue) 30% 33%),hsl(var(--avatar-hue) 20% 19%));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:19px;font-weight:500}
.client-avatar img{position:absolute;inset:0;width:50px;height:50px;object-fit:cover;border-radius:inherit}
.client-name{min-width:0}.client-name h2{font-size:17px;font-weight:500;line-height:1.35;margin:0;overflow-wrap:anywhere;letter-spacing:-.02em}.client-name h2 a:hover{color:#ffab8a}
.client-name p{font-size:12px;color:var(--mute);margin:4px 0 0;overflow-wrap:anywhere}
.client-quick-actions{display:flex;gap:8px;flex:none}
.client-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);transition:transform .2s,background .2s,box-shadow .2s}
.client-icon:hover{background:rgba(255,255,255,.13);transform:translateY(-2px)}
.client-open{background:linear-gradient(135deg,#ff7a44,#ff4d12);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 15px rgba(255,87,25,.22)}
.client-open:hover{background:linear-gradient(135deg,#ff9064,#ff602c);box-shadow:0 5px 22px rgba(255,87,25,.32)}
.client-card-main{margin-top:30px}.client-account-count{display:flex;align-items:baseline;gap:9px}.client-account-count strong{font-size:32px;line-height:1.1;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.client-account-count>span{font-size:13px;color:#c1c1c8}
.client-card-meta{margin-top:18px;margin-bottom:22px;font-size:12px;color:var(--mute);flex-wrap:wrap;gap:8px}
.client-card-meta>span:first-child{display:inline-flex;align-items:center;gap:6px}.client-card-meta b{font-weight:500;color:#d5d5dc}.client-id{font-variant-numeric:tabular-nums}
.client-card-foot{min-height:58px;border-top:1px solid rgba(255,255,255,.075);font-size:12px;color:var(--mute);gap:10px;flex-wrap:wrap;padding:9px 0}
.client-card-foot time{color:#bdbdc5}.client-block-action{border:0;font:inherit;font-size:12px;color:#f4a69c;cursor:pointer;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.035);min-height:36px}
.client-block-action:hover{background:rgba(255,130,110,.12);color:#ffc8c0}.client-block-action.unblock{color:#a9edc1}.client-block-action.unblock:hover{background:rgba(90,210,135,.1)}
.client-empty{grid-column:1/-1}.client-grid+.pgn{margin-top:16px}.client-blocked{box-shadow:inset 0 0 0 1px rgba(255,140,125,.2),0 8px 24px rgba(0,0,0,.14)}
#client-block-description{font-size:14px;color:#c7c7ce;line-height:1.65}
@keyframes client-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px) and (min-width:981px){.client-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.client-intro{align-items:stretch;flex-direction:column;gap:18px}.client-search{width:100%}.client-grid{grid-template-columns:minmax(0,1fr);gap:15px}.client-card{padding:21px 20px 0}.client-name h2{font-size:16px}.client-quick-actions{gap:6px}.client-icon{width:40px;height:40px}.client-card-main{margin-top:26px}.client-search input{font-size:16px}.client-block-action{min-height:42px}}
@media(prefers-reduced-motion:reduce){.client-card{animation:none;transform:none}.client-card,.client-icon{transition:none}}
.client-search .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}