/* Small-screen workspace. All controls remain native and in their original order. */
@media(max-width:767px){
 body:is([data-sk-page=admin],[data-sk-page=cabinet],[data-sk-page=operator],[data-sk-page=analytics]) .App>.min-h-screen{padding-bottom:calc(92px + env(safe-area-inset-bottom));min-width:0}
 body:is([data-sk-page=admin],[data-sk-page=cabinet],[data-sk-page=operator],[data-sk-page=analytics]) .App>.min-h-screen>header>div{padding:16px!important;gap:13px!important;min-height:0;flex-wrap:wrap;align-items:center}
 body:is([data-sk-page=admin],[data-sk-page=cabinet],[data-sk-page=operator],[data-sk-page=analytics]) .App>.min-h-screen>header>div>.flex{flex-wrap:wrap;gap:8px!important;max-width:100%;min-width:0}
 body[data-sk-page=admin] .App>.min-h-screen>header>div>[data-testid=admin-title]{font-size:18px!important;flex-basis:100%}
 body[data-sk-page=admin] .App>.min-h-screen>header>div>.flex{width:100%;justify-content:space-between}
 body:is([data-sk-page=admin],[data-sk-page=cabinet],[data-sk-page=operator],[data-sk-page=analytics]) .App>.min-h-screen button{min-height:44px!important;line-height:1.35;font-size:12px;touch-action:manipulation}
 body:is([data-sk-page=admin],[data-sk-page=cabinet],[data-sk-page=operator],[data-sk-page=analytics]) .App>.min-h-screen button:has(>svg:only-child){min-width:44px!important}
 body:is([data-sk-page=admin],[data-sk-page=cabinet],[data-sk-page=operator],[data-sk-page=analytics]) input:not([type=checkbox]):not([type=radio]),body:is([data-sk-page=admin],[data-sk-page=cabinet],[data-sk-page=operator],[data-sk-page=analytics]) :is(textarea,select){font-size:16px!important;min-height:48px!important;max-width:100%}
 body:is([data-sk-page=admin],[data-sk-page=cabinet],[data-sk-page=operator],[data-sk-page=analytics]) input::placeholder{font-size:12px!important}
 body:is([data-sk-page=admin],[data-sk-page=cabinet],[data-sk-page=operator],[data-sk-page=analytics]) .App>.min-h-screen>header+div{padding:20px 12px!important;min-width:0;max-width:100%}
 body[data-sk-page=admin] [role=tablist]{position:sticky!important;top:0;z-index:25;display:flex!important;flex-wrap:nowrap!important;gap:5px!important;height:auto!important;padding:7px!important;margin:0 0 24px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin;scrollbar-color:#a8c7f3 transparent;scroll-padding-inline:8px;overscroll-behavior-x:contain;background:#fff!important;border-radius:13px!important;border:1px solid #dce7f5!important;box-shadow:0 5px 14px #23477608}
 body[data-sk-page=admin] [role=tab]{flex:0 0 auto!important;min-width:104px!important;min-height:46px!important;padding:12px 13px!important;font-size:12px!important;gap:8px!important;scroll-margin-inline:8px}
 body[data-sk-page=admin] [role=tabpanel]{margin-top:0;min-width:0;scroll-margin-top:85px}
 body[data-sk-page=admin] [role=tabpanel] h2{font-size:21px!important;line-height:1.3;overflow-wrap:anywhere}
 body[data-sk-page=admin] [role=tabpanel]>div:first-child.flex{gap:15px!important;margin-bottom:20px!important}
 body[data-sk-page=admin] [role=tabpanel]>div:first-child.flex>.flex:first-child{gap:14px!important}
 body[data-sk-page=admin] [role=tabpanel]>div:first-child.flex>.flex:first-child>.ml-4{margin-left:0!important;padding-left:0!important;border-left:0!important;flex-basis:100%;gap:12px}
 body[data-sk-page=admin] [role=tabpanel]>div:first-child.flex>.flex:first-child>.ml-4 button{min-width:80px}
 body[data-sk-page=admin] [role=tabpanel]>div.flex.flex-wrap.gap-2{width:100%;padding:5px!important;gap:4px!important}
 body[data-sk-page=admin] [role=tabpanel]>div.flex.flex-wrap.gap-2>button{font-size:11px!important;padding:9px 10px!important;min-height:44px!important;flex:1 1 88px;white-space:normal}
 body[data-sk-page=admin] [data-testid^=request-card-]{padding:16px!important;border-radius:16px!important}
 body[data-sk-page=admin] [data-testid^=request-card-]>.flex{gap:0!important;display:block}
 body[data-sk-page=admin] [data-testid^=request-card-]>.flex>.flex-1{min-width:0;width:100%}
 body[data-sk-page=admin] [data-testid^=request-card-]>.flex>.flex-1>.flex:first-child{gap:10px!important;flex-wrap:wrap!important;margin-bottom:15px!important;padding-bottom:14px!important}
 body[data-sk-page=admin] [data-testid^=request-card-]>.flex>.flex-1>.flex:first-child>.text-xs{flex-basis:100%;font-size:10px}
 body[data-sk-page=admin] [data-testid^=request-card-] .grid.grid-cols-2{padding:14px 12px!important;gap:14px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:15px!important}
 body[data-sk-page=admin] [data-testid^=request-card-] .grid.grid-cols-2>div{min-width:0}
 body[data-sk-page=admin] [data-testid^=request-card-] .grid.grid-cols-2>div>.font-mono.font-bold{font-size:15px!important;line-height:1.55;overflow-wrap:anywhere}
 body[data-sk-page=admin] [data-testid^=request-card-] .space-y-1>.text-xs{margin-top:10px!important;line-height:1.7;font-size:11px;overflow-wrap:anywhere}
 body[data-sk-page=admin] [data-testid^=request-card-] .space-y-1>.text-xs>.text-muted-foreground:first-child{display:block;margin-bottom:3px}
 body[data-sk-page=admin] [data-testid^=request-card-] .space-y-1 .break-all{font-size:11px!important;color:#395777!important;word-break:break-all}
 body[data-sk-page=admin] [data-testid^=request-card-]>.flex>.flex-col{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;border:0;border-top:1px solid #e7eef8;padding:17px 0 0!important;margin-top:17px;min-width:0;width:100%}
 body[data-sk-page=admin] [data-testid^=request-card-]>.flex>.flex-col>button{width:100%;min-width:0!important;min-height:46px!important;font-size:11px!important;padding:10px 8px!important;white-space:normal;line-height:1.4;gap:6px}
 body[data-sk-page=admin] [data-testid^=request-card-]>.flex>.flex-col>button[data-testid^=check-balance-]{grid-column:1/-1}
 body[data-sk-page=admin] [data-testid^=request-card-]>.flex>.flex-col>.flex-col{grid-column:1/-1;gap:8px;min-width:0}
 body[data-sk-page=admin] [data-testid^=request-card-]>.flex>.flex-col>.flex-col button{white-space:normal;min-height:46px!important}
 body[data-sk-page=admin] [data-testid^=currency-card-]{padding:16px!important}
 body[data-sk-page=admin] [data-testid^=currency-card-]>.flex>.flex-1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;width:100%}
 body[data-sk-page=admin] [data-testid^=currency-card-]>.flex>.flex-1>.flex-1{min-width:0!important;grid-column:1/-1}
 body[data-sk-page=admin] [data-testid^=currency-card-] label{min-height:44px;line-height:1.4;font-size:12px}
 body[data-sk-page=admin] [role=tabpanel]>div.bg-card{padding:17px!important}
 body[data-sk-page=admin] [role=tabpanel] .flex.justify-between{flex-wrap:wrap;gap:12px!important}
 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>h3{flex-basis:100%}
 body[data-sk-page=admin] [role=tabpanel] .flex.justify-between>.flex{min-width:0;max-width:100%}
 body[data-sk-page=admin] [role=tabpanel] .p-6{padding:16px!important}
 body[data-sk-page=admin] [role=tabpanel] .flex.gap-2>button{white-space:normal}
 body[data-sk-page=admin] [role=tabpanel] .grid>div{min-width:0}
 body[data-sk-page=admin] .fixed.inset-0{padding:12px!important;align-items:center}
 body[data-sk-page=admin] .fixed.inset-0>.bg-card{padding:22px 18px!important;border-radius:18px!important;max-height:calc(100dvh - 24px);width:100%;min-width:0;overflow:auto}
 body[data-sk-page=admin] .fixed.inset-0 h3{font-size:20px!important}
 body[data-sk-page=cabinet] .App>.min-h-screen>header+div>.flex:first-child{display:flex;gap:3px!important;width:100%!important;padding:5px!important;overflow-x:auto;scrollbar-width:thin}
 body[data-sk-page=cabinet] .App>.min-h-screen>header+div>.flex:first-child button{flex:1 0 auto;min-width:0!important;padding:10px 9px!important;font-size:11px!important;gap:6px!important}
 body[data-sk-page=cabinet] .App>.min-h-screen>header+div>.flex:first-child button svg{width:15px;height:15px}
 body:is([data-sk-page=cabinet],[data-sk-page=operator]) .bg-card.border{padding:17px!important;border-radius:16px!important}
 body:is([data-sk-page=cabinet],[data-sk-page=operator]) .bg-card.border .flex-1{min-width:0!important}
 body:is([data-sk-page=cabinet],[data-sk-page=operator]) .bg-card.border .grid.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px 11px!important;gap:12px!important}
 body:is([data-sk-page=cabinet],[data-sk-page=operator]) .bg-card.border .grid.grid-cols-2>div{min-width:0}
 body:is([data-sk-page=cabinet],[data-sk-page=operator]) .bg-card.border .grid.grid-cols-2 .font-mono{font-size:15px!important;line-height:1.55;overflow-wrap:anywhere}
 body:is([data-sk-page=cabinet],[data-sk-page=operator]) .bg-card.border .flex.items-center.gap-2{min-width:0}
 body:is([data-sk-page=cabinet],[data-sk-page=operator]) .bg-card.border .flex.items-center.gap-2>:is(code,.truncate){min-width:0;flex:1 1 0;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.7}
 body:is([data-sk-page=cabinet],[data-sk-page=operator]) .bg-card.border .flex.items-center.gap-2>button{flex-shrink:0}
 body[data-sk-page=cabinet] .space-y-4>.flex.justify-between{gap:12px;align-items:center}
 body[data-sk-page=cabinet] h2{font-size:20px!important;line-height:1.4}
 body[data-sk-page=cabinet] .bg-card.border.flex.justify-between{gap:8px}
 body[data-sk-page=cabinet] .bg-card.border.flex.justify-between>.flex-1>.flex:first-child{flex-wrap:wrap;gap:5px}
 body[data-sk-page=operator] .bg-card.border>.flex>.flex-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px;padding-top:15px;border-top:1px solid #e7eef8}
 body[data-sk-page=operator] .bg-card.border>.flex>.flex-col>button{min-width:0;min-height:46px!important;white-space:normal;flex-wrap:wrap;gap:4px;padding:8px 5px!important;font-size:10px!important}
 body[data-sk-page=operator] .bg-card.border .space-y-1>.flex{flex-wrap:wrap;gap:5px}
 body[data-sk-page=operator] .bg-card.border .space-y-1>.flex>span{overflow-wrap:anywhere}
 body[data-sk-page=analytics] table{min-width:580px}
 body[data-sk-page=analytics] .overflow-x-auto{max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin}
 body[data-sk-page=analytics] .App>.min-h-screen>header>div>.flex:last-child{width:100%}
 body[data-sk-page=analytics] .App>.min-h-screen>header>div>.flex:last-child button{flex:1;min-width:0;white-space:normal;font-size:11px}
 body:is([data-sk-page=auth],[data-sk-page=admin-login]) input{font-size:16px!important;min-height:50px!important}
 body:is([data-sk-page=auth],[data-sk-page=admin-login]) .max-w-md button{min-height:44px!important}
 body:is([data-sk-page=auth],[data-sk-page=admin-login]) .App>.min-h-screen>header+div{padding:25px 13px 92px!important}
 body:is([data-sk-page=auth],[data-sk-page=admin-login]) .max-w-md.w-full{padding:30px 22px!important;max-width:450px!important}
}
@media(max-width:359px){
 body[data-sk-page=admin] .App>.min-h-screen>header>div>.flex{gap:5px!important}
 body[data-sk-page=admin] .App>.min-h-screen>header>div>.flex>button{padding-left:9px!important;padding-right:9px!important;font-size:10px!important}
 body[data-sk-page=admin] [data-testid^=request-card-]{padding:14px!important}
 body[data-sk-page=admin] [data-testid^=request-card-] .grid.grid-cols-2{grid-template-columns:1fr!important;gap:11px!important}
 body[data-sk-page=admin] [data-testid^=request-card-] .grid.grid-cols-2>div+div{padding-top:11px;border-top:1px solid #e2eaf6}
 body:is([data-sk-page=cabinet],[data-sk-page=operator]) .bg-card.border .grid.grid-cols-2{grid-template-columns:1fr!important}
 body[data-sk-page=cabinet] .App>.min-h-screen>header h1{font-size:14px!important}
 body[data-sk-page=cabinet] .App>.min-h-screen>header+div>.flex:first-child button{font-size:10px!important;padding:10px 7px!important;gap:4px!important}
 body[data-sk-page=operator] .bg-card.border>.flex>.flex-col{grid-template-columns:1fr}
}