.im-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 18px;border:1px solid #dce8dd;border-radius:16px;background:#edf5ed;margin-bottom:20px}.im-intro strong{font-size:15px}.im-intro p{font-size:14px;line-height:1.7;margin:0;color:#536c5b;max-width:760px}.im-intro>button{flex-shrink:0}.im-sync-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;color:var(--muted);font-size:13px;min-height:32px}.im-sync-line label{display:flex;align-items:center;gap:8px;font-size:12px}.im-sync-line select{max-width:200px;min-height:40px;font-size:13px;padding:8px}.im-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.im-overview>div{background:#fff;border:1px solid var(--border);padding:18px 20px;border-radius:14px;display:flex;gap:12px;align-items:center}.im-overview strong{font-size:27px;color:var(--green)}.im-overview span{font-size:13px;color:var(--muted);line-height:1.5}.im-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.45fr);gap:16px;align-items:end}.im-filters>label{font-size:12px;gap:5px}.im-filters select{font-size:14px}.im-results-line{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 16px;font-size:14px}.im-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.im-card{border:1px solid var(--border);border-radius:16px;background:white;overflow:hidden;min-width:0}.im-card-open{display:flex;flex-direction:column;align-items:stretch;text-align:left;width:100%;height:100%;padding:0;background:transparent;font-weight:400;border-radius:16px;gap:0}.im-card-open:hover{background:#f8fbf8}.im-card-open:focus-visible{outline:3px solid #2d775a;outline-offset:-3px}.im-photo{width:100%;aspect-ratio:4/3;max-height:300px;flex-shrink:0;position:relative;background:#f5f6f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#819181;font-size:11px;min-height:0}.im-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;padding:8px}.im-photo-count{position:absolute;bottom:10px;left:10px;border-radius:6px;background:#18382ee0;color:white;padding:4px 7px;font-size:11px}.im-card-content{padding:14px 16px;min-width:0;width:100%;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.im-card-top{display:flex;gap:4px 10px;flex-wrap:wrap;justify-content:space-between;width:100%;color:var(--muted);font-size:11px;line-height:1.5}.im-order-id{font-size:12px;color:#2d624e;overflow-wrap:anywhere;font-weight:600}.im-card-content h2{font-size:16px;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.im-status{display:inline-block;padding:5px 8px;border-radius:7px;background:#eef0fc;color:#505b8f;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.im-status.im-arrived{background:#e4f2e4;color:#3c6e40}.im-status.im-cancelled{background:#f3eaea;color:#986261}.im-tracking{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;margin:0}.im-tracking strong{font-weight:500;color:#3f5548}.im-totals{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;line-height:1.6}.im-totals strong{font-weight:600}.im-allocation{border-top:1px solid #edf1ec;width:100%;padding-top:8px;margin-top:0;color:#597763;font-size:12px;line-height:1.5}.im-allocation>span{display:block;color:#889187;font-size:11px;margin-top:4px}.im-more{text-align:center;margin:24px 0}.im-more>button{min-width:180px}.im-grid>.empty{grid-column:1/-1}.im-detail-dialog{max-width:760px}.im-detail{font-size:14px;line-height:1.7}.im-detail-summary p{overflow-wrap:anywhere;color:#586c60}.im-detail h3{font-size:16px;margin:24px 0 12px}.im-gallery{display:flex;gap:10px;overflow-x:auto;padding:16px 0;scroll-snap-type:x proximity}.im-gallery button{padding:0;flex:0 0 160px;height:200px;scroll-snap-align:start;background:#f0f3ee;overflow:hidden}.im-gallery img{width:100%;height:100%;object-fit:contain;display:block}.im-legacy-note{background:#fff5df;border:1px solid #f0e0b9;border-radius:10px;padding:12px;color:#826a35;font-size:13px}.im-source-lines{display:grid;gap:10px}.im-source-lines>div{padding:12px 14px;border:1px solid var(--border);border-radius:10px;overflow-wrap:anywhere}.im-source-lines p{margin:5px 0;color:var(--muted)}.im-source-lines span{display:block;color:#577860;font-size:13px;margin-top:6px}.im-linked-orders{display:flex;flex-direction:column;gap:10px}.im-linked-orders>button{text-align:left;overflow-wrap:anywhere}.im-note{white-space:pre-wrap;overflow-wrap:anywhere}.im-detail-dialog .dialog-heading h2{overflow-wrap:anywhere;font-size:17px}
@media(min-width:1280px){.im-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.im-photo{max-height:300px}.im-card-content{padding:14px}}
@media(max-width:1100px){.im-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.im-photo{max-height:280px}.im-overview>div{flex-direction:column;gap:4px;align-items:flex-start;padding:14px 16px}}
@media(max-width:600px){.im-intro{padding:16px;gap:16px;align-items:stretch;flex-direction:column}.im-intro p{font-size:13px}.im-intro>button{align-self:flex-start;min-height:44px}.im-overview{gap:8px;margin:16px 0}.im-overview>div{padding:12px 10px;border-radius:12px}.im-overview strong{font-size:24px}.im-overview span{font-size:11px}.im-filters{grid-template-columns:1fr;gap:12px}.im-filters select{min-height:44px}.im-sync-line{flex-wrap:wrap;font-size:12px}.im-photo{width:100%;min-height:0;max-height:280px}.im-card-content{padding:14px;gap:9px}.im-card-content h2{font-size:15px;margin:0}.im-card-top{gap:3px 8px;flex-direction:row}.im-order-id{font-size:11px}.im-status{font-size:11px}.im-grid{grid-template-columns:1fr;gap:16px}.im-tracking{margin:0;font-size:12px}.im-totals{font-size:12px}.im-gallery button{flex-basis:140px;height:180px}.bottom-nav .nav-item{min-width:0;flex:1;font-size:10px;padding-left:2px;padding-right:2px}.bottom-nav .nav-item>span{white-space:nowrap}}