/* ==========================================================
   DISCRETAX - Admin posts/listado polish
   ========================================================== */

:root {
    --dx-admin-purple: #74306c;
    --dx-admin-purple-dark: #5f2759;
    --dx-admin-pink: #ff4fb3;
    --dx-admin-bg: #f8f5f8;
    --dx-admin-border: rgba(116, 48, 108, .16);
}

/* Solo se activa cuando el JS añade body.dx-admin-page */
body.dx-admin-page {
    background-color: #f8f5f8 !important;
}

/* Botones superiores del admin que estaban blancos */
body.dx-admin-page a.btn.btn-sm.btn-light.rounded.shadow,
body.dx-admin-page a.btn.btn-sm.btn-primary.rounded.shadow,
body.dx-admin-page a.btn.btn-sm.btn-primary.rounded.shadow.ms-1,
body.dx-admin-page a.btn.btn-sm.btn-primary.rounded.shadow.float-end,
body.dx-admin-page .btn.btn-sm.btn-light.rounded.shadow,
body.dx-admin-page .btn.btn-sm.btn-primary.rounded.shadow {
    background: linear-gradient(135deg, #74306c, #9b4b92) !important;
    color: #fff !important;
    border: 1px solid rgba(116, 48, 108, .28) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 20px rgba(116, 48, 108, .22) !important;
    font-weight: 800 !important;
    padding: .48rem .82rem !important;
    text-decoration: none !important;
}

body.dx-admin-page a.btn.btn-sm.btn-light.rounded.shadow:hover,
body.dx-admin-page a.btn.btn-sm.btn-primary.rounded.shadow:hover,
body.dx-admin-page .btn.btn-sm.btn-light.rounded.shadow:hover,
body.dx-admin-page .btn.btn-sm.btn-primary.rounded.shadow:hover {
    background: linear-gradient(135deg, #5f2759, #74306c) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

/* Botones CRUD dentro de tabla */
body.dx-admin-page #crudTable .btn,
body.dx-admin-page table .btn.btn-xs {
    border-radius: 999px !important;
    font-weight: 800 !important;
    padding: .32rem .58rem !important;
    line-height: 1.1 !important;
}

body.dx-admin-page #crudTable .btn-primary,
body.dx-admin-page table .btn-primary {
    background: #74306c !important;
    border-color: #74306c !important;
    color: #fff !important;
}

body.dx-admin-page #crudTable .dx-premium-button,
body.dx-admin-page table .dx-premium-button,
body.dx-admin-page #crudTable .dx-premium-button--plus,
body.dx-admin-page table .dx-premium-button--plus {
    background: #fff !important;
    border: 1px solid rgba(220, 38, 38, .38) !important;
    color: #b91c1c !important;
    box-shadow: none !important;
}

body.dx-admin-page #crudTable .dx-premium-button:hover,
body.dx-admin-page table .dx-premium-button:hover {
    background: #fee2e2 !important;
    border-color: #ef4444 !important;
    color: #991b1b !important;
}

/* Badges de estado en admin: que se lean bien */
body.dx-admin-page .badge.dx-plan-badge,
body.dx-admin-page .badge.dx-plan-premium-plus,
body.dx-admin-page span.badge.dx-plan-badge.dx-plan-premium-plus,
body.dx-admin-page .badge.fw-normal {
    background: rgba(16, 185, 129, .13) !important;
    color: #047857 !important;
    border: 1px solid rgba(16, 185, 129, .32) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    padding: .34rem .62rem !important;
}

/* Contenedor tabla */
body.dx-admin-page .dataTables_wrapper,
body.dx-admin-page div.dataTables_wrapper {
    background: #fff !important;
    border: 1px solid var(--dx-admin-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 38px rgba(116, 48, 108, .08) !important;
    padding: 1rem !important;
    overflow: hidden !important;
}

/* Tabla */
body.dx-admin-page #crudTable,
body.dx-admin-page table#crudTable {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
    margin-bottom: .75rem !important;
}

body.dx-admin-page #crudTable thead th,
body.dx-admin-page #crudTable tfoot th {
    background: linear-gradient(180deg, rgba(116, 48, 108, .10), rgba(116, 48, 108, .045)) !important;
    color: #42133e !important;
    border-bottom: 1px solid rgba(116, 48, 108, .18) !important;
    font-size: .76rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
    padding: .85rem .75rem !important;
}

body.dx-admin-page #crudTable tbody td {
    color: #26202a !important;
    border-bottom: 1px solid rgba(116, 48, 108, .08) !important;
    vertical-align: middle !important;
    padding: .78rem .75rem !important;
    font-size: .86rem !important;
}

body.dx-admin-page #crudTable tbody tr:hover td {
    background: rgba(255, 79, 179, .045) !important;
}

/* Checkbox / primera columna */
body.dx-admin-page #crudTable tbody td:first-child,
body.dx-admin-page #crudTable thead th:first-child {
    text-align: center !important;
}

/* Imágenes en tabla */
body.dx-admin-page #crudTable img {
    border-radius: 12px !important;
    border: 1px solid rgba(116, 48, 108, .12) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.08) !important;
}

/* Info y paginación */
body.dx-admin-page .dataTables_info {
    color: #6b5870 !important;
    font-size: .84rem !important;
    font-weight: 700 !important;
    padding-top: .8rem !important;
}

body.dx-admin-page .dataTables_paginate .pagination {
    gap: .25rem !important;
    justify-content: flex-end !important;
}

body.dx-admin-page .dataTables_paginate .page-link {
    color: #74306c !important;
    border: 1px solid rgba(116, 48, 108, .18) !important;
    border-radius: 10px !important;
    background: #fff !important;
    font-weight: 800 !important;
    min-width: 34px !important;
    text-align: center !important;
}

body.dx-admin-page .dataTables_paginate .page-item.active .page-link {
    background: #74306c !important;
    border-color: #74306c !important;
    color: #fff !important;
}

body.dx-admin-page .dataTables_paginate .page-item.disabled .page-link {
    color: #b8a8bc !important;
    background: #f5f0f5 !important;
}

/* Search y length menu */
body.dx-admin-page .dataTables_filter input,
body.dx-admin-page .dataTables_length select {
    border: 1px solid rgba(116, 48, 108, .22) !important;
    border-radius: 999px !important;
    padding: .38rem .7rem !important;
    outline: none !important;
}

body.dx-admin-page .dataTables_filter input:focus,
body.dx-admin-page .dataTables_length select:focus {
    border-color: #74306c !important;
    box-shadow: 0 0 0 .2rem rgba(116, 48, 108, .12) !important;
}

/* Alertas/help traducibles */
body.dx-admin-page .alert,
body.dx-admin-page .card .alert {
    border-radius: 14px !important;
    border: 1px solid rgba(116, 48, 108, .15) !important;
}

/* Títulos principales */
body.dx-admin-page h1,
body.dx-admin-page h2,
body.dx-admin-page h3,
body.dx-admin-page .card-title {
    color: #42133e;
}

/* Corrige cualquier texto blanco accidental en fondo blanco dentro de botones */
body.dx-admin-page .btn-light,
body.dx-admin-page .btn-primary {
    text-shadow: none !important;
}