.header-nav{display:flex;align-items:center;gap:14px}
.header-nav>a,.header-nav summary{color:white;font-weight:750;text-decoration:none;cursor:pointer}
.header-nav details{position:relative}
.header-nav details>div{position:absolute;right:0;top:30px;z-index:20;width:190px;padding:8px;background:var(--card);border:1px solid var(--line);box-shadow:4px 5px 15px #0004}
.header-nav details a{display:block;padding:9px;color:var(--ink);text-decoration:none}
.header-nav details form{margin:0}.header-logout{display:block;width:100%;min-height:0;padding:9px;background:transparent;color:var(--red);text-align:left;justify-content:flex-start}
.brand-logo-frame{position:relative;display:block;width:88px;height:56px;overflow:hidden;border-radius:4px;background:#111}.brand-logo{position:absolute;width:106px;height:106px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.brand>span:last-child{font-size:13px}.header-nav>form{margin:0}.header-logout-light{width:auto;color:white;border:1px solid #ffffff66}.header-login{padding:9px 14px;border:1px solid #ffffff66;border-radius:2px}
.header-nav summary{list-style:none}
.header-nav summary::-webkit-details-marker{display:none}
.muted{color:var(--muted)}
.advanced-panel{margin-top:28px;border:1px solid var(--line);background:var(--card);padding:16px}
.advanced-panel>summary{cursor:pointer;font-weight:800}
.restore-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.tv-button{background:#244d78}
@media(max-width:560px){header{height:auto;min-height:74px}.brand-logo-frame{width:72px;height:48px}.brand-logo{width:90px;height:90px}.brand>span:last-child{display:none}.header-nav{gap:9px;font-size:13px}.header-nav details>div{width:170px}}
