/**
 * Modern portal list pages — dark layout support (.dark-layout)
 * Complements overrides.css which targets legacy html.dark-mode only.
 */

.dark-layout {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #0f172a;
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --border-light: #334155;
    --border-medium: #475569;
}

.dark-layout .action-card,
.dark-layout .card-modern,
.dark-layout .data-card,
.dark-layout .stat-card {
    background: rgba(40, 48, 70, 0.95);
    border-color: #3b4253;
}

.dark-layout .portal-list-title {
    color: #d0d2d6;
}

.dark-layout .portal-list-subtitle,
.dark-layout .portal-selected-count {
    color: #b4b7bd;
}

.dark-layout .portal-filter-card__header {
    border-bottom-color: #3b4253;
}

.dark-layout .portal-filter-card__header h3,
.dark-layout .portal-filter-card .form-label {
    color: #d0d2d6;
}

.dark-layout .portal-list-section .data-card,
.dark-layout .portal-list-section .table-wrapper {
    background: rgba(40, 48, 70, 0.95);
    border-color: #3b4253;
}

.dark-layout .form-input,
.dark-layout .portal-filter-card select.form-input,
.dark-layout .portal-filter-card input.form-input {
    background-color: #283046;
    border-color: #3b4253;
    color: #d0d2d6;
}

.dark-layout .form-input::placeholder {
    color: #676d7d;
}

.dark-layout .form-input:focus,
.dark-layout .portal-filter-card select.form-input:focus,
.dark-layout .portal-filter-card input.form-input:focus {
    background-color: #283046;
    border-color: #7367f0;
    box-shadow: 0 0 0 0.25rem rgba(115, 103, 240, 0.25);
}

.dark-layout .table-modern,
.dark-layout .table-modern.table {
    background: transparent;
}

.dark-layout .table-modern thead {
    background: linear-gradient(90deg, rgba(115, 103, 240, 0.15), rgba(115, 103, 240, 0.08));
    border-bottom-color: #3b4253;
}

.dark-layout .table-modern th {
    color: #d0d2d6;
}

.dark-layout .table-modern td {
    color: #b4b7bd;
    border-bottom-color: #3b4253;
}

.dark-layout .table-modern tbody tr:hover {
    background-color: rgba(115, 103, 240, 0.08);
}

.dark-layout .dataTables_wrapper {
    color: #b4b7bd;
}

.dark-layout .dataTables_wrapper .dataTables_length,
.dark-layout .dataTables_wrapper .dataTables_filter,
.dark-layout .dataTables_wrapper .dataTables_info {
    color: #b4b7bd;
}

.dark-layout .dataTables_wrapper .dataTables_length label,
.dark-layout .dataTables_wrapper .dataTables_filter label,
.dark-layout .dataTables_wrapper .dataTables_length select,
.dark-layout .dataTables_wrapper .dataTables_filter input {
    color: #b4b7bd;
}

.dark-layout .dataTables_wrapper .dataTables_length select,
.dark-layout .dataTables_wrapper .dataTables_filter input {
    background-color: #283046;
    border: 1px solid #3b4253;
}

.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #b4b7bd !important;
}

.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #7367f0 !important;
    border-color: #7367f0 !important;
    color: #fff !important;
}

.dark-layout .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #3b4253 !important;
    border-color: #3b4253 !important;
    color: #d0d2d6 !important;
}

.dark-layout table.dataTable.table-modern tbody tr,
.dark-layout table.dataTable.table-modern tbody td {
    background-color: transparent !important;
}

.dark-layout .emp_name {
    color: #d0d2d6 !important;
}

.dark-layout .emp_post.text-muted {
    color: #676d7d !important;
}

.dark-layout .btn-outline-secondary {
    color: #b4b7bd;
    border-color: #3b4253;
}

.dark-layout .btn-outline-secondary:hover {
    background-color: #3b4253;
    color: #d0d2d6;
}

/* Permission role cards (reseller/admin role create) */
.dark-layout .permission-category {
    background-color: rgba(40, 48, 70, 0.45);
    border-color: #3b4253 !important;
}

.dark-layout .permission-category .permission-category-title,
.dark-layout .permission-category .divider-text {
    color: #d0d2d6 !important;
}

.dark-layout .permission-category .permission-category-desc {
    color: #b4b7bd !important;
}

.dark-layout .permission-card {
    background-color: #283046;
    border-color: #3b4253 !important;
}

.dark-layout .permission-card .permission-title,
.dark-layout .permission-card .form-check-label {
    color: #f0f1f5 !important;
}

.dark-layout .permission-card .permission-desc {
    color: #b4b7bd !important;
}

.dark-layout .permission-card.permission-card--required {
    background-color: rgba(115, 103, 240, 0.18) !important;
    border-color: rgba(115, 103, 240, 0.55) !important;
}

.dark-layout .permission-card.permission-card--required .permission-title,
.dark-layout .permission-card.permission-card--required .form-check-label {
    color: #ececff !important;
}

.dark-layout .alert-light-primary {
    background-color: rgba(115, 103, 240, 0.14) !important;
    border-color: #3b4253 !important;
    color: #d0d2d6 !important;
}

.dark-layout .alert-light-primary strong,
.dark-layout .alert-light-primary em {
    color: #ececff !important;
}

.dark-layout .permission-select-all-label {
    color: #d0d2d6 !important;
}

.dark-layout .permission-page-intro {
    color: #b4b7bd !important;
}