
.set-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px;border-bottom:1px solid var(--border)}
.set-tab-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;border-bottom:2px solid transparent;color:var(--text2);font:inherit;font-size:13px;font-weight:600;padding:9px 12px;margin-bottom:-1px;cursor:pointer;white-space:nowrap}
.set-tab-btn .ic{width:15px;height:15px}
.set-tab-btn:hover{color:var(--text)}
.set-tab-btn.active{color:var(--text);border-bottom-color:var(--blue)}
.set-savebar{display:none;position:sticky;bottom:12px;z-index:30;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 4px;padding:11px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.set-savebar.show{display:flex}
.set-savebar-msg{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}
.set-savebar-msg .ic{width:16px;height:16px;color:var(--text3)}
.set-savebar .msg-saved{display:none;color:var(--blue-m)}
.set-savebar .msg-saved .ic{color:var(--blue-m)}
.set-savebar.saved .msg-dirty{display:none}
.set-savebar.saved .msg-saved{display:inline-flex}
.set-savebar.saved .set-savebar-actions{display:none}
.set-savebar-actions{display:flex;gap:8px}
/* Compact single-column layout: keep settings readable and still fit the screen */
#page-settings{padding:14px 24px}
#page-settings .set-intro{margin:0 0 10px;line-height:1.45}
#page-settings .set-tabs{margin-bottom:12px}
#page-settings .help-search-wrap{margin-bottom:12px}
#page-settings .set-card{margin-bottom:0}
#page-settings .set-card .set-cardsub{line-height:1.4;margin:0 0 6px}
#page-settings .set-row{padding:8px 0;gap:16px}
#page-settings .set-label{line-height:1.25}
#page-settings .set-label .sub{margin-top:2px;line-height:1.32}
