ion-modal.ds-sheet-form-modal{--backdrop-opacity:.55;--background:var(--color-bone)}@media (width>=768px){ion-modal.ds-sheet-form-modal{--width:560px;--max-width:560px;--height:auto;--max-height:min(88vh, 820px);--border-radius:var(--radius-xl);--box-shadow:var(--shadow-xl)}ion-modal.ds-sheet-form-modal .ion-delegate-host.ion-page{height:auto;min-height:0;max-height:100%}}.ds-sheet-form-shell{background:var(--color-bone);flex-direction:column;height:100%;display:flex}.ds-sheet-form-shell.is-desktop{height:auto;max-height:min(88vh,820px)}.ds-sheet-form-header{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5) var(--spacing-3);flex-shrink:0;display:flex}.ds-sheet-form-shell.is-desktop .ds-sheet-form-header{padding:var(--spacing-5) var(--spacing-6) var(--spacing-3);border-bottom:1px solid var(--color-fog)}.ds-sheet-form-title{font-family:var(--font-family-sans);font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-navy);flex:1;margin:0;line-height:1.3}.ds-sheet-form-close{color:var(--color-muted-ink);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.ds-sheet-form-close:hover{background:var(--color-bone-soft);color:var(--color-ink)}.ds-sheet-form-close:focus-visible{outline:2px solid var(--color-sky);outline-offset:2px}.ds-sheet-form-close:disabled{opacity:.5;cursor:not-allowed}.ds-sheet-form-body{min-height:0;padding:0 var(--spacing-5) var(--spacing-4);gap:var(--spacing-4);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.ds-sheet-form-shell.is-desktop .ds-sheet-form-body{padding:var(--spacing-4) var(--spacing-6)}.ds-sheet-form-empty{font-family:var(--font-family-sans);color:var(--color-muted-ink);margin:var(--spacing-2) 0 0;font-size:13px}.ds-sheet-form-item-stack{gap:var(--spacing-2);flex-direction:column;display:flex}.ds-sheet-form-item{background:var(--color-bone-soft);border:1px solid var(--color-fog);border-radius:var(--radius-md);padding:var(--spacing-3);gap:var(--spacing-2);grid-template-columns:1fr auto;align-items:center;display:grid}.ds-sheet-form-item-title{font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-ink);margin-bottom:2px}.ds-sheet-form-item-meta{font-family:var(--font-family-sans);color:var(--color-muted-ink);font-size:12px;line-height:1.5}.ds-sheet-form-item-remove{color:var(--color-muted-ink);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:6px;display:inline-flex}.ds-sheet-form-item-remove:hover{background:var(--color-fog-soft);color:var(--color-chili-deep)}.ds-sheet-form-item-remove:focus-visible{outline:2px solid var(--color-sky);outline-offset:2px}.ds-sheet-form-draft{background:var(--color-sky-tint);border:1.5px dashed var(--color-sky);border-radius:var(--radius-md);padding:var(--spacing-3);margin-top:var(--spacing-2);gap:var(--spacing-3);flex-direction:column;display:flex}.ds-sheet-form-draft-search{gap:var(--spacing-2);flex-direction:column;display:flex}.ds-sheet-form-product-search{--background:var(--color-bone);--border-radius:var(--radius-sm);--box-shadow:none;padding:0}.ds-sheet-form-draft-picklist{flex-direction:column;gap:4px;max-height:220px;display:flex;overflow-y:auto}.ds-sheet-form-draft-option{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bone);border:1px solid var(--color-fog);border-radius:var(--radius-sm);font-family:var(--font-family-sans);color:var(--color-ink);cursor:pointer;text-align:left;font-size:13px;display:flex}.ds-sheet-form-draft-option:hover{border-color:var(--color-sky);background:var(--color-bone-soft)}.ds-sheet-form-draft-option:focus-visible{outline:2px solid var(--color-sky);outline-offset:2px}.ds-sheet-form-draft-option>svg{color:var(--color-muted-ink);flex-shrink:0}.ds-sheet-form-draft-product{justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.ds-sheet-form-draft-product-name{font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-ink)}.ds-sheet-form-draft-change{color:var(--color-sky-deep);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-weight-semibold);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px}.ds-sheet-form-draft-change:hover{background:var(--color-sky-tint)}.ds-sheet-form-draft-change:focus-visible{outline:2px solid var(--color-sky);outline-offset:2px}.ds-sheet-form-draft-label{color:var(--color-muted-ink);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--spacing-1);font-size:10px;display:block}.ds-sheet-form-draft-actions{justify-content:flex-end;gap:var(--spacing-2);display:flex}.ds-sheet-form-unit-label{font-family:var(--font-family-sans);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-ink-soft);text-transform:lowercase;background:var(--color-bone);border-radius:var(--radius-full);border:1px solid var(--color-fog);white-space:nowrap;padding:6px 12px}.ds-sheet-form-add-item{justify-content:center;align-items:center;gap:var(--spacing-2);border:1px dashed var(--color-fog);border-radius:var(--radius-md);color:var(--color-sky-deep);font-family:var(--font-family-sans);font-size:13px;font-weight:var(--font-weight-semibold);padding:var(--spacing-3);cursor:pointer;transition:background var(--motion-duration-micro) var(--motion-ease-out), border-color var(--motion-duration-micro) var(--motion-ease-out);margin-top:var(--spacing-2);background:0 0;display:flex}.ds-sheet-form-add-item:hover{border-color:var(--color-sky);background:var(--color-sky-tint)}.ds-sheet-form-add-item:focus-visible{outline:2px solid var(--color-sky);outline-offset:2px}.ds-sheet-form-picker-list{border:1px solid var(--color-fog);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.ds-sheet-form-picker-row{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border:none;border-bottom:1px solid var(--color-fog-soft);background:var(--color-bone);cursor:pointer;text-align:left;font-family:var(--font-family-sans);color:inherit;transition:background var(--motion-duration-micro) var(--motion-ease-out);display:flex}.ds-sheet-form-picker-row:last-child{border-bottom:none}.ds-sheet-form-picker-row:hover{background:var(--color-bone-soft)}.ds-sheet-form-picker-row:focus-visible{outline:2px solid var(--color-sky);outline-offset:-2px}.ds-sheet-form-picker-row-icon{border-radius:var(--radius-md);background:var(--color-bone-soft);width:36px;height:36px;color:var(--color-navy);flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.ds-sheet-form-picker-row-body{flex-direction:column;gap:2px;min-width:0;display:flex}.ds-sheet-form-picker-row-name{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-ink)}.ds-sheet-form-picker-row-meta{color:var(--color-muted-ink);font-size:12px}.ds-sheet-form-picker-empty{text-align:center;padding:var(--spacing-4);color:var(--color-muted-ink)}.ds-sheet-form-toggle-row{padding-top:var(--spacing-3);border-top:1px solid var(--color-fog)}.ds-sheet-form-footer{border-top:1px solid var(--color-fog);background:var(--color-bone);padding:var(--spacing-3) var(--spacing-5);padding-bottom:max(var(--spacing-3), env(safe-area-inset-bottom,0px));gap:var(--spacing-2);flex-direction:column;flex-shrink:0;display:flex}.ds-sheet-form-shell.is-desktop .ds-sheet-form-footer{padding:var(--spacing-3) var(--spacing-6);padding-bottom:var(--spacing-3)}.ds-sheet-form-stat-row{justify-content:space-between;align-items:baseline;display:flex}.ds-sheet-form-stat-label{font-family:var(--font-family-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted-ink);font-size:11px}.ds-sheet-form-stat-value{font-family:var(--font-family-sans);font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-ink);font-variant-numeric:tabular-nums}.ds-sheet-form-footer-actions{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.ds-sheet-form-footer-end{align-items:center;gap:var(--spacing-2);display:flex}
