.svn { display: inline-flex; align-items: center; flex: 0 0 auto; height: 36px; border-radius: 999px; border: 1px solid var(--border, rgba(15,23,42,.12)); background: var(--surface-2, rgba(99,102,241,.05)); overflow: hidden; animation: svn-in .25s ease-out; }
.svn[hidden] { display: none; }
@keyframes svn-in { from { opacity: 0; transform: translateX(-6px); } to { opacity: 1; transform: none; } }
.svn button { height: 100%; display: inline-flex; align-items: center; gap: 4px; background: none; border: 0; color: var(--text, inherit); cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; }
.svn-back { padding: 0 10px 0 7px; max-width: 190px; }
.svn-t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.svn-more { padding: 0 9px; border-left: 1px solid var(--border, rgba(15,23,42,.12)) !important; color: var(--muted, #64748b) !important; }
.svn button:hover { background: rgba(99,102,241,.08); }
.svn button:focus-visible { outline: 2px solid var(--accent, #6366f1); outline-offset: -2px; }
.svn-menu { position: fixed; z-index: 90; width: 260px; padding: 6px; border-radius: 16px; border: 1px solid var(--border, rgba(15,23,42,.12)); background: var(--surface, #fff); box-shadow: 0 18px 50px rgba(15,23,42,.18); animation: svn-in .18s ease-out; }
.svn-mh { font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--muted, #64748b); padding: 6px 10px 4px; }
.svn-menu button { display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding: 8px 10px; border: 0; border-radius: 10px; background: none; color: var(--text, inherit); font: inherit; text-align: left; cursor: pointer; }
.svn-menu button span { font-size: 13.5px; font-weight: 700; }
.svn-menu button small { font-size: 11.5px; color: var(--muted, #64748b); }
.svn-menu button:hover { background: rgba(99,102,241,.08); }
.svn-empty { padding: 10px; font-size: 13px; color: var(--muted, #64748b); }
@media (max-width: 1023px) { .svn-back { max-width: 130px; } }
@media (max-width: 639px) { .svn-t { display: none; } .svn-back { padding: 0 8px; } .svn { height: 34px; } }
header.glass.sticky { min-width: 0; }
header.glass.sticky > button.max-w-md { min-width: 0; flex: 1 1 auto; }
header.glass.sticky > .ml-auto { flex-shrink: 0; }
@media (max-width: 1279px) { .svn-back { max-width: 120px; } }