.settings-box{

    background:#fff;

    border:1px solid #eef2f7;

    border-radius:16px;

    padding:24px;

    margin-top:20px;

    box-shadow:
            0 4px 12px rgba(28,41,57,.05);

}

.settings-box h3{

    margin:0 0 20px;

    font-size:17px;

    color:#101828;

}


.setting-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    padding:16px 0;

    border-bottom:1px solid #f1f3f6;

}

.setting-row:last-child{

    border-bottom:none;

}


.setting-row strong{

    display:block;

    font-size:14px;

    color:#101828;

}


.setting-row span{

    display:block;

    margin-top:4px;

    font-size:13px;

    color:#667085;

}


.setting-row select{

    min-width:140px;

    padding:10px 12px;

    border:1px solid #d9dee7;

    border-radius:9px;

    background:#fff;

}


.settings-actions{

    display:flex;

    gap:10px;

}


.settings-actions button{

    padding:11px 18px;

    border:1px solid #e1e5eb;

    background:#fff;

    border-radius:9px;

    cursor:pointer;

    font-weight:500;

}


/* Switch */

.setting-switch{

    position:relative;

    width:44px;

    height:24px;

    flex-shrink:0;

}


.setting-switch input{

    display:none;

}


.setting-switch span{

    position:absolute;

    inset:0;

    background:#d8dde5;

    border-radius:20px;

    cursor:pointer;

    transition:.2s;

}


.setting-switch span:before{

    content:"";

    position:absolute;

    width:18px;

    height:18px;

    left:3px;

    top:3px;

    background:white;

    border-radius:50%;

    transition:.2s;

}


.setting-switch input:checked + span{

    background:#366bd4;

}


.setting-switch input:checked + span:before{

    transform:translateX(20px);

}