.pack-order-editor,.pack-order-picker{margin:auto;padding:24px;border:1px solid var(--border,var(--line,#ccd1d8));border-radius:16px;background:var(--white,#fff);color:var(--ink,#202428);overflow:auto;box-sizing:border-box}.pack-order-editor::backdrop,.pack-order-picker::backdrop{background:rgba(20,30,40,.4)}.pack-order-editor button,.pack-order-picker button{font:inherit;min-height:40px;padding:10px 14px;border:1px solid var(--border,var(--line,#ccd1d8));border-radius:8px;cursor:pointer}.pack-order-editor button.primary,.pack-order-picker button.primary{background:#375875;color:#fff}.pack-order-editor button:disabled,.pack-order-picker button:disabled{opacity:.55;cursor:default}.pack-order-editor input[type=checkbox]{width:18px;height:18px;accent-color:#375875}

.pack-order-card{border-bottom:1px solid var(--line);padding:18px 0}.pack-order-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.pack-order-heading button{flex-shrink:0}.pack-order-editor{width:min(1050px,96vw);max-height:94vh;max-height:94dvh}.pack-order-editor header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.pack-order-editor h2{font-size:21px;margin:0}.pack-order-editor header p{margin:8px 0;overflow-wrap:anywhere}.pack-order-editor header button{flex-shrink:0}.pack-order-controls{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}.pack-order-controls label{display:grid;gap:6px;max-width:240px}.pack-order-editor input:not([type=checkbox]){width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:6px;color:inherit;background:var(--surface,#fff)}.pack-order-help{font-size:13px;color:var(--muted)}.pack-order-items h3{padding:10px 12px;margin:20px 0 0;background:var(--blue);color:white;font-size:14px;border-radius:6px 6px 0 0}.pack-order-row{display:grid;grid-template-columns:minmax(180px,2fr) 70px minmax(120px,1fr) minmax(120px,1fr);gap:12px;padding:14px 10px;border:1px solid var(--line);border-top:0;align-items:center}.pack-order-select{display:flex;align-items:flex-start;gap:10px;overflow-wrap:anywhere}.pack-order-select input{margin-top:4px;flex-shrink:0}.pack-order-row small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.pack-item-quantity{font-size:12px;display:grid;gap:5px}.pack-item-status{grid-column:1/-1;font-size:13px}.pack-item-status:empty{display:none}.pack-item-status p{margin:5px 0}.pack-item-status label{display:block;margin-top:8px}.pack-order-editor footer{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:16px 0 4px}.pack-order-message{font-size:13px}.pack-order-editor input:disabled{opacity:.65}@media(max-width:650px){.pack-order-row{grid-template-columns:1fr 1fr}.pack-order-select{grid-column:1/-1}.pack-existing{grid-column:1/-1}.pack-order-editor footer>*{width:100%}.pack-order-heading{align-items:flex-start}.pack-order-heading small{display:block}.pack-order-controls label{max-width:none;flex:1;min-width:120px}}

html:root[data-mwc-style=alpine] body .pack-order-editor .pack-order-items h3{color:#fff!important;background:#375875}

.pack-order-picker{width:min(640px,94vw)}.pack-order-picker header{display:flex;justify-content:space-between;align-items:center;gap:14px}.pack-order-picker h2{font-size:21px}.pack-order-picker label{display:grid;gap:8px;margin:14px 0}.pack-order-picker input,.pack-order-picker select{width:100%;min-width:0;padding:10px}.pack-order-picker option{padding:10px}.pack-order-picker footer{display:flex;justify-content:flex-end}