.catalog-dialog{overscroll-behavior:contain;border:1px solid var(--border);background:var(--card);max-width:none;max-height:90dvh;color:var(--foreground);font-family:var(--font-poppins), sans-serif;border-radius:1rem;margin:auto;padding:0;overflow:auto;box-shadow:0 24px 80px #0003}.catalog-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006}.catalog-product-dialog{width:min(940px,100% - 32px)}.catalog-quote-dialog{width:min(560px,100% - 32px)}.catalog-dialog .two{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.catalog-dialog .f{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.catalog-dialog .f label{font-size:11px;font-weight:500}.catalog-dialog .f input,.catalog-dialog .f textarea{border:1px solid var(--border);background:var(--card);width:100%;min-width:0;color:var(--foreground);font:12px/1.5 var(--font-poppins), sans-serif;border-radius:8px;outline:none;padding:10px 12px}.catalog-dialog .f input::placeholder,.catalog-dialog .f textarea::placeholder{color:var(--muted-foreground);opacity:.8}.catalog-dialog .f input:focus-visible,.catalog-dialog .f textarea:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 20%, transparent)}.catalog-dialog .f textarea{resize:vertical;min-height:90px}.catalog-dialog .f [aria-invalid=true]{border-color:var(--destructive)}.catalog-dialog .field-error,.catalog-dialog .f-err{color:var(--destructive);font-size:11px}.catalog-dialog .f-err{margin-bottom:12px;line-height:1.6}.catalog-dialog .or-email{text-align:center;color:var(--muted-foreground);margin-top:12px;font-size:10px;line-height:1.8}.catalog-dialog .or-email a{color:var(--foreground)}.catalog-dialog .or-email a:hover{color:var(--brand)}@media (max-width:767px){.catalog-dialog .f input,.catalog-dialog .f textarea{font-size:16px}}@media (max-width:420px){.catalog-dialog .two{grid-template-columns:1fr}}.catalog-badge{--badge-accent:#437f90;border:1px solid color-mix(in srgb, var(--badge-accent) 30%, transparent);background:color-mix(in srgb, var(--badge-accent) 10%, var(--card));max-width:100%;color:var(--foreground);border-radius:6px;align-items:center;gap:4px;padding:4px 6px;font-size:9px;font-weight:500;line-height:1.4;display:inline-flex}.catalog-badge svg{width:12px;height:12px;color:var(--badge-accent);flex-shrink:0}.catalog-badge[data-tone=blue]{--badge-accent:#3575ad}.catalog-badge[data-tone=teal]{--badge-accent:#2b8092}.catalog-badge[data-tone=green]{--badge-accent:#34835c}.catalog-badge[data-tone=amber]{--badge-accent:#a3752a}.catalog-badge[data-tone=violet]{--badge-accent:#8060ad}.dark .catalog-badge[data-tone=blue]{--badge-accent:#91c8f2}.dark .catalog-badge[data-tone=teal]{--badge-accent:#8ccfdd}.dark .catalog-badge[data-tone=green]{--badge-accent:#93d4ae}.dark .catalog-badge[data-tone=amber]{--badge-accent:#e3c17f}.dark .catalog-badge[data-tone=violet]{--badge-accent:#c5ace9}.dark .catalog-badge[data-tone=neutral]{--badge-accent:#b7c5cc}.category-rail{scrollbar-width:thin;scrollbar-color:var(--border) transparent}
