.catalog-page { display: grid; gap: 16px; }
.catalog-tabs,.catalog-actions,.catalog-search { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.catalog-tabs { margin-bottom: 4px; }
.catalog-page .card { min-width: 0; }
.catalog-scroll { overflow-x: auto; width: 100%; margin: 12px 0; }
.catalog-page table { width: 100%; border-collapse: collapse; text-align: right; }
.catalog-page th,.catalog-page td { padding: 10px; border-bottom: 1px solid var(--border, #344258); vertical-align: top; }
.catalog-page th { white-space: nowrap; }
.catalog-address { overflow-wrap: anywhere; max-width: 420px; }
.catalog-page input:not([type=checkbox]),.catalog-page select,.catalog-page textarea { width: 100%; min-width: 0; border: 1px solid var(--border, #344258); padding: 10px; border-radius: 8px; background: var(--bg, #111827); color: var(--text, #e5e7eb); font: inherit; }
.catalog-page .catalog-search input { width: min(320px, 70vw); }
.catalog-page .form-grid { margin: 16px 0; }
.catalog-page .field { min-width: 0; }
.catalog-page .errorlist,.catalog-error { color: var(--danger, #e76d78); }
.catalog-message { padding: 12px; border: 1px solid currentColor; border-radius: 8px; }
.catalog-page pre { overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.catalog-page details { padding: 10px 0; }
@media(max-width:760px) { .catalog-page .form-grid { grid-template-columns: 1fr; } .catalog-page .btn { min-height: 44px; } }