/* Only appearance controls are shared. Material skins are opt-in. */
/* Shared menus keep their selected state legible in every material theme. */
html[data-board-skin] .hub-tabs .button[aria-pressed=true]{background:var(--gold-light);color:var(--paper-ink);border-color:var(--gold)}
html[data-board-skin] .account-form input{background:var(--page);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:11px}
.skin-tools { display:flex; justify-content:flex-end; align-items:center; gap:9px; margin:-8px 0 12px; }
.skin-choice { display:flex; align-items:center; gap:9px; min-width:0; }
.skin-tools label { color:var(--muted); font-size:10px; }
.skin-tools select { min-height:34px; max-width:210px; padding:5px 25px 5px 9px; border:1px solid var(--line); border-radius:5px; background:var(--panel); color:var(--gold-light); font:inherit; font-size:11px; cursor:pointer; }
.skin-tools select:focus-visible { outline:2px solid var(--gold-light); outline-offset:3px; }
@media(max-width:680px) {
  .skin-tools { display:grid; grid-template-columns:1fr 1fr; margin:0 0 8px; gap:8px; }
  .skin-choice { display:grid; gap:3px; }
  .skin-tools label { font-size:9px; }
  .skin-tools select { min-height:36px; width:100%; max-width:none; padding-left:7px; padding-right:18px; font-size:10px; }
}