.admin-data-shell {
    --amd-border: var(--app-border, rgba(33, 37, 41, 0.12));
    --amd-text-muted: var(--app-text-muted, #6c757d);
    --amd-card-bg: var(--app-card-bg, #ffffff);
    --amd-shadow: var(--app-shadow, 0 0.5rem 1rem rgba(17, 24, 39, 0.05));
    --amd-empty-bg: rgba(108, 117, 125, 0.05);
}

#main.main .admin-data-shell .admin-data-card {
    border: 1px solid var(--app-border, rgba(33, 37, 41, 0.12));
    border-radius: 1rem;
    box-shadow: var(--amd-shadow);
    background: var(--amd-card-bg);
}

.admin-data-shell .admin-data-card .card-title {
    font-weight: 700;
}

.admin-data-shell .admin-data-card .card-body {
    padding: 1rem 1.1rem;
}

.admin-data-shell .admin-card-actions {
    min-width: 220px;
}

.admin-data-shell .admin-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem 0.9rem;
}

.admin-data-shell .admin-meta-span-2 {
    grid-column: span 2;
}

.admin-data-shell .admin-meta-label {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--amd-text-muted);
}

.admin-data-shell .admin-meta-value {
    font-weight: 600;
}

.admin-data-shell .admin-page-subtitle {
    color: var(--amd-text-muted);
    font-size: 0.9rem;
}

.admin-data-shell .admin-empty {
    border: 1px dashed var(--amd-border);
    border-radius: 0.85rem;
    padding: 1rem;
    color: var(--amd-text-muted);
    background: var(--amd-empty-bg);
}

.admin-data-shell .table > :not(caption) > * > * {
    padding: 0.55rem 0.55rem;
}

.admin-data-shell .pagination {
    margin-bottom: 0;
}

.admin-data-shell .pagination .page-item > a,
.admin-data-shell .pagination .page-item > span {
    border-radius: 0.6rem;
}

:root[data-theme="dark"] .admin-data-shell {
    --amd-border: rgba(160, 176, 210, 0.24);
    --amd-text-muted: #aab9d6;
    --amd-card-bg: #172132;
    --amd-shadow: 0 0.7rem 1.4rem rgba(0, 0, 0, 0.28);
    --amd-empty-bg: rgba(255, 255, 255, 0.03);
}

:root[data-theme="dark"] #main.main .admin-data-shell,
:root[data-theme="dark"] #main.main .admin-data-shell .card-title,
:root[data-theme="dark"] #main.main .admin-data-shell .admin-meta-value,
:root[data-theme="dark"] #main.main .admin-data-shell .table,
:root[data-theme="dark"] #main.main .admin-data-shell .table th,
:root[data-theme="dark"] #main.main .admin-data-shell .table td {
    color: #e6eefc;
}

:root[data-theme="dark"] #main.main .admin-data-shell .text-muted,
:root[data-theme="dark"] #main.main .admin-data-shell .small,
:root[data-theme="dark"] #main.main .admin-data-shell .admin-page-subtitle,
:root[data-theme="dark"] #main.main .admin-data-shell .admin-meta-label,
:root[data-theme="dark"] #main.main .admin-data-shell .admin-empty {
    color: var(--amd-text-muted) !important;
}

:root[data-theme="dark"] #main.main .admin-data-shell .table {
    --bs-table-bg: transparent;
    --bs-table-color: #e6eefc;
    --bs-table-border-color: rgba(160, 176, 210, 0.16);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.02);
    --bs-table-hover-bg: rgba(255, 255, 255, 0.03);
}

@media (max-width: 767.98px) {
    .admin-data-shell .admin-meta-grid {
        grid-template-columns: 1fr;
    }

    .admin-data-shell .admin-meta-span-2 {
        grid-column: span 1;
    }

    .admin-data-shell .admin-card-actions {
        min-width: 100%;
    }
}