/* --- Appearance & accessibility settings panel (dashboard/js/07-settings.js) --- */
.as-overlay{position:fixed;inset:0;background:rgba(10,6,30,0.45);z-index:300;display:flex;justify-content:flex-end}
.as-panel{background:var(--bg-card);width:100%;max-width:380px;height:100%;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,0.35);overflow-y:auto}
.as-head{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;padding:18px 20px;border-bottom:.5px solid var(--border-t)}
.as-head i{color:var(--ep);font-size:18px}
.as-close{margin-left:auto;background:none;border:none;font-size:20px;line-height:1;color:var(--text-tertiary);cursor:pointer;padding:2px 4px}
.as-close:hover{color:var(--text-primary)}
.as-body{padding:6px 20px 20px}
.as-group{margin-top:18px}
.as-group:first-child{margin-top:16px}
.as-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}
.as-label i{color:var(--text-tertiary);font-size:15px}
.as-opts{display:flex;gap:8px;flex-wrap:wrap}
.as-opt{font-size:12.5px;font-weight:500;padding:6px 13px;border-radius:20px;border:.5px solid var(--border-s);background:var(--bg-page);color:var(--text-secondary);cursor:pointer}
.as-opt.active{background:var(--bg-purp);color:var(--t-purp);border-color:transparent;font-weight:600}
.as-foot{margin-top:auto;padding:14px 20px;font-size:11.5px;color:var(--text-tertiary);border-top:.5px solid var(--border-t)}