#trackKeypad{box-sizing:border-box;position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,460px);max-width:100%;max-height:94dvh;overflow:auto;border:1px solid var(--z-line);border-radius:24px 24px 0 0;background:var(--z-surface);color:var(--z-ink);padding:18px 18px max(18px,env(safe-area-inset-bottom));box-shadow:0 -15px 60px #0004}
#trackKeypad[open]{animation:keypadIn .23s ease-out}#trackKeypad::backdrop{background:#0008;backdrop-filter:blur(3px)}
#trackKeypad header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#trackKeypad header button{font-size:20px}
#trackKeypad button{font-family:inherit;border:0;border-radius:12px;background:var(--z-raised);color:var(--z-ink);cursor:pointer;touch-action:manipulation;transition:transform .1s,background .15s}
#trackKeypad button:active{transform:scale(.95);background:var(--z-green-bg)}
.tk-value{white-space:pre;overflow-x:auto;font:600 23px ui-monospace,monospace;padding:14px 8px;background:var(--z-canvas);border:1px solid var(--z-line);border-radius:12px;min-height:56px;box-sizing:border-box}.tk-caret{color:var(--z-green)}
.tk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tk-grid button{height:54px;font-size:27px;font-weight:600}.tk-grid.tk-letters{grid-template-columns:repeat(6,1fr)}.tk-grid.tk-letters button{height:42px;font-size:20px}
.tk-tools{display:flex;align-items:center;gap:8px;margin:10px 0}.tk-tools button{padding:10px;font-size:13px;min-height:40px}.tk-count{margin-left:auto;font-size:11px;color:var(--z-muted)}
#trackKeypad .tk-find{width:100%;min-height:50px;background:var(--z-green);color:var(--z-canvas);font-size:17px;font-weight:700}.tk-error{font-size:12px;color:var(--z-amber);margin:6px 0}.tk-error:empty{display:none}
@keyframes keypadIn{from{transform:translateY(35px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:700px){
 #zakupkiScreen{overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);animation:receiptReveal .22s ease-out}
 #zakupkiScreen>.zak-mobile-header{display:grid!important;grid-template-columns:auto 1fr auto;gap:10px!important;padding:14px!important;position:sticky;top:0;z-index:2}
 .zak-mobile-header>div{font-size:19px!important}.zak-mobile-header>button{min-height:42px;padding:9px 12px!important;font-size:13px!important;white-space:nowrap}
 .zak-mobile-header>button:last-child{grid-column:2/4;width:100%}
 #zakupkiScreen>.zak-mobile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:14px!important;gap:10px!important}
 .zak-mobile-stats>div{border-radius:16px!important;padding:14px!important;min-width:0}.zak-mobile-stats>div>div:last-child{font-size:12px!important;overflow-wrap:anywhere}.zak-mobile-stats>div>div:nth-child(2){font-size:27px!important;margin:6px 0}
 #zakupkiScreen>.zak-mobile-filters{display:grid!important;grid-template-columns:1fr auto;gap:12px!important;padding:0 14px 14px!important}
 #zakFilterBtns{grid-column:1/-1;flex-wrap:nowrap!important;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none;max-width:100%;min-width:0}
 #zakFilterBtns button{flex-shrink:0;white-space:nowrap;min-height:40px;padding:8px 12px;font-size:12px}
 .zak-mobile-filters>input{grid-row:2;width:100%!important;min-width:0;box-sizing:border-box;font-size:16px!important;padding:12px!important;border-radius:12px!important}.zak-mobile-filters>span{grid-row:2;grid-column:2;white-space:nowrap;font-size:11px!important}
 #zakupkiScreen>.zak-mobile-table{flex:none!important;overflow:visible!important;background:transparent!important;border:0!important;margin:0 14px 20px!important}
 .zak-mobile-table table,.zak-mobile-table tbody{display:block;width:100%}.zak-mobile-table thead{display:none}
 #zakTableBody .zak-row{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-bottom:12px;padding:16px;background:var(--z-surface);border:1px solid var(--z-line);border-radius:18px;position:relative;content-visibility:auto;contain-intrinsic-size:auto 280px;animation:receiptReveal .2s ease-out}
 #zakTableBody .zak-td{display:block;padding:0;border:0;text-align:left!important;white-space:normal;overflow:visible;text-overflow:clip;min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
 #zakTableBody .zak-row>.zak-td:before{display:block;color:var(--z-muted);font-size:10px;letter-spacing:.4px;margin-bottom:3px}
 #zakTableBody .zak-row>.zak-td:nth-child(1){grid-column:1/-1;padding-right:26px;font-size:16px;font-weight:650}
 #zakTableBody .zak-row>.zak-td:nth-child(2){grid-column:1/-1}#zakTableBody .zak-row>.zak-td:nth-child(2):before{content:'ТРЕК · НАЖМИТЕ, ЧТОБЫ СКОПИРОВАТЬ'}
 #zakTableBody .zak-track{display:block;white-space:normal;overflow-wrap:anywhere;font:500 14px ui-monospace,monospace;color:var(--z-green)}
 #zakTableBody .zak-row>.zak-td:nth-child(3):before{content:'КОЛИЧЕСТВО'}#zakTableBody .zak-row>.zak-td:nth-child(4):before{content:'СУММА'}
 #zakTableBody .zak-row>.zak-td:nth-child(5):before{content:'СТАТУС'}#zakTableBody .zak-row>.zak-td:nth-child(6):before{content:'АККАУНТ'}
 #zakTableBody .zak-row>.zak-td:nth-child(7){grid-column:1/-1}#zakTableBody .zak-row>.zak-td:nth-child(7):before{content:'КОММЕНТАРИЙ'}
 #zakTableBody .zak-row>.zak-td:nth-child(8):before{content:'ДАТА'}#zakTableBody .zak-row>.zak-td:nth-child(9){position:absolute;top:10px;right:10px}
 #zakTableBody select{max-width:100%;min-height:40px;font-size:14px!important;padding:8px!important}#zakTableBody .zak-del-btn{min-width:32px;min-height:32px}
 #receiveScreen{margin:14px!important}#receiveScreen .header{gap:12px}#receiveScreen .header h2{font-size:23px}#trackInput{font-family:inherit;font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){#trackKeypad[open],#zakupkiScreen,#zakTableBody .zak-row{animation:none}#trackKeypad button{transition:none}}

#trackKeypad{--z-surface:var(--bg-primary,#182129);--z-ink:var(--text-primary,#f0f5fa);--z-line:var(--border-color,#40505d);--z-raised:var(--bg-accent,#2a3640);--z-canvas:var(--bg-secondary,#101820);--z-muted:var(--text-secondary,#a8b8c5);--z-green:#29ce9b;--z-amber:#ffc069;--z-green-bg:#174536}
#trackKeypad .tk-wrap{flex-wrap:wrap;gap:5px}#trackKeypad .tk-wrap button{min-height:34px;padding:7px 9px}#trackKeypad .tk-selected{background:#24638a;color:#fff}#trackKeypad .tk-value{white-space:pre-wrap;overflow-wrap:anywhere;max-height:90px;overflow:auto}#trackKeypad .tk-grid.tk-letters{grid-template-columns:repeat(7,1fr)}#trackKeypad .tk-grid.tk-letters button{height:38px;font-size:18px}#trackKeypad header strong{font-size:15px;max-width:85%}

#trackKeypad[data-numeric="true"] [data-action="mode"],#trackKeypad[data-numeric="true"] [data-action="lang"],#trackKeypad[data-numeric="true"] [data-action="shift"],#trackKeypad[data-numeric="true"] [data-action="symbols"],#trackKeypad[data-numeric="true"] [data-action="space"],#trackKeypad[data-numeric="true"] [data-action="newline"]{display:none!important}

/* Receiving: numbers first, alphabet available only on request. */
#trackKeypad[data-compact="true"] [data-action="symbols"],
#trackKeypad[data-compact="true"] [data-action="left"],
#trackKeypad[data-compact="true"] [data-action="right"],
#trackKeypad[data-compact="true"] [data-action="newline"],
#trackKeypad[data-compact="true"] [data-action="shift"],
#trackKeypad[data-compact="true"][data-mode="number"] .tk-wrap{display:none!important}
#trackKeypad[data-compact="true"][data-mode="text"] .tk-grid button{min-height:44px}