/* Admin console visual system, aligned with Alertas Comunidad */
.admin-console {
    color: #fff;
    position: relative;
    z-index: 2;
}

.admin-console .container-fluid {
    padding-bottom: 32px;
}

.admin-console .page-titles {
    background: radial-gradient(1200px 800px at 10% -10%, rgba(48, 213, 200, .05), transparent 40%), radial-gradient(1200px 800px at 110% 10%, rgba(91, 157, 255, .05), transparent 40%), linear-gradient(180deg, var(--bg-1), var(--bg-2)) !important;
    border-bottom: 1px solid rgba(255,255,255,.08);
    margin-bottom: 24px;
    padding-top: 18px;
    padding-bottom: 18px;
}

.admin-console .page-titles h3,
.admin-console .text-themecolor {
    color: #fff !important;
    font-weight: 700;
    margin-bottom: 8px;
}

.admin-console .breadcrumb,
.admin-console .breadcrumb a {
    color: rgba(255,255,255,.58) !important;
}

.admin-console .breadcrumb .active {
    color: #fff !important;
}

.admin-console .card {
    background: rgba(10, 18, 32, .72);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0,0,0,.20);
    color: #fff;
    overflow: hidden;
}

.admin-console .card-body {
    background: transparent !important;
    padding: 24px;
}

.admin-console .card .card-title {
    color: #fff !important;
    font-weight: 700;
    margin-bottom: 4px;
}

.admin-console .card .card-subtitle,
.admin-console .card-subtitle,
.admin-console .text-muted {
    color: rgba(255,255,255,.62) !important;
}

.admin-console code {
    color: #30d5c8;
    background: rgba(48,213,200,.10);
    border-radius: 4px;
    padding: 2px 6px;
}

.admin-console .table-responsive {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 8px;
    overflow: auto;
}

.admin-console table,
.admin-console .table {
    color: #fff !important;
    margin-bottom: 0;
}

.admin-console .table th,
.admin-console .table td {
    border-color: rgba(255,255,255,.08) !important;
    vertical-align: middle;
}

.admin-console .table thead th,
.admin-console .thead-dark th {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.78) !important;
    font-size: .78rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-console .table tbody tr:not(:hover) {
    background: transparent !important;
    color: #fff !important;
}

.admin-console .table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgba(255,255,255,.035);
}

.admin-console .table tbody tr:hover {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    box-shadow: none;
    transform: none;
}

.admin-console .table-danger,
.admin-console .table-warning,
.admin-console .table-success,
.admin-console .table-info {
    color: #fff !important;
}

.admin-console .table-danger,
.admin-console .table-danger > th,
.admin-console .table-danger > td,
.admin-console .table-danger th,
.admin-console .table-danger td {
    --bs-table-bg: rgba(217,45,32,.18);
    --bs-table-striped-bg: rgba(217,45,32,.22);
    --bs-table-hover-bg: rgba(217,45,32,.26);
    background: rgba(217,45,32,.18) !important;
}

.admin-console .table-warning,
.admin-console .table-warning > th,
.admin-console .table-warning > td,
.admin-console .table-warning th,
.admin-console .table-warning td {
    --bs-table-bg: rgba(249,115,22,.18);
    --bs-table-striped-bg: rgba(249,115,22,.22);
    --bs-table-hover-bg: rgba(249,115,22,.26);
    background: rgba(249,115,22,.18) !important;
}

.admin-console .table-success,
.admin-console .table-success > th,
.admin-console .table-success > td,
.admin-console .table-success th,
.admin-console .table-success td {
    --bs-table-bg: rgba(15,159,110,.18);
    --bs-table-striped-bg: rgba(15,159,110,.22);
    --bs-table-hover-bg: rgba(15,159,110,.26);
    background: rgba(15,159,110,.18) !important;
}

.admin-console .table-info,
.admin-console .table-info > th,
.admin-console .table-info > td,
.admin-console .table-info th,
.admin-console .table-info td {
    --bs-table-bg: rgba(37,99,235,.18);
    --bs-table-striped-bg: rgba(37,99,235,.22);
    --bs-table-hover-bg: rgba(37,99,235,.26);
    background: rgba(37,99,235,.18) !important;
}

.admin-console .community-row-ok,
.admin-console .community-row-warning,
.admin-console .community-row-full {
    color: #fff !important;
}

.admin-console .community-row-ok,
.admin-console .community-row-ok > th,
.admin-console .community-row-ok > td,
.admin-console .community-row-ok th,
.admin-console .community-row-ok td {
    --bs-table-bg: rgba(15,159,110,.10);
    --bs-table-striped-bg: rgba(15,159,110,.14);
    --bs-table-hover-bg: rgba(15,159,110,.20);
    background: rgba(15,159,110,.10) !important;
}

.admin-console .community-row-warning,
.admin-console .community-row-warning > th,
.admin-console .community-row-warning > td,
.admin-console .community-row-warning th,
.admin-console .community-row-warning td {
    --bs-table-bg: rgba(249,115,22,.12);
    --bs-table-striped-bg: rgba(249,115,22,.16);
    --bs-table-hover-bg: rgba(249,115,22,.22);
    background: rgba(249,115,22,.12) !important;
}

.admin-console .community-row-full,
.admin-console .community-row-full > th,
.admin-console .community-row-full > td,
.admin-console .community-row-full th,
.admin-console .community-row-full td {
    --bs-table-bg: rgba(217,45,32,.12);
    --bs-table-striped-bg: rgba(217,45,32,.16);
    --bs-table-hover-bg: rgba(217,45,32,.22);
    background: rgba(217,45,32,.12) !important;
}

.admin-console label,
.admin-console .form-label {
    color: rgba(255,255,255,.82) !important;
    font-weight: 600;
}

.admin-console .form-control,
.admin-console .form-select,
.admin-console select,
.admin-console textarea {
    color: #fff !important;
    background-color: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.16) !important;
    border-radius: 8px;
}

.admin-console .form-control:focus,
.admin-console .form-select:focus,
.admin-console select:focus,
.admin-console textarea:focus {
    color: #fff !important;
    background-color: rgba(255,255,255,.09) !important;
    border-color: #30d5c8 !important;
    box-shadow: 0 0 0 .2rem rgba(48,213,200,.15) !important;
}

.admin-console .form-control:disabled,
.admin-console .form-control[readonly] {
    color: rgba(255,255,255,.72) !important;
    background-color: rgba(255,255,255,.04) !important;
}

.admin-console select option,
.admin-console .form-select option {
    color: #111827 !important;
    background: #fff !important;
}

.admin-console .btn {
    border-radius: 8px;
    font-weight: 700;
    box-shadow: none !important;
}

.admin-console .btn-primary {
    background: linear-gradient(90deg, var(--accent), var(--accent-2));
    border: 0;
}

.admin-console .btn-success {
    background: #0f9f6e;
    border-color: #0f9f6e;
}

.admin-console .btn-danger {
    background: #d92d20;
    border-color: #d92d20;
}

.admin-console .btn-warning {
    background: #f97316;
    border-color: #f97316;
    color: #fff;
}

.admin-console .btn-secondary,
.admin-console .btn-outline-secondary {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.14);
    color: #fff;
}

.admin-console .nav-tabs {
    border-bottom-color: rgba(255,255,255,.10);
}

.admin-console .nav-tabs .nav-link {
    color: rgba(255,255,255,.64);
    border-radius: 8px 8px 0 0;
}

.admin-console .nav-tabs .nav-link.active {
    color: #fff;
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.10);
}

.admin-console .list-inline a {
    color: rgba(255,255,255,.78);
}

.admin-console .pagination {
    display: flex !important;
    gap: 6px;
    flex-wrap: wrap;
}

.admin-console .page-link {
    color: #fff !important;
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
    border-radius: 8px;
}

.admin-console .page-item.active .page-link {
    background: #2563eb;
    border-color: #2563eb;
}

.admin-console .modal-content {
    background: #10141b;
    border: 1px solid rgba(255,255,255,.12);
    color: #fff;
}

.admin-console .modal-header,
.admin-console .modal-footer {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.10);
    color: #fff !important;
}

.admin-console .modal-title {
    color: #fff !important;
}