/* V27 compact display only. Original indexed inputs remain in expandable tables. */
.order-format-pane{--of-ink:#142b42;--of-muted:#718096;--of-line:#dce4ec;--of-soft:#f5f7fa;--of-warning:#a64722}
.order-format-pane .order-scan-entry{padding:12px 16px;margin-bottom:14px}
.order-format-pane .order-scan-entry p{font-size:12px;line-height:1.5;margin:5px 0 0}
.order-format-product{display:flex;align-items:center;gap:20px;padding:4px 0 18px;color:var(--of-ink)}
.order-format-photo{width:110px;height:118px;flex:none;display:grid;place-items:center;border:1px solid var(--of-line);border-radius:8px;overflow:hidden;background:var(--of-soft);color:var(--of-muted);font-size:12px;text-align:center}
.order-format-photo img{display:block;width:100%;height:100%;object-fit:contain}
.order-format-product-main{min-width:0}.order-format-customer{font-size:12px;color:var(--of-muted);overflow-wrap:anywhere}
.order-format-product h3{font-size:22px;line-height:1.3;margin:5px 0 6px;overflow-wrap:anywhere}.order-format-item{font-size:14px;overflow-wrap:anywhere}
.order-format-product-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;color:var(--of-muted);font-size:12px}.order-format-product-meta b{font-size:18px;color:var(--of-ink);font-variant-numeric:tabular-nums}
.order-format-pane .detail-section{box-shadow:none;border-color:var(--of-line)}.order-format-pane .detail-section-head{padding:10px 14px}.order-format-pane .detail-section-body{padding:12px 14px}
.order-format-pane .detail-section-head>b{font-size:14px}.order-format-pane .detail-section-head>.btn{font-size:11px;padding:7px 12px}
.order-format-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.order-format-pane .order-format-matrix{width:100%;min-width:0;border-collapse:collapse;font-size:13px;color:var(--of-ink)}
.order-format-matrix th,.order-format-matrix td{padding:8px 9px;border-bottom:1px solid var(--of-line);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.order-format-matrix thead th{background:var(--of-soft);color:var(--of-muted);font-weight:600}
.order-format-matrix th:first-child,.order-format-matrix td:nth-child(2),.order-format-matrix th:nth-child(2){text-align:left}.order-format-matrix tbody th{font-weight:400;color:var(--of-muted)}
.order-format-matrix td:nth-child(2){white-space:normal;min-width:100px;max-width:240px;overflow-wrap:anywhere}
.order-format-matrix tfoot th,.order-format-matrix tfoot td{background:var(--of-soft);font-weight:700;border-bottom:0}.order-format-matrix tfoot th{width:auto}
.order-format-pane .order-format-proxy{height:auto;border:1px solid var(--of-line);background:#fff;border-radius:5px;padding:7px;color:var(--of-ink);font:inherit;font-variant-numeric:tabular-nums;box-sizing:border-box}
.order-format-pane .order-format-quantity{width:82px;text-align:right;min-width:60px}.order-format-pane .order-format-proxy:disabled{background:var(--of-soft);color:var(--of-muted);opacity:1}
.order-format-absent{color:#a3adbb}.order-format-duplicate{display:block;color:var(--of-muted);font-size:10px;padding-top:3px}
.order-format-status{font-size:12px;line-height:1.5;color:#367156;margin:10px 0}.order-format-status:empty{display:none}.order-format-status.order-format-warning{color:var(--of-warning)}
.order-format-more{border-top:1px solid var(--of-line);font-size:12px;color:var(--of-ink)}.order-format-more summary{padding:11px 0;cursor:pointer;line-height:1.4;color:var(--of-muted)}
.order-format-legacy-note{font-size:11px;color:var(--of-muted);line-height:1.5;margin-bottom:10px}.order-format-more .tablewrap{padding-bottom:8px}
.order-format-more .detail-table{font-size:12px}.order-format-more .detail-table textarea{min-width:130px}.order-format-more .detail-table input{min-width:80px}
.order-format-more .detail-table input[type=date]{min-width:130px}.order-format-more .detail-table td{padding:7px}
.order-format-pane .detail-sum{font-size:12px;justify-content:flex-end;gap:18px;padding-top:9px}.order-format-pane .detail-sum strong{font-size:14px}
.order-format-dates{display:grid;grid-template-columns:1fr 1fr minmax(95px,.7fr);gap:16px;padding-bottom:12px}
.order-format-dates label{display:grid;gap:7px;font-size:12px;min-width:0;color:var(--of-muted)}.order-format-dates label strong{color:var(--of-ink);font-size:13px;font-weight:600;overflow-wrap:anywhere}
.order-format-dates .order-format-proxy{width:100%;min-width:0;font-size:14px}.order-format-dates .order-format-quantity{text-align:left}
.order-format-unfilled{color:var(--of-muted);font-size:12px}.order-format-batch-count{align-self:center;font-size:12px;color:var(--of-muted)}
.order-format-originals{margin-top:14px;padding:0 14px;border:1px solid var(--of-line);border-radius:8px;background:#fff}
.order-format-notes{margin-top:14px;padding:0 14px;border:1px solid var(--of-line);border-radius:8px;background:#fff}.order-format-notes[open]{padding-bottom:10px}.order-format-notes dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px 12px;margin:0 0 12px;font-size:12px;line-height:1.6}.order-format-notes dt{color:var(--of-muted)}.order-format-notes dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.order-format-notes .btn{font-size:11px}
.order-format-file{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--of-line);padding:10px 0;font-size:12px}
.order-format-file>span{min-width:0;overflow-wrap:anywhere}.order-format-file>div{display:flex;gap:7px;flex:none}.order-format-file .btn{font-size:11px;padding:7px 10px}
.order-format-empty{color:var(--of-muted);font-size:12px;padding:8px 0;line-height:1.5;margin:0}
@media(max-width:600px){.order-format-product{gap:13px;padding-bottom:15px}.order-format-photo{width:82px;height:92px}.order-format-product h3{font-size:18px}.order-format-item{font-size:13px}.order-format-product-meta{gap:10px;font-size:11px}.order-format-product-meta b{font-size:16px}.order-format-pane .detail-section-body{padding:10px}.order-format-pane .detail-section-head{padding:10px}.order-format-matrix{font-size:12px}.order-format-matrix th,.order-format-matrix td{padding:8px 5px}.order-format-matrix td:nth-child(2){min-width:75px}.order-format-pane .order-format-quantity{width:62px;min-width:48px}.order-format-dates{grid-template-columns:1fr 1fr;gap:12px}.order-format-dates .order-format-quantity{width:100%}.order-format-dates>label:last-child:nth-child(3){grid-column:1/-1;max-width:150px}.order-format-file{flex-wrap:wrap}.order-format-pane .order-scan-entry{padding:10px}.order-format-pane .detail-sum{gap:12px;flex-wrap:wrap}.order-format-more summary{min-height:44px;box-sizing:border-box;display:flex;align-items:center}.order-format-originals{padding:0 10px}}
@media(pointer:coarse){.order-format-pane .order-format-proxy{font-size:16px;padding:9px 5px}.order-format-pane .detail-section-head>.btn,.order-format-file .btn{min-height:44px}}
/* V32: a color card and editable number/name are visible on each color row. */
.order-format-pane .order-format-color-edit{max-width:190px;width:100%;min-width:65px;text-align:left}.order-format-color-card{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:7px;white-space:normal;font-size:10px;color:var(--of-muted)}.order-format-color-card>img{width:58px;height:62px;object-fit:contain;border:1px solid var(--of-line);border-radius:5px;background:#fff}.order-format-color-card>div{display:flex;flex-wrap:wrap;gap:5px}.order-format-color-card .btn{padding:4px 7px;font-size:10px}.order-format-upload{position:relative;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer!important}.order-format-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.order-format-photo-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.order-format-photo-actions .btn{padding:6px 9px;font-size:11px}.order-format-matrix tbody th:first-child{min-width:76px;width:90px}.order-format-matrix td:nth-child(2){min-width:160px;max-width:260px}
@media(max-width:600px){.order-format-matrix td:nth-child(2){min-width:125px}.order-format-pane .order-format-color-edit{font-size:16px;padding:7px 5px}.order-format-color-card .btn{min-height:34px;font-size:11px}.order-format-photo-actions .btn{font-size:10px}}