.data-framework-page {
    max-width: 100%;
    overflow-x: hidden;
}

.data-framework-page .app-surface,
.data-framework-page .table-responsive {
    min-width: 0;
    max-width: 100%;
}

.data-framework-page .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.projects-grid__name,
.projects-grid__summary {
    display: block;
    overflow: hidden;
    color: inherit;
    font: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.projects-grid__summary {
    opacity: 0.72;
}

.projects-grid__name {
    font-weight: 700;
}
.c365-dataset-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(9rem, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.c365-dataset-summary > div {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    gap: .75rem;
    min-height: 4.25rem;
    padding: .8rem 1rem;
    border: 1px solid var(--c365-board-border, #2d3157);
    border-radius: .65rem;
    background: var(--c365-board-surface, #0d1228);
}

.c365-dataset-grid.app-surface {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid var(--c365-board-border, #2d3157);
    border-radius: .65rem;
    background: var(--c365-board-surface, #0d1228);
    box-shadow: none;
}

.c365-dataset-summary strong { font-size: 1.45rem; color: var(--c365-board-text, #f4f6ff); }
.c365-dataset-summary span { color: var(--c365-board-muted, #9ca7c7); }
.c365-dataset-summary .c365-summary-icon { display: grid; width: 2.6rem; height: 2.6rem; place-items: center; border-radius: .6rem; color: #54d7ff; background: rgba(35, 111, 225, .2); font-size: 1.25rem; }
.c365-dataset-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; margin-bottom: 1rem; }
.c365-dataset-toolbar input { flex: 1 1 22rem; min-width: 14rem; }
.c365-dataset-toolbar select { flex: 1 1 10rem; min-width: 9rem; max-width: 14rem; }
.c365-dataset-toolbar :is(button, a.btn) { flex: 0 0 auto; }
.c365-dataset-table { width: 100%; min-width: 0; table-layout: fixed; }
.c365-dataset-table__name { width: 23%; }
.c365-dataset-table__app { width: 13%; }
.c365-dataset-table__type { width: 12%; }
.c365-dataset-table__status { width: 9%; }
.c365-dataset-table__rows { width: 11%; }
.c365-dataset-table__updated { width: 13%; }
.c365-dataset-table__actions { width: 3.5rem; }
.c365-dataset-table th:last-child, .c365-dataset-table td:last-child { width: 3.5rem; padding-right: .25rem; text-align: right; }
.c365-dataset-table .c365-number { text-align: right; }
.c365-dataset-table th, .c365-dataset-table td { overflow: hidden; text-overflow: ellipsis; }
.c365-dataset-input-tag { display: inline-flex; align-items: center; gap: .35rem; min-height: 1.75rem; padding: .2rem .65rem; border-radius: .35rem; background: rgba(32, 196, 235, .12); color: var(--c365-board-accent, #42d5ee); font-weight: 650; white-space: nowrap; }
.c365-app-dataset-tag { display: inline-flex; align-items: center; gap: .35rem; min-height: 1.7rem; max-width: 100%; padding: .18rem .5rem; border-radius: .4rem; color: #c7a7ff; background: rgba(125, 76, 255, .15); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 1000px) {
    .c365-dataset-summary { grid-template-columns: repeat(2, 1fr); }
    .c365-dataset-toolbar :is(input, select, button, a.btn) { flex: 1 1 100%; max-width: none; }
}

@media (max-width: 480px) {
    .c365-datasets-page,
    .c365-datasets-page .app-page-shell,
    .c365-datasets-page .c365-management-grid__viewport { min-width: 0; max-width: 100%; }
    .c365-dataset-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .c365-dataset-summary > div { min-width: 0; padding-inline: .7rem; }
    .c365-dataset-toolbar :is(input, select, button, a.btn) { min-width: 0; width: 100%; }
}
