/* Opções - Configuração */
.setting-row input{width:20px;height:20px;accent-color:var(--mutted)}
.settings-panel{min-height:min(70vh,700px);border-radius:0;padding:0;background:transparent;border:0;box-shadow:none}
.setting-row{display:flex;align-items:flex-start;gap:10px;padding:10px;border-top:1px solid var(--border);cursor:pointer}
.setting-row:first-of-type{border-top:0}
.setting-row span{display:grid;gap:5px}
.setting-row strong{font-size:var(--font-medium)}
.settings-note{color:var(--white);font-size:var(--font-small);}
.setting-row small{color:var(--white);font-size:var(--font-micro);}
.settings-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}

/* Opções - Mapas*/
.settings-map-row{display:flex;gap:12px;align-items:end}
.settings-map-field{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;text-align:center;}

/* Opções - Mapas Informações*/
.settings-map-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;justify-content: center;width:100%;text-align:center;}
.settings-map-info h2{margin:0;text-align:center;}
.settings-map-info .btn{width:auto;min-width:180px;}
.settings-map-field>span{font-size:var(--font-small);color:var(--white);text-transform:uppercase;letter-spacing:.06em}
.settings-map-field .map-select{width:100%;min-height:42px}

/* Opções - Título Arredondado*/
.shell-kicker{margin:5px;font-size:var(--font-small); text-transform:uppercase;color:var(--white)}
.shell-badges{display: flex;justify-content: center; align-items: center; text-align: center; width: 100%;;flex-wrap:wrap;gap:10px;}
.shell-badges span{margin:10px; padding:10px;border-radius:999px;font-size:var(--font-small);color:var(--white); border:1px solid var(--border);background:rgba(255,255,255,.10)}

/* Ações*/
.settings-admin-actions{display:flex; flex-wrap:wrap; justify-content: center; align-items:center; gap:20px;margin:20px}
.settings-admin-actions .btn{flex:0 0 auto;min-height:42px;width:auto}

#settingsView .card-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: 18px;
}

#settingsView
.question-theme-settings-card {
    grid-column: 1 / -1;
}




/* Responsividade */
@media (max-width:1200px) {
    #settingsView .card-grid { grid-template-columns: 1fr;}
    #settingsView .settings-config-card,
    #settingsView .settings-management-card,
    #settingsView .settings-visual-card,
    #settingsView .settings-board-card,
    #settingsView .question-theme-settings-card {grid-column: 1;}
    .shell-badges {justify-content: flex-start; }
    .settings-admin-actions {display: grid; grid-template-columns: 1fr 1fr; }
}