.image-preview-button{border:1px solid #cfe1d7;border-radius:7px;background:#eff8f3;color:#176b49;padding:6px 9px;font-size:10px;white-space:nowrap;cursor:pointer}.image-preview-button:hover{background:#dff1e7}.order-image-dialog{width:min(940px,calc(100vw - 36px));max-width:none}.order-image-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}.order-image-head .title-icon{flex:0 0 auto}.order-image-head h2{margin:0 0 4px}.order-image-head p{color:var(--muted)}.order-image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:13px;max-height:65vh;overflow:auto;padding:2px}.order-image-card{border:1px solid #dfe8e3;border-radius:12px;overflow:hidden;background:#fff}.order-image-card button{display:block;width:100%;height:150px;padding:0;border:0;background:#f3f7f5;cursor:zoom-in}.order-image-card img{width:100%;height:150px;display:block;object-fit:cover}.order-image-card div{padding:10px 12px}.order-image-card b,.order-image-card span,.order-image-card small{display:block}.order-image-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-image-card span,.order-image-card small{margin-top:4px;color:var(--muted);font-size:10px}.order-image-empty{grid-column:1/-1;padding:55px 20px;text-align:center;border:1px dashed #cbd9d1;border-radius:12px;color:var(--muted);background:#f8fbf9}.order-image-lightbox{position:fixed;inset:0;z-index:3000;display:none;place-items:center;padding:30px;background:rgba(7,24,17,.88)}.order-image-lightbox.open{display:grid}.order-image-lightbox img{max-width:94vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.4)}.order-image-lightbox button{position:absolute;right:24px;top:18px;border:0;background:transparent;color:#fff;font-size:38px;cursor:pointer}.customer-preview-images{margin-left:6px}.statement-note .image-preview-button{margin-top:5px}
.order-image-cell{white-space:nowrap;text-align:center;vertical-align:middle!important}.order-image-cell .image-preview-button{margin:0}
.order-thumb[data-full-image]{cursor:zoom-in;transition:border-color .18s,box-shadow .18s,transform .18s}.order-thumb[data-full-image]:hover{border-color:#23845e;box-shadow:0 0 0 3px rgba(35,132,94,.14);transform:scale(1.04)}.order-thumb[data-full-image]:focus-visible{outline:3px solid rgba(35,132,94,.25);outline-offset:3px}
.order-inline-thumb{display:inline-flex;align-items:center;gap:5px;vertical-align:middle}.order-inline-thumb img{width:58px;height:42px;object-fit:cover;border-radius:6px;border:1px solid #d6e4dc;cursor:zoom-in;background:#f4f8f5}.order-inline-thumb img:hover{border-color:#23845e;box-shadow:0 0 0 2px rgba(35,132,94,.14)}.order-inline-thumb small{color:var(--muted);font-size:9px}.order-no-image{color:#a0ada5;font-size:10px;white-space:nowrap}
.customer-order-images{display:flex;align-items:center;justify-content:center;min-width:70px;overflow:hidden}.customer-order-images .order-inline-thumb{flex:0 0 auto}
.customer-table [data-preview-customer-images],.customer-table .order-inline-thumb,.customer-table .order-no-image{display:none!important}.statement-image-cell{white-space:nowrap;text-align:center;vertical-align:middle!important}.statement-image-cell .order-inline-thumb img{width:48px;height:36px}
@media(max-width:600px){.order-image-gallery{grid-template-columns:1fr 1fr}.order-image-card button,.order-image-card img{height:120px}}