/* UI56 — Barter Pro table parity layer for Skladik «В пути». */
.it53-table-scroll{max-height:calc(100vh - 258px);overflow:auto!important}
.it53-page.is-fullscreen .it53-table-scroll{max-height:none}
.it56-table th{padding-right:31px;position:sticky}
.it56-th-label{display:inline-block;max-width:calc(100% - 2px);overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.it56-col-filter{position:absolute;right:8px;top:50%;translate:0 -50%;width:18px;height:18px;border:0;border-radius:6px;background:transparent;color:var(--b-text-3);font-size:11px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.13s ease}
.it56-col-filter:hover{background:var(--b-surface);color:var(--b-text)}
.it56-col-filter.is-active,.it56-filter-active .it56-col-filter{background:var(--b-green-soft);color:var(--b-green);font-weight:900}
.it56-filter-active{box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--b-green) 70%,transparent)}
.it56-col-resize{position:absolute;right:-3px;top:0;width:7px;height:100%;z-index:12;cursor:col-resize;touch-action:none}
.it56-col-resize::after{content:"";position:absolute;left:3px;top:7px;bottom:7px;width:1px;background:transparent;transition:.12s ease}
.it56-col-resize:hover::after,body.it56-resizing .it56-col-resize::after{background:var(--b-green)}
body.it56-resizing{cursor:col-resize!important;user-select:none!important}
.it56-table tbody tr.it56-await-receipt td{background:color-mix(in srgb,var(--b-green-soft) 62%,var(--b-surface))}
.it56-table tbody tr.it56-await-receipt:hover td{background:color-mix(in srgb,var(--b-green-soft) 82%,var(--b-surface))}
.it56-table tbody tr.it56-await-last td{border-bottom:2px solid color-mix(in srgb,var(--b-green) 55%,var(--b-line))}
.it56-table tbody tr.it56-sold td{background:color-mix(in srgb,var(--b-green-soft) 72%,var(--b-surface))}.it56-table tbody tr.it56-sold:hover td{background:color-mix(in srgb,var(--b-green-soft) 88%,var(--b-surface))}
.it56-table tbody tr.it56-selected td{box-shadow:inset 0 0 0 999px color-mix(in srgb,var(--b-green-soft) 22%,transparent)}
.it56-filter-manager b{font-size:8px;color:var(--b-green);font-weight:800}
.it56-filter-reset[hidden]{display:none!important}

.it56-filter-pop{position:fixed;z-index:2200;width:320px;max-height:min(480px,calc(100vh - 20px));display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;background:var(--b-surface);border:1px solid var(--b-line);border-radius:15px;box-shadow:0 24px 70px rgba(0,0,0,.24);overflow:hidden}
.it56-filter-pop>header{display:flex;align-items:center;gap:8px;padding:10px 11px;border-bottom:1px solid var(--b-line)}
.it56-filter-pop>header strong{font-size:10px;flex:1}.it56-filter-pop>header button{width:27px;height:27px;border:0;border-radius:8px;background:var(--b-surface-2);font-size:16px}
.it56-filter-search{height:36px;margin:9px 9px 5px;border:1px solid var(--b-line);border-radius:9px;background:var(--b-surface-2);display:flex;align-items:center;gap:6px;padding:0 8px;color:var(--b-text-3)}
.it56-filter-search input{border:0;outline:0;background:transparent;width:100%;font-size:9px;color:var(--b-text)}
.it56-filter-quick{display:flex;gap:10px;padding:2px 10px 7px}.it56-filter-quick button{border:0;background:transparent;color:var(--b-green);font-size:8px;font-weight:700;padding:0;cursor:pointer}
.it56-filter-list{overflow:auto;border-top:1px solid var(--b-line);border-bottom:1px solid var(--b-line);padding:4px}
.it56-filter-list label{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:31px;padding:4px 7px;border-radius:8px;cursor:pointer}
.it56-filter-list label:hover{background:var(--b-surface-2)}.it56-filter-list input{accent-color:var(--b-green)}.it56-filter-list span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it56-filter-list b{font-size:8px;color:var(--b-text-3);font-weight:650}
.it56-filter-empty{padding:24px;text-align:center;color:var(--b-text-3);font-size:9px}
.it56-filter-pop>footer{display:flex;justify-content:flex-end;gap:6px;padding:8px 9px}.it56-filter-pop>footer button{height:29px;padding:0 10px;border:1px solid var(--b-line);border-radius:8px;background:var(--b-surface-2);font-size:8.5px;font-weight:700;color:var(--b-text)}.it56-filter-pop>footer .is-primary{background:var(--b-green);border-color:var(--b-green);color:#fff}

.it56-manager-backdrop,.it56-gallery-backdrop{position:fixed;z-index:2180;inset:0;background:rgba(5,12,8,.42);backdrop-filter:blur(8px);display:grid;place-items:center;padding:12px}
.it56-manager{width:min(520px,calc(100vw - 24px));max-height:min(82vh,720px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--b-surface);border:1px solid var(--b-line);border-radius:17px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.28)}
.it56-manager>header{display:flex;align-items:center;gap:10px;padding:12px 13px;border-bottom:1px solid var(--b-line)}.it56-manager>header>div{flex:1}.it56-manager>header small{font-size:7px;color:var(--b-green);font-weight:800;letter-spacing:.08em}.it56-manager>header h2{font-size:14px;margin:2px 0 0}.it56-manager>header button{width:29px;height:29px;border:0;border-radius:8px;background:var(--b-surface-2);font-size:16px}
.it56-manager-list{padding:7px;overflow:auto;display:grid;gap:3px}.it56-manager-list>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:37px;border:0;border-radius:9px;background:transparent;padding:0 9px;text-align:left;color:var(--b-text)}.it56-manager-list>button:hover{background:var(--b-surface-2)}.it56-manager-list span{font-size:9.5px;font-weight:650}.it56-manager-list b{font-size:7.5px;color:var(--b-green);background:var(--b-green-soft);padding:3px 6px;border-radius:999px}.it56-manager-list i{font-style:normal;color:var(--b-text-3);font-size:14px}.it56-manager>footer{padding:9px 12px;border-top:1px solid var(--b-line);display:flex;justify-content:flex-end}.it56-manager>footer button{height:30px;padding:0 10px;border:1px solid var(--b-line);border-radius:8px;background:var(--b-surface-2);font-size:8.5px}.it56-manager>footer button:disabled{opacity:.45}
.it56-gallery-backdrop{z-index:2240}.it56-gallery{width:min(900px,calc(100vw - 24px));max-height:88vh;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--b-surface);border:1px solid var(--b-line);border-radius:17px;overflow:hidden}.it56-gallery>header{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--b-line)}.it56-gallery>header strong{flex:1;font-size:10px}.it56-gallery>header button{width:29px;height:29px;border:0;border-radius:8px;background:var(--b-surface-2);font-size:16px}.it56-gallery>div{padding:10px;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.it56-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--b-line)}

@media(max-width:760px){
 .it53-table-scroll{max-height:none}
 .it56-filter-pop.is-mobile{left:8px!important;right:8px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto;max-height:min(66vh,520px);border-radius:16px}
 .it53-toolbar-actions [data-it56-filter-manager]{display:flex;grid-column:span 2;justify-content:center}.it53-toolbar-actions [data-it56-filter-reset]{display:flex;justify-content:center}
 .it53-mobile-card.it56-await-receipt{border-color:color-mix(in srgb,var(--b-green) 48%,var(--b-line));background:color-mix(in srgb,var(--b-green-soft) 42%,var(--b-surface-glass-strong))}
 .it53-mobile-card.it56-await-last{box-shadow:0 2px 0 color-mix(in srgb,var(--b-green) 50%,transparent)}
 .it53-mobile-card.it56-selected{outline:2px solid color-mix(in srgb,var(--b-green) 45%,transparent)}
 .it56-gallery>div{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){.it53-toolbar-actions [data-it56-filter-manager]{grid-column:span 2}.it56-gallery>div{grid-template-columns:1fr}}


/* UI74 — server-paged personal workspace and mobile controls. */
.it74-workspace{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.it74-workspace select,.it74-workspace button{height:34px;border:1px solid var(--b-line);border-radius:9px;background:var(--b-surface-2);color:var(--b-text);padding:0 8px;font-size:8.5px}
.it74-workspace select{max-width:170px}
.it74-workspace button:hover{border-color:var(--b-green);color:var(--b-green)}
.it74-filter-chips{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 8px}
.it74-filter-chips[hidden]{display:none}
.it74-filter-chips button{min-height:27px;border:1px solid color-mix(in srgb,var(--b-green) 22%,var(--b-line));border-radius:999px;background:var(--b-green-soft);color:var(--b-green);padding:0 9px;font-size:8px;font-weight:750}
.it74-filter-chips button span{margin-left:4px;font-size:11px}
.it74-columns{width:min(560px,calc(100vw - 20px))}
.it74-column-list{display:grid;gap:5px;padding:10px;max-height:min(64vh,560px);overflow:auto}
.it74-column-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:6px 8px;border:1px solid var(--b-line);border-radius:9px;background:var(--b-surface-2)}
.it74-column-list label{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:700}
.it74-column-list>div>span{display:flex;gap:3px}
.it74-column-list button{width:28px;height:27px;border:0;border-radius:7px;background:var(--b-surface);color:var(--b-text-2)}
.it74-load-more{min-width:130px}
@media(max-width:760px){
 .it53-page .it53-toolbar{position:static;top:auto;z-index:auto}
 .it86-mobile-search-sticky{position:sticky;top:4px;z-index:36;margin-bottom:6px;padding:6px;border:1px solid var(--b-line);border-radius:12px;background:color-mix(in srgb,var(--b-surface) 94%,transparent);box-shadow:var(--b-shadow-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .it86-mobile-search-sticky .it53-search{width:100%;min-width:0;flex:none;margin:0;background:var(--b-surface)}
 .it74-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-column:1/-1;width:100%}
 .it74-workspace select,.it74-workspace button{width:100%;max-width:none;min-width:0;height:32px}
 .it74-workspace [data-it74-delete]{width:32px;justify-self:end}
 .it74-filter-chips{overflow:auto;flex-wrap:nowrap;scrollbar-width:none}
 .it74-filter-chips button{flex:0 0 auto}
 .it53-pager{justify-content:center;flex-wrap:wrap}
 .it53-pager>span{width:100%;text-align:center}
}

/* UI77 — Excel-like column menu, no legacy flash, stronger sold state. */
#appMain.it56-booting .it53-page{visibility:hidden!important}
.it56-loading{min-height:160px;display:grid;place-content:center}
.it56-filter-sort{display:grid;gap:3px;padding:6px 7px;border-bottom:1px solid var(--b-line)}
.it56-filter-sort button{min-height:30px;border:0;border-radius:8px;background:transparent;color:var(--b-text);padding:0 8px;text-align:left;font-size:8.7px;font-weight:700;cursor:pointer}
.it56-filter-sort button:hover,.it56-filter-sort button.is-active{background:var(--b-green-soft);color:var(--b-green)}
@media(max-width:760px){
 .it53-mobile-card.it56-sold{border-color:color-mix(in srgb,var(--b-green) 55%,var(--b-line));background:color-mix(in srgb,var(--b-green-soft) 68%,var(--b-surface-glass-strong))}
 .it53-mobile-card.it56-failed{border-color:color-mix(in srgb,var(--b-red) 58%,var(--b-line));background:color-mix(in srgb,var(--b-red-soft) 64%,var(--b-surface-glass-strong));box-shadow:0 6px 18px color-mix(in srgb,var(--b-red) 8%,transparent)}
}