.catalog-dialog{width:min(1180px,96vw);max-width:1180px;max-height:94vh;overflow:auto}
.catalog-dialog .dialog-heading{position:sticky;top:0;background:var(--surface,#fff);z-index:2;padding-bottom:12px}
.catalog-note{padding:12px;border-radius:10px;background:#fff7e8;color:#634416;font-size:.9rem}
.catalog-accounts{display:flex;gap:12px;flex-wrap:wrap;border:1px solid #e4e7ee;border-radius:10px;padding:12px}
.catalog-accounts label{display:flex;flex-direction:row;align-items:center;gap:8px}
.catalog-toolbar{display:flex;gap:12px;align-items:center;margin:14px 0;flex-wrap:wrap}
.catalog-toolbar select{min-width:180px}
.catalog-account{margin-top:18px;padding:14px;border:1px solid #e4e7ee;border-radius:12px}
.catalog-scroll{overflow:auto;max-height:52vh}
.catalog-dialog table{width:100%;border-collapse:collapse}
.catalog-dialog th,.catalog-dialog td{text-align:left;padding:10px;border-bottom:1px solid #eef0f5;vertical-align:top}
.catalog-dialog th{font-size:.8rem;white-space:nowrap}
.catalog-dialog td:first-child{min-width:150px}
.catalog-dialog td small{display:block;overflow-wrap:anywhere}
.catalog-dialog input[type=number]{min-width:95px;width:110px}
.catalog-dialog input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:#6257d5}
.catalog-dialog textarea{min-width:220px;width:100%;resize:vertical}
.catalog-phone{border:0;margin-top:16px;padding:0}
.catalog-phone>label{display:flex;flex-direction:row;gap:12px;align-items:center}
.catalog-parts{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:10px;margin-top:12px}
.catalog-parts label{display:flex;flex-direction:column;gap:6px}
.catalog-parts small{font-size:.76rem;color:#68738a}
.catalog-status{font-size:.9rem;color:#433b78}
.catalog-preview:empty{display:none}
.catalog-preview{border:1px solid #dad6fa;background:#faf9ff;padding:14px;border-radius:12px}
.catalog-quote{margin:12px 0}.catalog-quote p{font-size:.86rem;margin:4px 0}
.catalog-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.75rem;max-height:320px;overflow:auto;padding:12px;background:#f5f6fa}
.catalog-history{margin-top:18px}.catalog-history>div>details{padding:12px 0;border-bottom:1px solid #eef0f5}
@media(max-width:680px){.catalog-dialog{padding:14px;width:98vw}.catalog-parts{grid-template-columns:repeat(2,minmax(105px,1fr))}.catalog-toolbar>*{width:100%}.catalog-dialog .form-actions{display:flex;flex-direction:column}.catalog-dialog .form-actions button{width:100%}}