.order-headline-metrics{display:flex;gap:40px;flex-wrap:wrap;margin-bottom:22px}.order-headline-metrics .detail-label{font-size:12px;margin-bottom:4px}.order-headline-metrics strong{font-size:30px;font-weight:650;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.order-profit-positive{color:#2e7651}.order-profit-negative{color:var(--danger)}.order-cost-caption{font-size:12px;font-weight:600;margin:0 0 9px;color:var(--muted)}.order-cost-svg{display:block;width:100%;height:34px;overflow:visible;border-radius:8px}.cost-section{cursor:pointer;stroke:transparent;stroke-width:.35}.cost-section:hover,.cost-section:focus{stroke:#182b34;outline:none;filter:brightness(1.05)}.cost-perfume{fill:#7896bf;background:#7896bf}.cost-expenses{fill:#e6b563;background:#e6b563}.cost-profit{fill:#71ae83;background:#71ae83}.cost-unknown{fill:#bbc3c6;background:repeating-linear-gradient(135deg,#bbc3c6 0 4px,#e4e8e9 4px 8px)}.cost-neutral{fill:#e4e8e9;background:#e4e8e9}.cost-unknown-stripe{stroke:#e4e8e9;stroke-width:3}.cost-coverage{stroke:#182b34;stroke-width:.65}.order-cost-legend{display:flex;gap:12px 24px;flex-wrap:wrap;padding:13px 0 0}.order-cost-legend button{padding:5px 0;border:0;background:transparent;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink);min-height:32px}.order-cost-legend button[aria-pressed=true]{font-weight:650}.order-cost-swatch{width:11px;height:11px;border-radius:3px;flex:none}.order-cost-legend strong{font-weight:600;font-variant-numeric:tabular-nums}.order-cost-tooltip{min-height:0;margin-top:5px;font-size:12px;color:#334b54;line-height:1.55}.order-cost-tooltip output{display:block;border-left:3px solid #7e939b;padding:4px 10px;background:#f5f8f8;border-radius:0 5px 5px 0}.order-cost-tooltip output[hidden]{display:none}.order-cost-note{font-size:11px;color:var(--muted);margin:10px 0 0}.order-cost-coverage{font-size:11px;color:#4c6270;margin:8px 0 0}.order-secondary-details summary{cursor:pointer;font-size:12px;font-weight:600;padding:17px 24px;list-style-position:inside}.order-secondary-details[open] summary{border-bottom:1px solid var(--line)}.order-details-content{padding:20px 24px}.order-details-content p{font-size:12px;margin:6px 0}.order-summary-line{font-size:12px;color:var(--muted)}.order-table-perfume{white-space:normal;min-width:150px;max-width:330px}.order-sent-badge{background:#e3f0e8;color:#2f7252}.order-unsent-badge{background:#fff1d9;color:#795a22}.order-status-form{display:inline-flex}.order-list-profit{font-weight:600;color:#2e7651}.order-list-profit.negative{color:var(--danger)}.order-list-profit.unknown{font-weight:400;color:var(--muted)}.order-secondary-details+.order-secondary-details{border-top:1px solid var(--line)}
@media(max-width:760px){.order-headline-metrics{gap:24px}.order-headline-metrics strong{font-size:27px}.order-cost-legend{gap:4px 16px}.order-cost-legend button{font-size:11px}.order-cost-tooltip{min-height:0}.order-secondary-details summary{padding:16px 18px}.order-details-content{padding:18px}.order-cost-svg{height:30px}.order-table-perfume{min-width:120px}.order-status-form{width:100%}.order-status-form button{width:100%}}

#order-form [hidden]{display:none!important}#inline-customer{min-width:0;border:1px solid var(--line);border-radius:10px;padding:20px;margin:0;background:#f7faf3}#inline-customer legend{font-size:12px;font-weight:600;padding:0 8px;color:var(--green)}.checkbox-row{display:flex;align-items:center;gap:9px;min-height:43px}.checkbox-row input{accent-color:var(--green)}
