/* Provider controls remain recognizable wherever sign-in is offered. */
body{--kick-brand:#53fc18;--twitch-brand:#9146ff}
a:is(.chat-signin,.primary-button,.secondary-button,.account-login,.clip-action)[href^="/api/creator/kick/start"],
body[data-provider="kick"] .auth-box .primary-button{background:#53fc18!important;border-color:#53fc18!important;color:#102008!important;box-shadow:none}
a:is(.chat-signin,.primary-button,.secondary-button,.account-login,.clip-action)[href^="/api/creator/twitch/start"],
body[data-provider="twitch"] .auth-box .primary-button{background:#9146ff!important;border-color:#9146ff!important;color:#fff!important;box-shadow:none}
a:is(.chat-signin,.primary-button,.secondary-button,.account-login,.clip-action)[href^="/api/creator/kick/start"]:hover,
body[data-provider="kick"] .auth-box .primary-button:hover{background:#79ff4a!important}
a:is(.chat-signin,.primary-button,.secondary-button,.account-login,.clip-action)[href^="/api/creator/twitch/start"]:hover,
body[data-provider="twitch"] .auth-box .primary-button:hover{background:#a56bff!important}
.watch-page[data-chat-provider="kick"] .channel-platform-link{color:#a9ef91;border-color:#53fc184d;background:#53fc180b}
.watch-page[data-chat-provider="kick"] .channel-platform-link .platform-mark{color:#53fc18}
.watch-page[data-chat-provider="kick"] .channel-platform-link:hover{color:#c8ffb6;border-color:#53fc1899;background:#53fc181a}
.watch-page[data-chat-provider="twitch"] .channel-platform-link{color:#c9afff;border-color:#9146ff66;background:#9146ff12}
.watch-page[data-chat-provider="kick"] #chatConnection.connected i{background:#53fc18;box-shadow:0 0 6px #53fc1833}
.watch-page[data-chat-provider="twitch"] #chatConnection.connected i{background:#9146ff}
.watch-page .chat-account{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}
.watch-page .chat-account[hidden]{display:none}
.watch-page .chat-account strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.watch-page .chat-logout{flex:none;min-height:28px;padding:4px 0 4px 8px;border:0;background:transparent;color:#bbc0b2;font:inherit;font-size:11px;cursor:pointer}
.watch-page[data-chat-provider="kick"] .chat-logout:hover{color:#53fc18}
.watch-page[data-chat-provider="twitch"] .chat-logout:hover{color:#c9afff}
.watch-page .chat-logout:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:3px}
.watch-page .chat-form-status.is-restriction{display:grid;gap:4px;max-width:100%;margin:8px 0 0;padding:10px 12px;border:1px solid #d8b36a38;border-radius:7px;background:#d8b36a0a;color:#b9bcad;line-height:1.5;overflow-wrap:anywhere}
.watch-page .chat-form-status.is-restriction strong{color:#e8c58a;font-size:12px;font-weight:750}
.watch-page .chat-form-status.is-restriction span{font-size:11px}
/* The language picker takes the old account menu's right-hand position. */
@media(max-width:900px){
 .site-header .header-inner{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand language"!important}
 .home-page .site-header .header-inner{grid-template-areas:"brand language" "nav nav"!important}
 .site-header .header-inner>.chunjo-language{justify-self:end}
}

/* One balanced header row: logo, Partners, language. */
.site-header .header-inner>.header-nav{min-width:0;align-self:center;align-items:center}
@media(min-width:901px){
 .site-header .header-inner>.brand{margin-inline-end:8px}
 .site-header .header-inner{column-gap:18px!important}
}
@media(max-width:900px){
 body .site-header .header-inner{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"brand nav language"!important;column-gap:clamp(8px,2vw,18px)!important;row-gap:0!important;padding-inline:clamp(10px,2.5vw,20px)!important}
 body .site-header .header-inner>.brand{grid-area:brand;margin:0!important;max-width:clamp(120px,35vw,196px)}
 body .site-header .header-inner>.header-nav{display:flex!important;grid-area:nav!important;grid-column:2!important;grid-row:1!important;justify-self:start;align-self:center;gap:0;margin:0;min-width:0}
 body .site-header .header-inner>.chunjo-language{grid-area:language;justify-self:end}
 body .site-header .partners-nav>summary{min-height:38px;display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}
 body .site-header .partners-nav:not(.partners-inline){position:static}
 body .site-header .partners-nav:not(.partners-inline)>.partners-list{top:calc(100% + 4px);left:auto;right:12px;width:min(280px,calc(100vw - 24px));max-width:calc(100vw - 24px)}
}
@media(max-width:360px){
 body .site-header .header-inner>.brand{max-width:120px}
 body .site-header .partners-nav>summary{font-size:11px;gap:4px}
}
