/* App Settings theme picker (dist/theme-picker.js). Uses only --z-* tokens, so it follows every theme. */
.tp-toggle{display:inline-grid;place-items:center;flex-shrink:0;width:34px;height:34px;min-height:34px;padding:0;color:rgb(var(--z-textDim))}
.tp-toggle svg{display:block}
.tp-toggle[aria-expanded="true"]{color:rgb(var(--z-text));border-color:var(--z-btn-hover-border)}
.tp-pop{position:fixed;z-index:70;padding:14px;background:rgb(var(--z-surface));border:1px solid var(--z-borderHi);border-radius:var(--z-radius-lg);box-shadow:var(--z-panel-shadow),0 22px 48px -18px rgb(0 0 0/.6);color:rgb(var(--z-text))}
.tp-pop[hidden]{display:none}
.tp-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tp-head b{font-size:.941176rem;font-weight:500;letter-spacing:-.02em}
.tp-label{margin:12px 0 8px;font-size:.588235rem;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--z-muted))}
.tp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tp-pop .tp-card{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:8px;text-align:left;border-radius:var(--z-radius-md);background:var(--z-surface2);border:1px solid var(--z-border);box-shadow:none;color:rgb(var(--z-text))}
.tp-pop .tp-card:hover{border-color:var(--z-borderHi);background:var(--z-surface3)}
.tp-pop .tp-card[aria-pressed="true"]{border-color:rgb(var(--z-accent));box-shadow:0 0 0 1px rgb(var(--z-accent))}
.tp-sw{display:flex;height:22px;border-radius:calc(var(--z-radius-md) - 3px);overflow:hidden;border:1px solid rgb(127 127 127/.25)}
.tp-sw i{flex:1;display:block;width:auto;height:auto;margin:0;border-radius:0}.tp-sw i:first-child{flex:1.6}
.tp-name{font-size:.705882rem;line-height:1.2}
.tp-note{margin:10px 0 0;font-size:.588235rem;color:rgb(var(--z-muted));line-height:1.4}
.tp-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;border-radius:var(--z-radius-pill);background:var(--z-seg-bg);border:1px solid var(--z-seg-border)}
.tp-pop .tp-seg button{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 4px;font-size:.647059rem;border:0;border-radius:var(--z-radius-pill);background:transparent;box-shadow:none;color:var(--z-seg-text)}
.tp-pop .tp-seg button:hover{color:var(--z-seg-hover-text);background:var(--z-seg-hover-bg)}
.tp-pop .tp-seg button[aria-pressed="true"]{background:var(--z-seg-active-bg);color:var(--z-seg-active-text);box-shadow:var(--z-seg-active-shadow)}
.tp-dots{display:inline-flex;gap:2px}.tp-dots i{display:block;width:4px;height:10px;border-radius:1px;margin:0}
.tp-seg [data-mode="theme"] .up{background:rgb(var(--z-candle-up))}.tp-seg [data-mode="theme"] .dn{background:rgb(var(--z-candle-down))}
.tp-seg [data-mode="classic"] .up{background:#26a69a}.tp-seg [data-mode="classic"] .dn{background:#ef5350}
.tp-seg [data-mode="colorblind"] .up{background:#3b82f6}.tp-seg [data-mode="colorblind"] .dn{background:#f59e0b}
@media(max-width:550px){.tp-toggle{width:30px;height:30px;min-height:30px}}