/* Catalog skin, scoped to preserve all other pages and existing controls. */
body[data-page=catalog] { color: #183b46; }
body[data-page=catalog] .workspace { min-height: 100dvh; background: linear-gradient(#0000004d,#0000004d),url('assets/altai-generated-background.png') center / cover no-repeat fixed; }
body[data-page=catalog] .topbar { background: transparent; border: 0; }
body[data-page=catalog] .topbar .search { border-radius: 24px; background: #fff; }
body[data-page=catalog] .page { max-width: none; padding: 26px 24px 32px; }
body[data-page=catalog] .breadcrumb,body[data-page=catalog] .catalog-heading h1,body[data-page=catalog] .catalog-heading .eyebrow,body[data-page=catalog] .catalog-heading .muted { color: #fff; text-shadow: 0 1px 3px #0008; }
body[data-page=catalog] .catalog-heading { margin-bottom: 20px; align-items: center; }
body[data-page=catalog] .catalog-heading h1 { font-size: 34px; margin: 7px 0 10px; }
body[data-page=catalog] .catalog-total { background: #cde9dc; border: 1px solid #d8eee3; border-radius: 16px; padding: 15px 22px; color: #183b46; box-shadow: 0 5px 18px #102c2524; }
body[data-page=catalog] .catalog-total strong { font-size: 30px; }
body[data-page=catalog] #catalog-filters { background: #f6faf8f5; border: 1px solid #e0ebe6; border-radius: 18px; padding: 18px; margin-bottom: 20px; box-shadow: 0 5px 20px #102c2524; }
body[data-page=catalog] .catalog-search { max-width: none; margin: 0 0 14px; border: 1px solid #d1e3dd; border-radius: 24px; padding: 8px 15px; }
body[data-page=catalog] .filters { margin: 0; gap: 10px; }
body[data-page=catalog] .filters select,body[data-page=catalog] .filters button { border-radius: 10px; border-color: #d3e3dc; min-height: 38px; color: #264e59; }
body[data-page=catalog] #district { background: #e1f0e8; }
body[data-page=catalog] #type { background: #e4effb; }
body[data-page=catalog] #reset { background: #f9e9da; }
body[data-page=catalog] #export { background: #e8dff4; }
body[data-page=catalog] .view-actions { gap: 6px; }
body[data-page=catalog] .view-actions .active { background: #cde9dc; border-color: #8ebca6; }
body[data-page=catalog] .catalog-layout { gap: 18px; grid-template-columns: minmax(0,2fr) minmax(280px,1fr); }
body[data-page=catalog] .panel { border: 1px solid #e0eae5; border-radius: 18px; box-shadow: 0 5px 20px #102c2524; background: #fff; }
body[data-page=catalog] .detail-panel { background: #f6faf6; padding: 22px; }
body[data-page=catalog] th { background: #e7f1eb; color: #355d53; padding: 16px 14px; font-weight: 600; }
body[data-page=catalog] td { padding: 16px 14px; color: #536a71; border-color: #e5eee9; }
body[data-page=catalog] td:first-child { color: #234653; font-weight: 600; }
body[data-page=catalog] tr.selected { background: #dff0e6; }
body[data-page=catalog] tbody tr:hover { background: #f0f7f3; }
body[data-page=catalog] .table-footer { border-top: 1px solid #e5eee9; background: #f6faf8; color: #537369; padding: 16px; }
body[data-page=catalog] #catalog-pagination button { border-radius: 9px; border-color: #d3e3dc; }
body[data-page=catalog] .object-grid { gap: 12px; padding: 16px; }
body[data-page=catalog] .object-card { border-radius: 14px; border-color: #d9e9de; background: #eef7f0; box-shadow: none; }
body[data-page=catalog] .object-card:nth-child(4n+2) { background: #fff1e3; }
body[data-page=catalog] .object-card:nth-child(4n+3) { background: #edf5fd; }
body[data-page=catalog] .object-card:nth-child(4n+4) { background: #f3edfa; }
body[data-page=catalog] .detail-title h2 { color: #234653; }
body[data-page=catalog] .tags span { background: #dfede4; color: #28665b; border-radius: 8px; }
body[data-page=catalog] .detail-body p { color: #536a71; font-size: 12px; }
body[data-page=catalog] .detail-panel .primary { background: #238769; border-radius: 10px; }
body[data-page=catalog] .detail-panel .outline { border-radius: 10px; background: #fff; margin-top: 9px; }
@media(max-width:1100px) { body[data-page=catalog] .catalog-layout { grid-template-columns: minmax(0,1fr); } body[data-page=catalog] .view-actions { margin-left: 0; } }
@media(max-width:650px) { body[data-page=catalog] .page { padding: 18px 12px 24px; } body[data-page=catalog] .catalog-heading { align-items: flex-start; gap: 12px; } body[data-page=catalog] .catalog-heading h1 { font-size: 27px; } body[data-page=catalog] .catalog-total { padding: 12px; min-width: 70px; } body[data-page=catalog] #catalog-filters { padding: 12px; } body[data-page=catalog] .filters select { width: 100%; } body[data-page=catalog] .view-actions { width: 100%; } body[data-page=catalog] #export { margin-left: auto; } body[data-page=catalog] .detail-panel { padding: 16px; } }