/* Přepínač segmentů v záložce hubu (core/seg-switch.js) — jeden styl pro Hudbu „Fronta | Moje“ i Sabotáž
   „Sabotáže | Fronta“. Okraje si nastaví místo použití. */
.uc-seg { flex: none; display: flex; gap: 2px; background: var(--bg-secondary, #18181b); border-radius: 8px; padding: 2px; }
.uc-seg button { flex: 1; border: 0; background: transparent; color: var(--text-secondary, #adadb8); font: inherit; font-size: 12px; font-weight: 700; padding: 5px 0; border-radius: 6px; cursor: pointer; }
.uc-seg button.on { background: var(--bg-hover, #26262c); color: var(--text-primary, #efeff1); }
.uc-seg.uc-slide-host { isolation: isolate; }
.uc-seg.uc-slide-host button { position: relative; z-index: 1; }
.uc-seg.uc-slide-host button.on { background: transparent; }
.uc-slide-ind.uc-slide-ind--seg { border: 0; border-radius: 6px; background: var(--bg-hover, #26262c); }
.uc-seg .n { color: var(--text-muted, #848494); font-weight: 600; margin-left: 3px; }
.uc-seg[hidden] { display: none; }
.uc-seg-fade { animation: uc-seg-fade .2s ease-out; }
@keyframes uc-seg-fade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .uc-seg-fade { animation: none; } }
/* Kompaktní varianta v nastavení Rozhraní (Nahoře / Dole / Vypnuto; pokyn usera 2026-10-30: výraznější a menší, na jeden
   řádek s popiskem) — addon #settings i web #settings-menu. Tmavší dráha s obrysem (nesplývá s pozadím nastavení),
   aktivní segment v oranžové UnityChatu. */
.uc-set-seg.uc-seg { flex: none; gap: 1px; background: var(--bg-primary, #0e0e10); box-shadow: inset 0 0 0 1px var(--border, #333); border-radius: 7px; }
.uc-set-seg.uc-seg button { flex: none; font-size: 11.5px; line-height: 1.2; padding: 3px 9px; border-radius: 5px; transition: color .15s; }
.uc-set-seg.uc-seg button:not(.on):hover { color: var(--text-primary, #efeff1); }
.uc-set-seg.uc-seg button.on { color: #ffb347; }
.uc-set-seg .uc-slide-ind.uc-slide-ind--seg { border-radius: 5px; background: rgba(255, 140, 0, 0.16); box-shadow: inset 0 0 0 1px rgba(255, 140, 0, 0.55); }