.settings-shell{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--white);margin-bottom:24px}.settings-shell h1{font-size:1.8rem}.settings-shell .settings-section{margin:16px 0}.settings-shell .settings-section>h2{font-size:1rem}.settings-shell .settings-grid{gap:10px;margin:10px 0;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.settings-shell .panel{padding:14px}.settings-shell .panel h3{font-size:1rem;margin:0}.settings-shell .panel p{font-size:.8rem;margin:6px 0 0}.selected-setting{border:2px solid var(--green)!important;box-shadow:inset 0 5px var(--accent)}.settings-content{border-top:4px solid var(--accent);padding-top:20px}.settings-content>.narrow{max-width:900px;margin-left:0}.payment-card{border-top:6px solid var(--accent);display:flex;flex-direction:column;gap:12px}.payment-card .button{margin-top:auto}.payment-navigation{padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.settings-grid input[type=checkbox]{width:auto;margin-right:8px}.settings-grid section.panel h2{font-size:1.1rem}.settings-grid section.panel label{display:block;margin:16px 0}#id_visible_roles{border:1px solid var(--line);padding:12px}#id_visible_roles input{width:auto}
@media(max-width:600px){.settings-shell{padding:12px}.settings-shell .settings-grid{grid-template-columns:1fr 1fr}.settings-shell .panel{padding:10px;overflow-wrap:anywhere}.settings-shell .panel p{display:none}.settings-shell .panel h3{font-size:.85rem}.payment-navigation{padding:12px}}