.catalog-content, .catalog-detail-page { width: min(1540px, calc(100% - 64px)); }
.catalog-panel { overflow: hidden; }
.catalog-refresh { color: #8b969d; font-size: 10px; }
.datasets-table { min-width: 1160px; }
.datasets-table th:nth-child(1) { width: 23%; padding-left: 20px; }
.datasets-table th:nth-child(2) { width: 9%; }
.datasets-table th:nth-child(3) { width: 8%; }
.datasets-table th:nth-child(4) { width: 25%; }
.datasets-table th:nth-child(5) { width: 15%; }
.datasets-table th:nth-child(6) { width: 12%; }
.datasets-table th:nth-child(7) { width: 12%; }
.datasets-table td { height: 76px; }
.dataset-title { min-width: 0; display: flex; align-items: center; gap: 11px; }
.dataset-title > span:last-child, .record-count { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.dataset-title strong { overflow: hidden; color: #1c3747; font-size: 11.5px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; }
.dataset-title small, .record-count small, .date-cell { overflow: hidden; color: #8b9aa2; font-size: 8.5px; white-space: nowrap; text-overflow: ellipsis; }
.record-count strong { color: #243e4e; font-size: 11px; font-weight: 600; }
.format-badge { display: inline-flex; padding: 4px 7px; color: #087982; border-radius: 4px; background: #e6f3f3; font-family: "Roboto Mono", monospace; font-size: 8px; font-weight: 600; }
.uri-cell { display: block; overflow: hidden; color: #526b78; font-family: "Roboto Mono", monospace; font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }
.run-link { display: block; overflow: hidden; color: #087d84; font-family: "Roboto Mono", monospace; font-size: 8.5px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.run-link:hover { text-decoration: underline; }
.catalog-status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 7px; border-radius: 4px; font-size: 8.5px; font-weight: 600; white-space: nowrap; }
.catalog-status i { width: 5px; height: 5px; border-radius: 50%; }
.catalog-status.ready { color: #0f7a56; background: #e9f6ef; }
.catalog-status.ready i { background: #1ea472; }
.catalog-status.review_required { color: #9a681a; background: #fdf3df; }
.catalog-status.review_required i { background: #d99a2f; }
.catalog-page .loading-state { height: 240px; }
.catalog-page .error-banner { margin-bottom: 16px; }
.detail-stats { grid-template-columns: repeat(4, 1fr); }
.catalog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
.info-panel { overflow: hidden; }
.catalog-section { overflow: hidden; margin-bottom: 14px; }
.catalog-meta { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 8px 14px; margin: 0; padding: 17px 18px; }
.catalog-meta dt { color: #8a989f; font-size: 9px; text-transform: capitalize; }
.catalog-meta dd { min-width: 0; overflow-wrap: anywhere; margin: 0; color: #405b69; font-family: "Roboto Mono", monospace; font-size: 8.5px; line-height: 1.5; }
.catalog-meta a { color: #087d84; text-decoration: none; }
.catalog-meta a:hover { text-decoration: underline; }
.telemetry-meta { grid-template-columns: repeat(4, minmax(110px, 0.55fr) minmax(150px, 1fr)); align-items: baseline; }
.files-table { min-width: 1260px; table-layout: fixed; }
.files-table th:nth-child(1) { width: 19%; padding-left: 19px; }
.files-table th:nth-child(2) { width: 25%; }
.files-table th:nth-child(3) { width: 8%; }
.files-table th:nth-child(4) { width: 12%; }
.files-table th:nth-child(5) { width: 25%; }
.files-table th:nth-child(6) { width: 11%; }
.files-table td, .schema-table td { height: 58px; color: #526b78; font-size: 9px; }
.files-table code, .schema-table code { display: block; overflow: hidden; font-family: "Roboto Mono", monospace; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.schema-table { min-width: 600px; }
.schema-table th:nth-child(1) { width: 35%; padding-left: 19px; }
.schema-table th:nth-child(2) { width: 65%; }
.raw-panel pre { max-height: 520px; overflow: auto; margin: 0; padding: 18px; color: #405b69; background: #f8faf9; border-top: 1px solid var(--line); font-family: "Roboto Mono", monospace; font-size: 9px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 1200px) { .telemetry-meta { grid-template-columns: repeat(2, minmax(110px, 0.55fr) minmax(150px, 1fr)); } }
@media (max-width: 1000px) { .detail-stats { grid-template-columns: repeat(2, 1fr); } .catalog-grid { grid-template-columns: 1fr; } }
@media (max-width: 820px) { .catalog-content, .catalog-detail-page { width: calc(100% - 32px); } .detail-stats { grid-template-columns: 1fr; } .telemetry-meta { grid-template-columns: 110px minmax(0, 1fr); } }