﻿/* Catalog: compact controls and consistent result rows. */
.authenticated #catalog{padding:0;overflow:hidden;border-color:#e1e5ec;box-shadow:0 5px 25px #27324a04}
.catalog-heading{padding:25px 26px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px}.catalog-eyebrow{font-size:9px;letter-spacing:1.8px;color:#b44754;font-weight:650}.authenticated #catalog h2{font-size:23px;letter-spacing:-.6px;margin:7px 0}.authenticated #catalog #tenant{font-size:11px;color:#8b909c;margin:8px 0 0}.catalog-live{display:flex;align-items:center;gap:7px;background:#f2f8f5;color:#578574;font-size:10px;padding:8px 11px;border:1px solid #e4efe9;border-radius:20px;white-space:nowrap}.catalog-live i{height:5px;width:5px;background:#619980;border-radius:50%}
#catalog #search{margin:0 26px;gap:9px}#catalog #search input{background:#f9fafc;border-color:#e1e5ec;border-radius:9px;font-size:13px;min-width:0;height:44px;padding:12px 15px}#catalog #search button{font-size:12px;padding:10px 17px;white-space:nowrap;border-radius:8px}#catalog #showAll{border-color:#e2e5ec;color:#7b8290}
#catalog .segment-control{background:transparent;border:0;padding:0;margin:17px 26px 0;gap:16px}#catalog .segment-control label{font-size:10px;color:#8b8390;gap:6px;min-width:220px}#catalog .segment-control select{height:38px;font-size:12px;border-color:#e2e5eb;border-radius:7px;min-width:220px;padding:7px 10px}#catalog .segment-control p{font-size:11px;line-height:1.6;max-width:440px;margin-top:15px}
#catalog .batch-toolbar{padding:18px 26px;margin:0;gap:10px}#catalog .batch-toolbar button{font-size:11px;height:36px;padding:8px 13px;border-radius:7px}#catalog #findAll{color:#765a68;border-color:#eadce2;background:#fffafb}#catalog #sendAll{box-shadow:0 3px 8px #d72c3614}#catalog #progress{margin:0 26px 14px;font-size:12px;color:#ac4253}#catalog #progress:empty{display:none}
.results-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #eceef3;padding:20px 26px 17px;background:#fdfdfe}.results-heading h3{margin:0;display:flex;align-items:center;gap:9px;font-size:15px;font-weight:650;color:#333947}.results-heading h3 span{font-size:10px;background:#f0f1f5;border:1px solid #e5e8ef;color:#767e8d;border-radius:6px;min-width:24px;padding:3px 6px;text-align:center}.results-heading p{font-size:11px;color:#9399a4;margin:6px 0 0}#resultsPageLabel{font-size:10px;color:#999eaa;white-space:nowrap}
.results-columns{display:grid;grid-template-columns:minmax(0,1fr) 145px 230px;gap:20px;background:#f6f7fa;border-top:1px solid #edf0f5;border-bottom:1px solid #e8ebf1;padding:11px 26px;font-size:9px;font-weight:600;letter-spacing:1.3px;color:#939aa7}.results-columns span:last-child{text-align:center}
#catalog .products{gap:0;margin:0;display:block}#catalog .product{display:grid;grid-template-columns:minmax(0,1fr) 145px 230px;align-items:center;gap:20px;min-height:116px;border:0;border-bottom:1px solid #eceef3;border-radius:0;padding:18px 26px;background:#fff;transition:background .2s,box-shadow .2s}#catalog .product:last-child{border-bottom:0}#catalog .product:hover{background:#fffafb;box-shadow:inset 3px 0 #e87682}
.product-main{display:flex;align-items:center;gap:14px;min-width:0}#catalog .product-info{min-width:0}#catalog .product-info>b{font-size:12px;line-height:1.55;letter-spacing:.1px;font-weight:650;color:#343c4b;display:block;overflow-wrap:anywhere}
#catalog .product-thumb{width:62px;height:66px;flex:0 0 62px;position:relative;padding:5px;border:1px solid #e9ecf2;border-radius:9px;overflow:hidden;background:#fff;color:#bbc1cd;font-size:28px;font-weight:400}.product-thumb img{width:100%;height:100%;object-fit:contain;display:block}.product-thumb>span{position:absolute;bottom:0;left:0;right:0;background:#f3edf4eb;color:#8e7488;font-size:8px;line-height:14px}.product-thumb.empty-thumb{background:linear-gradient(145deg,#fafbfe,#f3f5fa)!important}
.product-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:7px;color:#777f8e;font-size:10px;line-height:1.7}.product-meta>span{display:inline-flex;gap:5px;overflow-wrap:anywhere}.product-meta>span>span{font-size:9px;color:#a4aab5}.product-meta>span:last-child{font-variant-numeric:tabular-nums}
.product-state{display:flex;flex-direction:column;gap:7px;min-width:0}.state-badge{font-size:10px;font-weight:500;border-radius:6px;align-self:flex-start;line-height:1.4;padding:5px 8px;background:#f1f3f7;color:#8a91a0;white-space:nowrap}#catalog .product-state .item-status{font-size:9px;margin:0;color:#a1a7b2;line-height:1.5}.product[data-state=ready] .state-badge{background:#fff0f2;color:#c44556}.product[data-state=found] .state-badge{background:#eff2fc;color:#7887b1}.product[data-state=sent] .state-badge{background:#eaf6ef;color:#4a8d6c}.product[data-state=attention] .state-badge{background:#fff4df;color:#a98338}
#catalog .product-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;justify-content:stretch}#catalog .product-actions button{font-size:10px;font-weight:500;white-space:nowrap;min-height:32px;padding:7px 8px;border-radius:6px;background:#fff;border-color:#e3e6ed;color:#7c8492;transition:background .2s,border-color .2s,color .2s}#catalog .product-actions button:hover{border-color:#d3a6b0;color:#a13749;background:#fff7f9}#catalog .product-actions .action-choose{color:#a7485b;border-color:#ecd6dc;background:#fff9fa}#catalog .product-actions .action-send{background:#d72c36;border-color:#d72c36;color:#fff}#catalog .product-actions .action-send:disabled{opacity:1;background:#f6f7fa;border-color:#e9ebf1;color:#b9bec9;cursor:not-allowed}
#catalog .pagination-toolbar{border-top:1px solid #e7ebf1;padding:16px 26px;margin:0;background:#fafbfc;gap:10px}#catalog .pagination-toolbar button{font-size:11px;padding:9px 12px;background:#fff;border-color:#e1e6ef;border-radius:7px}#pageInfo{font-size:11px;color:#8f96a4;margin:0 6px}#catalog .pagination-toolbar .jump{margin-left:auto;font-size:10px;color:#9299a6}#catalog .jump input{width:60px;font-size:11px;padding:8px;border-color:#e3e7ee}
@media(min-width:1600px){#catalog .product,#catalog .results-columns{grid-template-columns:minmax(0,1fr) 175px 265px}.product-meta{font-size:11px}#catalog .product-info>b{font-size:13px}#catalog .product-actions button{font-size:11px}}
@media(max-width:1150px){#catalog .product{grid-template-columns:minmax(0,1fr) 205px;gap:10px 16px}.results-columns{grid-template-columns:minmax(0,1fr) 205px}.results-columns>span:nth-child(2){display:none}.product-state{grid-column:1;flex-direction:row;align-items:center;margin-left:76px;gap:8px}.product-actions{grid-column:2;grid-row:1/span 2}.catalog-live{display:none}#catalog .product{padding:16px 22px}.product-state .state-badge{font-size:9px;padding:3px 6px}}
@media(max-width:800px){#catalog .product{grid-template-columns:1fr}.product-state{grid-column:1;grid-row:auto;margin-left:76px}.product-actions{grid-column:1;grid-row:auto}#catalog .product-actions{grid-template-columns:repeat(4,1fr);margin-top:2px}.results-columns{display:none}.results-heading{border-bottom:1px solid #eceef3}.catalog-heading,#catalog .product{padding-left:18px;padding-right:18px}#catalog #search{margin-left:18px;margin-right:18px}#catalog .segment-control{margin-left:18px;margin-right:18px}#catalog .batch-toolbar,.results-heading{padding-left:18px;padding-right:18px}.catalog-heading{padding-top:21px}#catalog .segment-control{align-items:stretch}#catalog .segment-control select{min-width:0}#catalog .segment-control p{margin:0}.catalog-heading h2{font-size:20px!important}#resultsPageLabel{display:none}}
@media(max-width:480px){#catalog #search{display:grid;grid-template-columns:1fr 1fr}#catalog #search input{grid-column:1/-1}#catalog .product-actions{grid-template-columns:1fr 1fr}.product-meta{gap:2px 8px}.product-state{margin-left:0}.product-state .item-status{display:none}#catalog .batch-toolbar{align-items:stretch}#catalog .batch-toolbar button{flex:1}#catalog .pagination-toolbar{padding:14px;gap:7px}#catalog .pagination-toolbar .jump{margin-left:0}.product-info>b{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){#catalog .product,#catalog .product-actions button{transition:none}}
#catalog .product-thumb>.thumb-count{position:absolute;inset:auto 0 0;background:#292c3be6;color:#fff;font-size:8px;line-height:16px;text-align:center}
.thumbnail-carousel{position:fixed;z-index:20;width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:15px;border:1px solid #e4dce3;border-radius:16px;background:#fff;box-shadow:0 18px 55px #25213530,0 3px 12px #3026360d;animation:carousel-appear .18s ease-out}.carousel-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.carousel-heading strong{flex:1;font-size:12px;line-height:1.5;color:#49404d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-heading .carousel-close{font-size:20px;padding:0;width:28px;height:28px;flex-shrink:0;background:#f7f4f7;border:0;border-radius:50%;color:#877786}.carousel-stage{position:relative;height:min(260px,48vh);background:#fff;border:1px solid #f0edf1;border-radius:10px;display:flex;align-items:center;justify-content:center}.carousel-stage img{width:100%;height:100%;object-fit:contain;padding:12px}.carousel-stage button{position:absolute;top:calc(50% - 17px);width:30px;height:34px;border:1px solid #e9dce2;border-radius:8px;background:#fffffff0;color:#b34156;font-size:26px;line-height:1;padding:0;box-shadow:0 3px 10px #37203612}.carousel-prev{left:5px}.carousel-next{right:5px}.carousel-footer{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:11px;color:#978796}#carouselCounter{font-variant-numeric:tabular-nums;color:#b14457}.carousel-dots{display:flex;gap:6px;justify-content:center;margin-top:12px}.carousel-dots button{width:7px;height:7px;min-height:0;padding:0;border:0;border-radius:50%;background:#e7dfe5}.carousel-dots button[aria-current=true]{background:#cc4055;width:18px;border-radius:5px}@keyframes carousel-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.thumbnail-carousel{animation:none}}

.photo-filter{display:flex;gap:24px;align-items:center;padding:16px 20px;background:#f8fafc;border:1px solid #e3e8f0;border-radius:12px;margin:18px 0}.photo-filter label{margin:0;min-width:220px}.photo-filter p{font-size:12px;margin:0 0 6px}.photo-filter button{padding:7px 12px;font-size:12px}@media(max-width:650px){.photo-filter{flex-direction:column;align-items:stretch}.photo-filter label{min-width:0}}

#sidebar{overflow-y:auto}#sidebar .photo-filter{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:20px 0;padding:16px 10px;border:0;border-top:1px solid #e8ebf1;border-radius:0;background:transparent;flex-shrink:0}#sidebar .photo-filter label{min-width:0;font-size:11px;color:#637089;gap:10px}#sidebar .photo-filter select{width:100%;min-width:0;padding:10px 7px;font-size:11px;background:#f8f9fc;border-color:#e2e6ee;border-radius:9px}#sidebar .photo-filter p{font-size:11px;line-height:1.7;color:#8992a2;overflow-wrap:anywhere}#sidebar .photo-filter button{width:100%;padding:9px;margin:8px 0 0;font-size:11px;color:#ba2333;background:#fff0f2;border:1px solid #f4d7dc;text-align:center}@media(max-width:700px){.authenticated #sidebar{flex-wrap:wrap;overflow:visible}.authenticated #sidebar .photo-filter{flex-basis:100%;margin:4px 0 0;padding:12px 0 0;display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,1fr);gap:14px}.authenticated #sidebar .photo-filter p{margin:0}}
