/* A quick create stays separate from the unsaved receipt underneath it. */
html:has(#receipt-supplier-dialog[open]) {overflow:hidden}
#receipt-supplier-dialog:not([open]) {display:none}
#receipt-supplier-dialog {
  inset:0;width:min(480px,calc(100% - 24px));max-width:none;
  max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
  margin:auto;padding:24px;overflow:auto;overscroll-behavior:contain;
  border:1px solid var(--erp-line);border-radius:28px;background:var(--erp-mesh-quiet);
  color:var(--erp-ink);box-shadow:var(--erp-modal-shadow);font-family:var(--erp-font);
}
#receipt-supplier-dialog::backdrop {background:var(--erp-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#receipt-supplier-dialog .receipt-supplier-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 12px}
#receipt-supplier-dialog .receipt-supplier-heading>div {min-width:0}
#receipt-supplier-dialog .receipt-supplier-eyebrow {display:block;margin-bottom:7px;color:var(--erp-muted);font-size:12px;line-height:1.4}
#receipt-supplier-dialog h2 {margin:0;font-size:26px;font-weight:400;line-height:1.2;letter-spacing:-.6px;overflow-wrap:anywhere}
#receipt-supplier-dialog [data-receipt-supplier-close] {color:var(--erp-ink);background:var(--erp-soft);border:1px solid var(--erp-control-line)}
#receipt-supplier-dialog .receipt-supplier-heading>button {display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%}
#receipt-supplier-dialog .receipt-supplier-heading svg {width:20px;height:20px}
#receipt-supplier-dialog #receipt-supplier-description {margin:0 0 24px;color:var(--erp-muted);font-size:14px;line-height:1.5}
#receipt-supplier-dialog form {display:grid;gap:16px;margin:0}
#receipt-supplier-dialog label {display:grid;gap:8px;margin:0;color:var(--erp-ink);font-size:14px;line-height:1.4}
#receipt-supplier-dialog input {width:100%;min-width:0;min-height:48px;margin:0;padding:12px 14px;border:1px solid var(--erp-control-line);border-radius:16px;background:var(--erp-surface);color:var(--erp-ink);font:inherit;font-size:16px;line-height:1.4}
#receipt-supplier-dialog .receipt-supplier-error {margin:0;padding:12px 14px;border:1px solid var(--erp-danger-line);border-radius:16px;background:var(--erp-danger-surface);color:var(--erp-danger);font-size:14px;line-height:1.5}
#receipt-supplier-dialog .receipt-supplier-error[hidden] {display:none}
#receipt-supplier-dialog .receipt-supplier-status {margin:0;color:var(--erp-muted);font-size:13px;line-height:1.4}
#receipt-supplier-dialog .receipt-supplier-status:empty {display:none}
#receipt-supplier-dialog .receipt-supplier-actions {display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
#receipt-supplier-dialog .receipt-supplier-actions>button {min-height:46px;padding:11px 18px;border-radius:999px;font:inherit;font-size:14px;font-weight:500;line-height:1.4;white-space:normal}
#receipt-supplier-dialog [data-receipt-supplier-submit] {border:1px solid transparent;background:var(--erp-primary);color:var(--erp-primary-ink)}
#receipt-supplier-dialog :is(button,input):focus-visible {outline:2px solid var(--erp-focus);outline-offset:3px}
#receipt-supplier-dialog button:disabled {opacity:.6;cursor:wait}
@media (max-width:480px) {
  #receipt-supplier-dialog {padding:20px;border-radius:24px}
  #receipt-supplier-dialog h2 {font-size:23px}
  #receipt-supplier-dialog .receipt-supplier-actions>button {flex:1 1 auto}
}