.settings-page{

padding:40px;

}

.settings-header h1{

font-size:56px;

color:#2f5be7;

margin-bottom:30px;

}

.settings-card{

background:#fff;

padding:30px;

border-radius:24px;

max-width:600px;

box-shadow:0 2px 10px rgba(0,0,0,.05);

}

.settings-card h2{

font-size:28px;

margin-bottom:30px;

}

.settings-group{

display:flex;

flex-direction:column;

margin-bottom:25px;

}

.settings-group label{

font-size:16px;

font-weight:600;

margin-bottom:10px;

color:#555;

}

.settings-group input{

padding:14px;

border:1px solid #ddd;

border-radius:12px;

font-size:16px;

}

.save-settings-btn{

background:#2f5be7;

color:#fff;

border:none;

padding:14px 24px;

border-radius:14px;

font-size:16px;

font-weight:600;

cursor:pointer;

transition:.2s;

}

.save-settings-btn:hover{

opacity:.9;

}

/* =========================================================================
   SETTINGS BACKUP & RECOVERY
   Consolidated into this canonical page stylesheet.
   ========================================================================= */


/* =========================================================================
   CONEX MAILER - BACKUP & RECOVERY CENTER + BRAND LAYOUT v3.4.8
============================================================================ */

.backup-recovery-center{
    margin:32px 0 10px;
    padding:28px;
    background:#ffffff;
    border:1px solid #e6ebf3;
    border-radius:26px;
    box-shadow:0 14px 38px rgba(15,23,42,0.07);
    color:#14213d;
    box-sizing:border-box;
}

.backup-center-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    margin-bottom:22px;
}

.backup-center-heading h2,
.backup-history-card h3,
.backup-protection-card h3,
.backup-security-note h3{
    margin:0;
    color:#10223f;
}

.backup-center-heading h2{
    font-size:28px;
    line-height:1.2;
}

.backup-center-heading p,
.backup-history-header p{
    margin:8px 0 0;
    color:#68758a;
    font-size:14px;
    line-height:1.55;
}

.backup-center-kicker{
    display:block;
    margin-bottom:7px;
    color:#2f64e9;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.backup-center-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:10px;
}

.backup-primary-btn,
.backup-secondary-btn,
.backup-small-btn{
    border:none;
    border-radius:11px;
    font-family:inherit;
    font-weight:700;
    cursor:pointer;
    transition:transform .16s ease, opacity .16s ease, box-shadow .16s ease;
}

.backup-primary-btn,
.backup-secondary-btn{
    min-height:44px;
    padding:0 17px;
    font-size:14px;
}

.backup-primary-btn{
    background:#2f64e9;
    color:#ffffff;
    box-shadow:0 9px 18px rgba(47,100,233,.22);
}

.backup-secondary-btn{
    background:#edf3ff;
    color:#234fbd;
}

.backup-primary-btn:hover,
.backup-secondary-btn:hover,
.backup-small-btn:hover{
    transform:translateY(-1px);
}

.backup-recovery-center button:disabled{
    opacity:.55;
    cursor:not-allowed;
    transform:none;
}

.backup-loading{
    display:none;
    margin-bottom:16px;
    padding:11px 14px;
    border-radius:10px;
    background:#eff6ff;
    color:#2458c7;
    font-size:13px;
    font-weight:700;
}

.backup-summary-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-bottom:20px;
}

.backup-summary-card{
    min-height:92px;
    padding:18px;
    border:1px solid #e4eaf3;
    border-radius:17px;
    background:#f8faff;
    box-sizing:border-box;
}

.backup-summary-card span{
    display:block;
    margin-bottom:10px;
    color:#728096;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.backup-summary-card strong{
    display:block;
    color:#12233e;
    font-size:16px;
    line-height:1.4;
}

.backup-warning-card{
    background:#fff9ed;
    border-color:#f5dfae;
}

.backup-center-grid{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
    gap:18px;
    margin-bottom:20px;
}

.backup-protection-card,
.backup-security-note,
.backup-history-card{
    border:1px solid #e4eaf3;
    border-radius:18px;
    background:#ffffff;
    box-sizing:border-box;
}

.backup-protection-card,
.backup-security-note{
    padding:20px;
}

.backup-protection-card h3,
.backup-security-note h3,
.backup-history-card h3{
    font-size:17px;
}

.backup-protection-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:13px 0;
    border-bottom:1px solid #edf0f5;
}

.backup-protection-row:last-child{
    border-bottom:none;
    padding-bottom:0;
}

.backup-protection-row > div{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.backup-protection-row strong{
    color:#25344d;
    font-size:14px;
}

.backup-protection-row > div span{
    min-width:26px;
    padding:3px 8px;
    border-radius:999px;
    background:#eef2f8;
    color:#59677b;
    font-size:11px;
    text-align:center;
}

.backup-state-ok{
    padding:5px 10px;
    border-radius:999px;
    background:#dcfce7;
    color:#15803d;
    font-size:11px;
    font-weight:800;
}

.backup-security-note{
    background:#f7f9fd;
}

.backup-security-note p{
    margin:12px 0 0;
    color:#647188;
    font-size:13px;
    line-height:1.65;
}

.backup-history-card{
    overflow:hidden;
}

.backup-history-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px 20px 16px;
    border-bottom:1px solid #edf0f5;
}

.backup-table-scroll{
    width:100%;
    overflow-x:auto;
}

.backup-history-table{
    width:100%;
    min-width:760px;
    border-collapse:collapse;
}

.backup-history-table th,
.backup-history-table td{
    padding:14px 16px;
    border-bottom:1px solid #edf0f5;
    text-align:left;
    vertical-align:middle;
    font-size:13px;
}

.backup-history-table th{
    background:#f7f9fc;
    color:#5f6d82;
    font-size:12px;
    font-weight:800;
}

.backup-history-table td{
    color:#334155;
}

.backup-history-table tbody tr:last-child td{
    border-bottom:none;
}

.backup-table-actions{
    display:flex;
    align-items:center;
    gap:7px;
}

.backup-small-btn{
    min-height:32px;
    padding:0 11px;
    background:#edf3ff;
    color:#2857c5;
    font-size:12px;
}

.backup-restore-btn{
    background:#fff1f2;
    color:#be123c;
}

.backup-empty-row{
    padding:28px !important;
    color:#8a96a8 !important;
    text-align:center !important;
}

.backup-center-busy{
    opacity:.82;
}

@media (max-width:1050px){

    .backup-center-heading{
        flex-direction:column;
    }

    .backup-center-actions{
        justify-content:flex-start;
    }

    .backup-summary-grid,
    .backup-center-grid{
        grid-template-columns:1fr;
    }

}

@media (max-width:650px){

    .backup-recovery-center{
        padding:18px;
        border-radius:18px;
    }

    .backup-center-heading h2{
        font-size:23px;
    }

    .backup-center-actions,
    .backup-center-actions button{
        width:100%;
    }

}


/* =========================================================================
   BRAND SETTINGS BELOW BACKUP HISTORY v3.4.8
============================================================================ */

.brand-settings-history-card{
    width:100% !important;
    max-width:none !important;
    margin:20px 0 0 !important;
    padding:0 !important;
    border:1px solid #e4eaf3 !important;
    border-radius:18px !important;
    background:#ffffff !important;
    box-shadow:none !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

.brand-settings-history-header{
    margin:0 !important;
}

.brand-settings-history-header h3{
    margin:0;
    color:#10223f;
    font-size:17px;
}

.brand-settings-history-header p{
    margin:8px 0 0;
    color:#68758a;
    font-size:14px;
    line-height:1.55;
}

.brand-settings-history-body{
    padding:20px;
    box-sizing:border-box;
}

.brand-settings-history-body .brand-settings-original-title{
    display:none !important;
}

.brand-settings-history-body input[type="text"],
.brand-settings-history-body input[type="file"],
.brand-settings-history-body input[type="range"],
.brand-settings-history-body select,
.brand-settings-history-body textarea{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
}

.brand-settings-history-body button{
    max-width:100%;
}

@media (max-width:700px){

    .brand-settings-history-body{
        padding:16px;
    }

}



/* =========================================================================
   SETTINGS PARITY — CONSOLIDATED CLEAN V7
   ========================================================================= */

/* Settings: make Brand Settings a full white card, matching production. */
.settings-page.settings-page-full{
    width:100% !important;
    padding:0 30px 40px !important;
    box-sizing:border-box !important;
}
.settings-page-full .backup-recovery-center{
    width:100% !important;
    box-sizing:border-box !important;
}
.settings-page-full .settings-brand-section{
    display:block !important;
    width:100% !important;
    margin:22px 0 0 !important;
    padding:22px !important;
    box-sizing:border-box !important;
    background:#ffffff !important;
    border:1px solid #e1e8f2 !important;
    border-radius:20px !important;
    box-shadow:0 8px 24px rgba(15,23,42,.04) !important;
}
.settings-page-full .settings-brand-heading{
    display:block !important;
    padding:0 0 18px !important;
    margin:0 0 20px !important;
    border-bottom:1px solid #edf0f5 !important;
}
.settings-page-full .settings-brand-heading h2{
    margin:0 !important;
    color:#10223f !important;
    font-size:19px !important;
    line-height:1.25 !important;
}
.settings-page-full .settings-brand-heading p{
    margin:7px 0 0 !important;
    color:#68758a !important;
    font-size:14px !important;
    line-height:1.45 !important;
}
.settings-page-full .settings-group{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    margin:0 0 20px !important;
}
.settings-page-full .settings-group label{
    margin:0 0 10px !important;
    color:#555 !important;
    font-size:16px !important;
    font-weight:600 !important;
}
.settings-page-full .settings-group input[type="text"],
.settings-page-full .settings-group input[type="file"]{
    width:100% !important;
    min-height:52px !important;
    padding:12px 14px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border:1px solid #ddd !important;
    border-radius:12px !important;
    font-size:16px !important;
}
.settings-page-full .settings-group input[type="range"]{
    width:100% !important;
}
.settings-page-full .settings-group small{
    display:block !important;
    margin-top:8px !important;
    color:#64748b !important;
    font-size:13px !important;
}
.settings-page-full .save-settings-btn{
    min-width:164px !important;
    min-height:49px !important;
}

@media(max-width:950px){
    .settings-page.settings-page-full{padding:0 16px 28px !important;}
}