/* SKINKOSH BLUE / workspace layer. Original React controls remain mounted. */
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]){background:#f3f7fc;color:#142a49}
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) .App>.min-h-screen{background:transparent!important}
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) .bg-card{background-color:#fff}
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) .border-border{border-color:#dfe8f3}
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) .text-muted-foreground{color:#6d8099}
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) .text-foreground{color:#142a49}
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) .font-mono{font-family:"SFMono-Regular",Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) .font-heading{font-family:inherit;letter-spacing:-.035em;text-transform:none}
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) .bg-input{background:#f4f7fc}
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) input:not([type=checkbox]),body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) textarea,body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) select{border-radius:10px;border-color:#dce6f2;min-width:0;box-shadow:none}
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) button{border-radius:9px;letter-spacing:0}
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) button:focus-visible{outline:3px solid #69c8ff;outline-offset:3px}
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) .App>.min-h-screen>header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #dfe8f3;backdrop-filter:blur(18px)}
body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) .App>.min-h-screen>header>div{min-height:88px}
body[data-sk-page="admin"] [role=tabpanel]>div.bg-card,body[data-sk-page="admin"] [data-testid^="currency-card-"],body[data-sk-page="admin"] [data-testid^="request-card-"],body:is([data-sk-page="cabinet"],[data-sk-page="operator"],[data-sk-page="analytics"]) .bg-card.border{border-radius:16px;box-shadow:0 5px 20px #14396104}
body[data-sk-page="admin"] [role=tabpanel]>div.bg-card{padding:24px}
body[data-sk-page="admin"] [data-testid^="request-card-"]{padding:24px;border-left:3px solid #b9d7fc;transition:border-color .18s,box-shadow .18s}
body[data-sk-page="admin"] [data-testid^="request-card-"]:hover{border-color:#9fc6f6;box-shadow:0 8px 24px #193f6a0a}
body[data-sk-page="admin"] [data-testid^="request-card-"]>.flex>.flex-1{min-width:0}
body[data-sk-page="admin"] [data-testid^="request-card-"] .break-all{line-height:1.8}
body[data-sk-page="admin"] [data-testid^="request-card-"]>.flex>.flex-1>.flex:first-child{flex-wrap:wrap;gap:12px}
body[data-sk-page="admin"] [data-testid^="request-card-"] .bg-primary.font-bold{background:#eaf2ff;color:#1555b7;border:1px solid #cfe0f8;border-radius:7px;padding:6px 10px}
body[data-sk-page="admin"] [data-testid^="request-card-"] .grid{gap:20px}
body[data-sk-page="admin"] [role=tabpanel]>div:first-child.flex{gap:20px;flex-wrap:wrap;align-items:center}
body[data-sk-page="admin"] [role=tabpanel]>div:first-child.flex>.flex:first-child{flex-wrap:wrap;gap:16px}
body[data-sk-page="admin"] [role=tabpanel] h2{font-size:24px;letter-spacing:-.04em;line-height:1.3;text-transform:none}
body[data-sk-page="admin"] [role=tabpanel]>div.flex.flex-wrap.gap-2>button{padding:9px 14px;font-size:12px;box-shadow:none}
body[data-sk-page="admin"] [data-testid^="currency-card-"]{padding:20px}
body[data-sk-page="admin"] [data-testid^="currency-card-"]>.flex{gap:20px;flex-wrap:wrap}
body[data-sk-page="admin"] [data-testid^="currency-card-"]>.flex>.flex-1{gap:18px;flex-wrap:wrap}
body[data-sk-page="admin"] [role=tabpanel]{outline:none}
body[data-sk-page="admin"] [role=tabpanel]>div.grid{gap:16px}
body[data-sk-page="admin"] [role=tablist]{border:1px solid #dce6f2;border-radius:12px;padding:6px;gap:4px;min-height:50px}
body[data-sk-page="admin"] [role=tab]{padding:11px 14px;border-radius:8px;transition:background .18s,color .18s}
body[data-sk-page="admin"] [role=tab][data-state=active]{background:#1d65e8!important;color:#fff!important;box-shadow:0 5px 16px #1b5edc21}
body[data-sk-page="admin"] [data-testid=chats-tab]>span{top:6px;right:8px;width:20px;height:20px;border-radius:6px}
body[data-sk-page="admin"] [data-testid=chats-tab]>svg{display:none}
body[data-sk-page="admin"] [data-testid=analytics-button]{background:#edf4ff;border:1px solid #d4e4fa;color:#1d5cb4}
body[data-sk-page="admin"] [data-testid=logout-button]{background:#fff;border-color:#dfe8f3;color:#697c94}
body[data-sk-page="admin"] .fixed.inset-0{backdrop-filter:blur(5px);padding:20px}
body[data-sk-page="admin"] .fixed.inset-0>.bg-card{border-radius:20px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 100px #071e4d40}
@media(min-width:1100px){
 body[data-sk-page="admin"]{padding-left:236px}
 body[data-sk-page="admin"] [data-testid=admin-title]{position:fixed;top:31px;left:28px;z-index:41;font-size:19px;letter-spacing:-.05em;line-height:1.3;color:#fff!important;max-width:190px}
 body[data-sk-page="admin"] [data-testid=admin-title]::after{content:"WORKSPACE / SKINKOSH";display:block;font-size:8px;letter-spacing:2px;color:#7e9cc8;font-weight:500;margin-top:14px}
 body[data-sk-page="admin"] .App>.min-h-screen>header>div{max-width:none;padding:23px 35px;justify-content:flex-end}
 body[data-sk-page="admin"] .App>.min-h-screen>header>div::before{content:"Панель управления";margin-right:auto;font-size:13px;color:#7589a2}
 body[data-sk-page="admin"] .App>.min-h-screen>header+div{max-width:1800px;padding:34px 35px}
 body[data-sk-page="admin"] [role=tablist]{position:fixed;inset:0 auto 0 0;width:236px;max-width:none;height:100dvh;background:linear-gradient(165deg,#0c244b,#0b1d3a 65%)!important;border:0;border-right:1px solid #19355c;border-radius:0;margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:150px 18px 24px;gap:8px;z-index:40;overflow-y:auto}
 body[data-sk-page="admin"] [role=tablist]::before{content:"РАБОЧЕЕ ПРОСТРАНСТВО";position:absolute;top:121px;left:29px;font-size:8px;letter-spacing:1.7px;color:#7e9cc8}
 body[data-sk-page="admin"] [role=tablist]::after{content:"SKINKOSH · BLUE EDITION";margin-top:auto;padding:27px 11px 0;font-size:8px;letter-spacing:1.4px;color:#587ba9;border-top:1px solid #1d3657}
 body[data-sk-page="admin"] [role=tab]{color:#a6bcda;justify-content:flex-start;font-size:13px;font-weight:600;flex-shrink:0;min-height:47px;padding:13px 14px;gap:12px}
 body[data-sk-page="admin"] [role=tab]:hover{background:#19365b;color:#fff}
 body[data-sk-page="admin"] [role=tab][data-state=active]{background:linear-gradient(100deg,#1e6bef,#178ce8)!important;box-shadow:0 5px 25px #0002}
 body[data-sk-page="admin"] [role=tab]::before{content:"◈";display:inline-block;width:20px;font-size:17px;color:#6dbdff}
 body[data-sk-page="admin"] [data-testid=requests-tab]::before{content:"⇄"}
 body[data-sk-page="admin"] [data-testid=rates-tab]::before{content:"⌁"}
 body[data-sk-page="admin"] [data-testid=users-tab]::before{content:"◉"}
 body[data-sk-page="admin"] [data-testid=operators-tab]::before{content:"⊞"}
 body[data-sk-page="admin"] [data-testid=chats-tab]::before{content:"☏"}
 body[data-sk-page="admin"] [role=tab][data-state=active]::before{color:#d3f1ff}
 body[data-sk-page="admin"] [data-testid=requests-tab]{order:-1}
}
/* Client account and operator workspace. */
body[data-sk-page="cabinet"] .App>.min-h-screen>header+div{max-width:1180px;padding-top:36px}
body[data-sk-page="cabinet"] .App>.min-h-screen>header+div>.flex:first-child{background:#fff;border:1px solid #dfe8f3;padding:7px;border-radius:12px;width:max-content;max-width:100%;gap:6px}
body[data-sk-page="cabinet"] .App>.min-h-screen>header+div>.flex:first-child button{min-width:116px;min-height:42px;border-color:transparent;font-weight:600}
body[data-sk-page="cabinet"] .bg-card.border{padding:24px}
body[data-sk-page="cabinet"] h2,body[data-sk-page="operator"] h2{letter-spacing:-.035em;font-size:23px}
body[data-sk-page="analytics"] .bg-card.border{padding:24px}
body[data-sk-page="analytics"] table{border-collapse:separate;border-spacing:0}
body[data-sk-page="analytics"] th{background:#eff5fc;color:#6a7f99;letter-spacing:.06em;font-size:11px}
body[data-sk-page="analytics"] td{border-bottom:1px solid #edf1f7;padding-top:15px;padding-bottom:15px}
body[data-sk-page="analytics"] tr:hover td{background:#f7faff}
body[data-sk-page="operator"] .bg-card.border{padding:24px}
/* Sign in: editorial blue backdrop with a crisp white form. */
body:is([data-sk-page="auth"],[data-sk-page="admin-login"]) .App>.min-h-screen{background:radial-gradient(ellipse at 12% 35%,#72ceff2b,transparent 45%),radial-gradient(ellipse at 85% 70%,#356bff17,transparent 45%),#f2f7fd!important;position:relative}
body:is([data-sk-page="auth"],[data-sk-page="admin-login"]) .App>.min-h-screen>header{background:#ffffffc9!important;border-bottom:1px solid #dfe9f6;backdrop-filter:blur(18px)}
body:is([data-sk-page="auth"],[data-sk-page="admin-login"]) .App>.min-h-screen>header+div{min-height:calc(100dvh - 94px);padding-top:54px;padding-bottom:72px}
body:is([data-sk-page="auth"],[data-sk-page="admin-login"]) .max-w-md.w-full{background:#fff;border:1px solid #dbe7f5;border-radius:26px;max-width:460px;padding:42px;box-shadow:0 24px 85px #154a8f12}
body:is([data-sk-page="auth"],[data-sk-page="admin-login"]) .max-w-md h2{font-size:29px;line-height:1.25;letter-spacing:-.045em;text-transform:none;color:#102d54}
body:is([data-sk-page="auth"],[data-sk-page="admin-login"]) .max-w-md input{background:#f5f8fc;border:1px solid #dce6f2;border-radius:10px;height:52px;color:#14325b}
body:is([data-sk-page="auth"],[data-sk-page="admin-login"]) .max-w-md label{color:#6b7e96;font-size:12px}
body:is([data-sk-page="auth"],[data-sk-page="admin-login"]) .max-w-md button[type=submit]{height:54px;border-radius:11px;background:linear-gradient(105deg,#2168ed,#148ee9);color:#fff;box-shadow:0 8px 22px #1d6cea26;letter-spacing:0;text-transform:none;font-size:15px}
body:is([data-sk-page="auth"],[data-sk-page="admin-login"]) .max-w-md>.w-16{background:#edf5ff;border:1px solid #dceaff;border-radius:18px;color:#2168ed}
@media(max-width:1099px){body[data-sk-page="admin"] [role=tablist]{display:flex;overflow-x:auto;justify-content:flex-start;max-width:none;height:auto;position:sticky;top:0;z-index:20;background:#fff!important;scrollbar-width:thin}body[data-sk-page="admin"] [role=tab]{flex-shrink:0;min-width:100px}body[data-sk-page="admin"] [data-testid=admin-title]{font-size:19px}body[data-sk-page="admin"] .App>.min-h-screen>header>div{flex-wrap:wrap;gap:15px;padding:20px}body[data-sk-page="admin"] [data-testid^="request-card-"]>.flex{flex-wrap:wrap}body[data-sk-page="admin"] [data-testid^="request-card-"] .flex-1{flex-basis:100%}}
@media(max-width:640px){body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) .App>.min-h-screen>header>div{flex-wrap:wrap;gap:14px;min-height:80px;padding:16px}body:is([data-sk-page="admin"],[data-sk-page="operator"],[data-sk-page="analytics"],[data-sk-page="cabinet"]) .App>.min-h-screen>header>div>.flex{flex-wrap:wrap;gap:10px}body[data-sk-page="admin"] .App>.min-h-screen>header+div{padding:20px 12px}body[data-sk-page="admin"] [data-testid^="request-card-"],body[data-sk-page="admin"] [role=tabpanel]>div.bg-card{padding:17px}body[data-sk-page="admin"] [role=tabpanel] h2{font-size:20px}body[data-sk-page="admin"] [data-testid^="request-card-"] .grid{gap:12px}body[data-sk-page="admin"] [data-testid^="currency-card-"]>.flex>.flex-1{flex-basis:100%}body[data-sk-page="admin"] [data-testid^="currency-card-"]>.flex>.flex-1>.flex-1{min-width:140px}body:is([data-sk-page="auth"],[data-sk-page="admin-login"]) .max-w-md.w-full{padding:28px 23px;border-radius:20px}body:is([data-sk-page="auth"],[data-sk-page="admin-login"]) .App>.min-h-screen>header+div{padding:30px 16px;align-items:flex-start}body[data-sk-page="cabinet"] .bg-card.border{padding:18px}body[data-sk-page="cabinet"] .App>.min-h-screen>header h1{font-size:16px}body[data-sk-page="analytics"] .bg-card.border{padding:16px}}
@media(prefers-reduced-motion:reduce){body[data-sk-page] [role=tab],body[data-sk-page] [data-testid^="request-card-"]{transition:none}}
/* QA corrections: fixed branding must not be captured by a filtered header. */
@media(min-width:1100px){body[data-sk-page="admin"] .App>.min-h-screen>header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body[data-sk-page="admin"] [role=tablist]{border-radius:0!important}}
body[data-sk-page="admin"] [data-testid^="request-card-"] .bg-primary.font-bold{background:#eaf2ff!important;color:#1555b7!important}
@media(max-width:640px){body[data-sk-page="admin"] [role=tabpanel] .flex.justify-between{flex-wrap:wrap;gap:14px}body[data-sk-page="admin"] [role=tabpanel] .flex.gap-2{flex-wrap:wrap;max-width:100%}body[data-sk-page="admin"] [role=tabpanel] .flex.justify-between>h2,body[data-sk-page="admin"] [role=tabpanel] .flex.justify-between>h3{flex-basis:100%}body[data-sk-page="admin"] [role=tabpanel] .flex.justify-between>.flex{max-width:100%;min-width:0}body[data-sk-page="admin"] [role=tabpanel]>.border.p-6{padding:17px}body[data-sk-page="admin"] [role=tabpanel] .bg-card.border.p-6{padding:17px}}