/* MDPRIME — ÁREA PRIVADA APPLE */

body{
    color:#f5f5f7!important;
    background:#07090d!important;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif!important;
    -webkit-font-smoothing:antialiased;
}

.dashboard-layout,
.account-layout,
.layout{
    display:block!important;
    min-height:100vh!important;
    background:#07090d!important;
}

.dashboard-sidebar,
.account-sidebar,
.sidebar{
    position:sticky!important;
    inset:auto!important;
    top:0!important;
    z-index:100!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:30px!important;
    width:min(1400px,92%)!important;
    height:80px!important;
    margin:auto!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-bottom:1px solid #292e38!important;
    background:rgba(7,9,13,.92)!important;
    backdrop-filter:blur(22px)!important;
}

.dashboard-brand,
.account-brand{
    flex:0 0 auto!important;
    padding:0!important;
    font-size:19px!important;
    letter-spacing:-.5px!important;
}

.dashboard-brand small,
.account-brand small{
    display:none!important;
}

.dashboard-nav,
.account-nav,
.sidebar .nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
}

.dashboard-nav a,
.account-nav a,
.sidebar .nav a{
    min-height:38px!important;
    padding:9px 13px!important;
    border:0!important;
    border-radius:20px!important;
    color:#abb1bc!important;
    background:transparent!important;
    font-size:13px!important;
    white-space:nowrap!important;
}

.dashboard-nav a:hover,
.dashboard-nav a.active,
.account-nav a:hover,
.account-nav a.active,
.sidebar .nav a:hover,
.sidebar .nav a.active{
    transform:none!important;
    color:white!important;
    background:rgba(255,255,255,.07)!important;
}

.dashboard-main,
.account-main,
.main{
    width:min(1320px,92%)!important;
    margin:0 auto!important;
    padding:70px 0 110px!important;
}

.dashboard-topbar,
.account-topbar,
.topbar{
    max-width:none!important;
    margin:0 0 55px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

.dashboard-welcome h1,
.account-title,
.topbar h1{
    margin:8px 0!important;
    color:#f5f5f7!important;
    font-size:clamp(45px,6vw,76px)!important;
    line-height:1!important;
    letter-spacing:-4px!important;
}

.dashboard-content,
.account-box,
.account-section,
.dashboard-section{
    max-width:none!important;
}

.dashboard-hero,
.account-hero,
.ref-hero,
.family-intro{
    padding:38px!important;
    border:1px solid #292e38!important;
    border-radius:28px!important;
    background:linear-gradient(145deg,#151922,#0d1016)!important;
    box-shadow:none!important;
}

.dashboard-stats,
.dashboard-actions,
.account-actions,
.details-grid,
.form-grid,
.referrer-grid,
.mdp-grid,
.status-services,
.status-resources{
    gap:18px!important;
}

.dashboard-stat,
.dashboard-action,
.account-action,
.account-detail,
.detail,
.form-card,
.family-card,
.history-item,
.ref-card,
.referral-card,
.referrer-card,
.referrer-item,
.md-card,
.mdp-info-card,
.mdp-large-link,
.notice-card,
.status-service,
.status-resource,
.status-info,
.payment-box,
.pending-box,
.price-box,
.summary-box{
    border:1px solid #292e38!important;
    border-radius:22px!important;
    color:#f5f5f7!important;
    background:linear-gradient(145deg,#141820,#0d1016)!important;
    box-shadow:none!important;
}

.dashboard-action,
.account-action,
.mdp-large-link{
    min-height:170px!important;
    padding:27px!important;
    transition:transform .2s ease,border-color .2s ease!important;
}

.dashboard-action:hover,
.account-action:hover,
.mdp-large-link:hover{
    transform:translateY(-3px)!important;
    border-color:rgba(143,165,255,.48)!important;
}

.dashboard-action-icon,
.account-action-icon,
.mdp-card-icon,
.md-icon,
.option-icon{
    display:grid!important;
    place-items:center!important;
    width:45px!important;
    height:45px!important;
    border:1px solid rgba(143,165,255,.25)!important;
    border-radius:14px!important;
    background:rgba(143,165,255,.08)!important;
}

.dashboard-action strong,
.account-action strong{
    margin-top:18px!important;
    font-size:20px!important;
    letter-spacing:-.5px!important;
}

.dashboard-action small,
.account-action small{
    color:#9299a6!important;
    line-height:1.55!important;
}

h1,h2,h3,strong{
    color:#f5f5f7;
}

p,
small,
.muted,
.secondary-text-link,
.legal-text,
.help{
    color:#9299a6!important;
}

.field label{
    color:#9ba3b0!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.8px!important;
}

input,
select,
textarea{
    width:100%;
    border:1px solid #292e38!important;
    border-radius:14px!important;
    outline:0!important;
    color:white!important;
    background:#090b10!important;
    box-shadow:none!important;
}

input:focus,
select:focus,
textarea:focus{
    border-color:#8fa5ff!important;
    box-shadow:0 0 0 4px rgba(143,165,255,.1)!important;
}

button,
.primary-button,
.submit-button,
.inline-button,
.dashboard-renew-button,
.ref-renew,
.notice-button,
.md-button,
.back-button,
.back-link,
.agenda-back,
.status-back,
.notices-back,
.mdp-back-button{
    border:1px solid #343a46!important;
    border-radius:26px!important;
    color:#07090d!important;
    background:#f5f5f7!important;
    box-shadow:none!important;
    font-weight:850!important;
}

.ref-table-card,
.ref-table-wrapper{
    overflow:hidden!important;
    border:1px solid #292e38!important;
    border-radius:22px!important;
    background:#0e1117!important;
}

.ref-table{
    width-collapse:collapse!important;
}

.ref-table th{
    color:#9299a6!important;
    background:#151922!important;
}

.ref-table td,
.ref-table th{
    border-color:#292e38!important;
}

.register-page,
.agenda-page,
.ref-page,
.notices-page,
.status-page,
.mdp-section-page{
    width:min(1280px,92%)!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:auto!important;
    padding:55px 0 110px!important;
    color:#f5f5f7!important;
    background:transparent!important;
}

.register-header,
.agenda-header,
.notices-header,
.status-topbar,
.mdp-section-header{
    margin-bottom:55px!important;
    padding:0 0 28px!important;
    border-bottom:1px solid #292e38!important;
    background:transparent!important;
}

.register-header h1,
.agenda-header h1,
.notices-title h1,
.status-heading h1,
.mdp-section-header h1{
    font-size:clamp(43px,6vw,72px)!important;
    letter-spacing:-4px!important;
}

.dashboard-mobile-nav{
    border-top:1px solid #292e38!important;
    background:rgba(8,10,14,.94)!important;
    backdrop-filter:blur(20px)!important;
}

@media(max-width:900px){
    .dashboard-sidebar,
    .account-sidebar,
    .sidebar{
        display:none!important;
    }

    .dashboard-main,
    .account-main,
    .main{
        width:92%!important;
        padding:45pxpx78px 0 120px!important;
    }

    .dashboard-actions,
    .account-actions,
    .details-grid,
    .form-grid{
        grid-template-columns:1fr!important;
    }

    .dashboard-welcome h1,
    .account-title,
    .topbar h1{
        font-size:46px!important;
        letter-spacing:-3px!important;
    }
}

/* CORRECCIÓN DEFINITIVA REFERIDOS — 5 COLUMNAS */

body .ref-table-card{
    width:100% !important;
    padding:0 !important;
    overflow:hidden !important;
}

body .ref-table-wrapper{
    width:100% !important;
    overflow:visible !important;
}

body .ref-table{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
    background:transparent !important;
}

body .ref-table thead{
    display:none !important;
}

body .ref-table tbody{
    display:grid !important;
    width:100% !important;
    gap:10px !important;
    padding:12px !important;
}

body .ref-table .referral-row{
    position:relative !important;
    display:grid !important;
    grid-template-columns:
        42px
        minmax(200px,1fr)
        190px
        115px
        105px !important;
    grid-template-areas:
        "check person date status action" !important;
    align-items:center !important;
    gap:18px !important;
    width:100% !important;
    min-height:78px !important;
    padding:15px 18px !important;
    overflow:visible !important;
    border:1px solid #292e38 !important;
    border-radius:17px !important;
    background:#10141c !important;
}

body .ref-table .referral-row::before{
    width:3px !important;
    border-radius:17px 0 0 17px !important;
}

body .ref-table .referral-row > td{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
}

body .ref-table .referral-row > td:nth-child(1){
    grid-area:check !important;
    justify-self:center !important;
}

body .ref-table .referral-row > td:nth-child(2){
    grid-area:person !important;
    color:#f5f5f7 !important;
}

body .ref-table .referral-row > td:nth-child(3){
    grid-area:date !important;
    color:#c7ccd5 !important;
    font-size:13px !important;
    white-space:nowrap !important;
}

body .ref-table .referral-row > td:nth-child(4){
    grid-area:status !important;
    justify-self:start !important;
}

body .ref-table .referral-row > td:nth-child(5){
    grid-area:action !important;
    justify-self:end !important;
    text-align:right !important;
}

body .ref-person{
    display:grid !important;
    gap:5px !important;
}

body .ref-person strong{
    overflow:hidden !important;
    color:#f5f5f7 !important;
    font-size:15px !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

body .ref-person small{
    overflow:hidden !important;
    color:#858e9e !important;
    font-size:11px !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

body .ref-status{
    min-width:85px !important;
    padding:7px 11px !important;
    border-radius:20px !important;
    text-align:center !important;
    font-size:10px !important;
}

body .ref-renew{
    min-width:92px !important;
    min-height:38px !important;
    border:1px solid #363d49 !important;
    border-radius:20px !important;
    color:#f5f5f7 !important;
    background:transparent !important;
}

body .ref-renew:hover{
    color:#07090d !important;
    background:white !important;
}

@media(max-width:800px){

    body .ref-table .referral-row{
        grid-template-columns:38px minmax(0,1fr) auto !important;
        grid-template-areas:
            "check person status"
            "check date date"
            "action action action" !important;
        gap:10px 13px !important;
        padding:16px !important;
    }

    body .ref-table .referral-row > td:nth-child(5){
        justify-self:stretch !important;
    }

        width:100% !important;
    }
}