/* Compact sales detail layout. No shared list, dialog or print rules are changed. */
.compact-order-detail{display:grid;gap:12px;max-width:1700px;margin:0 auto;color:var(--ink)}
.compact-order-detail [hidden]{display:none!important}
.compact-order-detail>.page-head{margin:0;padding:0 0 2px;min-height:55px;gap:12px;align-items:center}
.compact-order-detail .compact-order-heading h1{font-size:24px;margin:0;line-height:1.35}
.compact-order-title{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
#mainContent .compact-order-number,#mainContent .compact-order-number.order-reference{font-size:13px!important;font-weight:400!important;line-height:1.5;letter-spacing:0}
.compact-order-heading .page-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.compact-order-lock{font-size:12px;color:var(--muted)}
.compact-order-source{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:12px;line-height:1.5}
.compact-order-source .link-btn{font-size:13px;font-weight:400;padding:0;min-height:0}
.compact-order-detail>.panel{margin:0}
.compact-order-detail .compact-order-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(150px,.8fr);align-items:center;padding:12px 18px;min-height:72px}
.compact-order-metric{display:grid;gap:3px;padding:0 22px;border-right:1px solid var(--line)}
.compact-order-metric:first-child{padding-left:0}
.compact-order-metric small{font-size:12px;color:var(--muted)}
.compact-order-metric strong{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.4}
.compact-order-cost-note{font-size:12px;line-height:1.6;padding-left:20px}
.compact-order-detail .compact-order-info{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;padding:16px 18px}
.compact-order-info>.compact-order-meta{padding:0;border:0;border-radius:0;background:transparent;min-width:0}
.compact-order-info .order-detail-section-heading{margin:0 0 12px;padding:0}
.compact-order-info h2,.compact-order-business>label{font-size:14px!important;font-weight:600;color:var(--ink);margin:0;line-height:1.5}
.compact-order-meta .order-info-grid{display:grid;grid-template-columns:1fr;gap:7px;margin:0;padding:0;border:0}
.compact-order-meta .order-info-grid>div{display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px;padding:0;min-height:0;border:0;background:transparent;border-radius:0;align-items:baseline}
.compact-order-meta .order-info-grid small{font-size:12px;color:var(--muted)}
.compact-order-meta .order-info-grid strong{font-size:13px;font-weight:400;line-height:1.55;overflow-wrap:anywhere;color:var(--ink)}
.compact-order-info>.compact-order-business{display:flex;flex-direction:column;gap:12px;padding:0 0 0 20px;margin:0;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;align-items:stretch;min-width:0}
.compact-order-business .note-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;min-width:0}
.compact-order-business .note-fields>label{display:grid;gap:5px;min-width:0;font-size:12px;color:var(--muted);font-weight:400;line-height:1.5}
.compact-order-business:not(.is-read-only) .note-fields>label{grid-template-columns:82px minmax(0,1fr);gap:8px;align-items:center}
.compact-order-business .note-fields input,.compact-order-business .note-fields select{height:32px;min-height:32px;font-size:13px;padding:0 9px;width:100%;min-width:0;background:var(--surface)}
.compact-order-business.is-read-only .note-fields{gap:13px 16px}
.compact-order-business.is-read-only .note-fields>label{grid-template-columns:82px minmax(0,1fr);align-items:baseline;gap:8px}
.compact-order-read-value{font-size:13px;font-weight:400;line-height:1.55;color:var(--ink);overflow-wrap:anywhere}
.compact-order-more{margin-top:auto;font-size:12px;color:var(--muted)}
.compact-order-more>summary{cursor:pointer;text-align:right;padding:3px 0;list-style-position:inside}
.compact-order-more .business-note-footer{padding-top:8px}
.compact-order-business .saved-note-summary{padding:7px 9px;font-size:12px;line-height:1.5;background:var(--surface-soft);border:1px solid var(--line);border-radius:5px}
.compact-order-tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);min-width:0;overflow-x:auto;padding:0 6px}
.compact-order-tabs>button{font:inherit;font-size:13px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:11px 12px;white-space:nowrap;cursor:pointer}
.compact-order-tabs>button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}
.compact-order-tabs>button:focus-visible{outline:2px solid var(--blue-line);outline-offset:-3px;border-radius:4px}
.compact-order-detail .compact-order-products{gap:10px;padding:16px 18px}
.compact-order-products .order-detail-actions{gap:8px;margin:0;padding:0;justify-content:flex-start}
.compact-order-products .order-detail-actions .btn{min-height:31px;font-size:13px;padding:5px 10px}
.compact-order-products>.order-detail-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.compact-order-products .order-detail-section-heading h2{font-size:14px;font-weight:600}
.compact-order-products .table-wrap{margin:0}
#mainContent .compact-order-products table td{padding:8px 10px;line-height:1.5}
.compact-order-products .order-point-input{height:30px;min-height:30px;font-size:13px}
.compact-order-product-total{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);padding:3px 0}
.compact-order-product-total>span:last-child{font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}
.compact-order-products .order-information-save{padding-top:0}
.compact-order-related{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;font-size:13px}
.compact-order-related>b{font-size:13px;font-weight:600}
.compact-order-related>.link-btn{margin-left:auto;font-size:13px;font-weight:400}
.compact-order-detail .compact-order-records{padding:18px;min-width:0}
.compact-order-records>.order-record-group{padding:0 0 18px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.compact-order-records>.order-record-group:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.compact-order-records h3,.compact-order-records h2{font-size:14px;font-weight:600}
.compact-order-records>.panel{padding:0;margin:0 0 18px;border:0;background:transparent;box-shadow:none}
.compact-order-record-count{font-size:12px;color:var(--muted);margin-bottom:14px}
@media(max-width:1180px){.compact-order-detail .compact-order-info{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.compact-order-info>.compact-order-business{padding-left:16px}.compact-order-business.is-read-only .note-fields>label,.compact-order-business:not(.is-read-only) .note-fields>label{grid-template-columns:1fr;gap:2px}.compact-order-meta .order-info-grid>div{grid-template-columns:92px minmax(0,1fr);gap:8px}.compact-order-metric{padding-inline:16px}}
@media(max-width:850px){.compact-order-detail .compact-order-info{grid-template-columns:1fr}.compact-order-info>.compact-order-business{padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}.compact-order-business.is-read-only .note-fields>label{grid-template-columns:82px minmax(0,1fr)}.compact-order-detail .compact-order-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.compact-order-cost-note{grid-column:1/-1;padding:0}.compact-order-metric:last-of-type{border:0}.compact-order-heading .page-actions{justify-content:flex-start}.compact-order-detail>.page-head{align-items:flex-start}}
@media(max-width:560px){.compact-order-detail{gap:10px}.compact-order-title{gap:8px}.compact-order-detail .compact-order-info,.compact-order-detail .compact-order-products,.compact-order-detail .compact-order-records{padding:14px}.compact-order-detail .compact-order-metrics{padding:10px 12px}.compact-order-metric{padding:0 9px}.compact-order-metric strong{font-size:18px}.compact-order-business .note-fields{grid-template-columns:1fr}.compact-order-tabs{gap:0}.compact-order-tabs>button{padding-inline:10px}.compact-order-related>.link-btn{margin-left:0}.compact-order-source{gap:8px}.compact-order-product-total{flex-wrap:wrap}}