.image-preview-button{border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);background:rgba(var(--admin-accent-rgb),.07);color:var(--brand-green);padding:6px 9px;font-size:var(--fs-xs);white-space:nowrap;cursor:pointer}.image-preview-button:hover{background:rgba(var(--admin-accent-rgb),.10)}.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 var(--admin-border-soft);border-radius:var(--ui-radius,12px);overflow:hidden;background:#fff}.order-image-card button{display:block;width:100%;height:150px;padding:0;border:0;background:var(--admin-surface-soft);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:var(--fs-xs)}.order-image-empty{grid-column:1/-1;padding:55px 20px;text-align:center;border:1px dashed var(--admin-border-soft);border-radius:var(--ui-radius,12px);color:var(--muted);background:var(--admin-surface-soft)}.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:var(--ui-radius,12px);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-thumb[data-full-image]{cursor:zoom-in;transition:border-color .18s,box-shadow .18s,transform .18s}.order-thumb[data-full-image]:hover{border-color:var(--admin-accent);box-shadow:0 0 0 3px rgba(var(--admin-accent-rgb),.14);transform:scale(1.04)}.order-thumb[data-full-image]:focus-visible{outline:3px solid rgba(var(--admin-accent-rgb),.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:var(--ui-radius,12px);border:1px solid var(--admin-border-soft);cursor:zoom-in;background:var(--admin-surface-soft)}.order-inline-thumb img:hover{border-color:var(--admin-accent);box-shadow:0 0 0 2px rgba(var(--admin-accent-rgb),.14)}.order-inline-thumb small{color:var(--muted);font-size:9px}.order-no-image{color:var(--admin-text-sub);font-size:var(--fs-xs);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}
@media(max-width:600px){.order-image-gallery{grid-template-columns:1fr 1fr}.order-image-card button,.order-image-card img{height:120px}}