.catalog-directory{display:grid;gap:13px}.catalog-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:21px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--premium-shadow)}.catalog-row small{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.catalog-row h2{font:750 18px "Manrope";margin:5px 0}.catalog-row p{color:var(--muted);font-size:13px;margin:0}.catalog-row-actions{display:flex;align-items:center;gap:8px}.catalog-row-actions .btn-danger-soft{background:#fff2f1;color:#a63737;border:1px solid #efceca;box-shadow:none}.catalog-row-actions .btn-danger-soft:hover{background:#fee3e0;border-color:#e9b9b3;transform:none}[data-theme="dark"] .catalog-row-actions .btn-danger-soft{background:#3b2528;color:#f1a4aa;border-color:#674047}
.catalog-delete-modal{position:relative;width:min(500px,calc(100% - 30px));padding:34px;border:1px solid color-mix(in srgb,#c74b4b 30%,var(--line));border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:0 28px 85px rgba(3,22,34,.34)}.catalog-delete-modal::backdrop{background:rgba(2,17,27,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.catalog-delete-modal[open]{animation:catalog-modal-in .2s ease-out}.catalog-delete-close{position:absolute;right:16px;top:13px;width:36px;height:36px;border:0;border-radius:50%;background:var(--bg);color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.catalog-delete-close:hover{color:var(--ink);background:color-mix(in srgb,var(--bg) 72%,var(--line))}.catalog-delete-symbol{width:56px;height:56px;display:grid;place-items:center;margin-bottom:20px;border-radius:17px;background:#fff0ee;color:#b23b3b}.catalog-delete-symbol svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8}.catalog-delete-modal .eyebrow{margin:0 0 7px;color:#a63b3b}.catalog-delete-modal h2{margin:0 0 13px;font:800 27px/1.2 "Manrope"}.catalog-delete-modal>p:not(.eyebrow){margin:0;color:var(--muted);font-size:15px;line-height:1.55}.catalog-delete-modal>p strong{color:var(--ink)}.catalog-delete-warning{margin:24px 0;padding:16px 17px;border:1px solid color-mix(in srgb,#c74b4b 22%,var(--line));border-radius:13px;background:color-mix(in srgb,#fff0ee 68%,var(--surface))}.catalog-delete-warning strong{display:block;margin-bottom:5px;font-size:13px;color:#963838}.catalog-delete-warning p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.catalog-delete-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.catalog-delete-confirm{border:1px solid #a63232;border-radius:10px;padding:12px 17px;background:linear-gradient(135deg,#bd4141,#922b2b);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 9px 22px rgba(151,42,42,.22)}.catalog-delete-confirm:hover{background:linear-gradient(135deg,#ca4a4a,#9d3030);transform:translateY(-1px)}[data-theme="dark"] .catalog-delete-symbol{background:#44272a;color:#f29ca2}[data-theme="dark"] .catalog-delete-modal .eyebrow,[data-theme="dark"] .catalog-delete-warning strong{color:#ef9ca1}[data-theme="dark"] .catalog-delete-warning{background:#352528;border-color:#623b40}@keyframes catalog-modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:700px){.catalog-row{grid-template-columns:auto 1fr}.catalog-row>.status-pill,.catalog-row-actions{grid-column:2;justify-self:start}.catalog-row-actions{flex-wrap:wrap}.catalog-delete-modal{padding:28px 21px}.catalog-delete-actions{grid-template-columns:1fr}.catalog-delete-actions .btn-secondary{order:2}}