/* One primary creation action in navigation and in immersive page headers. */
html[data-theme] .nav{grid-template-columns:repeat(5,minmax(0,1fr))}
html[data-theme] .nav [data-nav=tickets]{background:#b42340;color:#fff;border:0;border-radius:16px;box-shadow:0 3px 12px #b4234033;font-weight:800}
html[data-theme] .nav [data-nav=tickets] i{background:none;color:inherit}
html[data-theme] .nav [data-nav=tickets] span{white-space:normal;line-height:1.15;font-size:10px;overflow:visible}
html[data-theme] .nav [data-nav=tickets]:hover{background:#991b34}
html[data-theme] .ticket-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:44px;padding:9px 12px;border:0;border-radius:12px;background:#b42340;color:white;font:750 13px/1.2 system-ui;cursor:pointer;text-decoration:none;white-space:nowrap}
.ticket-primary svg{width:21px;height:21px;flex-shrink:0}
.ticket-primary:focus-visible{outline:2px solid var(--tx);outline-offset:3px}
.ticket-primary:hover{filter:brightness(1.08)}
#ritm-ticket-create-entry{display:none}
html[data-theme] #full.ritm-player-pro>.top{grid-template-columns:auto minmax(0,1fr) auto 44px}
html[data-theme] #full>.top .ticket-primary{grid-column:3;grid-row:1}
html[data-theme] #full>.top .player-header-minimize{grid-column:4}
html[data-theme] #full>.player-picture-controls>.ticket-primary-icon{display:none}
html[data-theme] #full.ritm-player-expanded>.player-picture-controls>.ticket-primary-icon{display:flex}
.ticket-primary-icon span{display:none}
html[data-theme] .vw>.vh>b{flex:1;min-width:0}
html[data-theme] .watch-page-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:16px}
.watch-page-bar>.ticket-primary{justify-self:end}
.video-directory-head h2,.studio-head h2{flex:1;min-width:0}
@media(max-width:1099px){
 html[data-theme] #full.ritm-player-pro>.top{grid-template-columns:auto minmax(0,1fr) 44px}
 html[data-theme] #full>.top #np{display:none}
 html[data-theme] #full>.top .ticket-primary{grid-column:2;grid-row:1;justify-self:end;max-width:100%;white-space:normal}
 html[data-theme] #full>.top .player-header-minimize{grid-column:3}
 html[data-theme] #full>.top .workspace-search{grid-column:1/-1;grid-row:2}
}
@media(max-width:600px){
 html[data-theme] .watch-page-bar{grid-template-columns:minmax(0,1fr) auto;gap:10px}
 .watch-page-bar .watch-search{grid-column:1/-1;grid-row:2}
 .watch-page-bar .watch-brand{gap:8px;justify-content:flex-start}
 .watch-page-bar .watch-brand b{font-size:16px}
 .watch-page-bar .watch-brand b span{display:none}
 html[data-theme] :is(.vh,.studio-head,.video-directory-head)>.ticket-primary{font-size:11px;padding:8px;gap:5px}
 html[data-theme] .video-directory-head{gap:8px}
 .video-directory-head h2{font-size:18px}
}
@media(min-width:700px) and (max-width:1099px) and (max-height:599px){
 html[data-theme] #full.ritm-player-pro:not(.ritm-player-expanded)>.top{grid-template-columns:auto minmax(0,1fr) auto 44px}
 html[data-theme] #full.ritm-player-pro:not(.ritm-player-expanded)>.top .workspace-search{grid-column:2;grid-row:1}
 html[data-theme] #full.ritm-player-pro:not(.ritm-player-expanded)>.top .ticket-primary{grid-column:3}
 html[data-theme] #full.ritm-player-pro:not(.ritm-player-expanded)>.top .player-header-minimize{grid-column:4}
}

@media(min-width:1100px){#ritm-desktop-nav>.desktop-create{margin:0 0 24px;flex-shrink:0;font-weight:800;min-height:54px}}

/* 109: ticket creation is second; the central plus opens music/video publishing. */
html[data-theme].ritm-listener .nav [data-nav=studio]{display:flex!important}
html[data-theme] .nav [data-nav=studio]{background:transparent;color:var(--tx);font-weight:750}
html[data-theme] .nav [data-nav=studio] i{width:42px;height:32px;background:#b42340;color:#fff;border-radius:12px}
html[data-theme] .nav [data-nav=studio] svg{width:25px;height:25px}
html[data-theme] .nav [data-nav=tickets] span{white-space:nowrap;font-size:11px}

/* 110: E-Tiket uses the same neutral navigation treatment; plus stays primary. */
html[data-theme] .nav [data-nav=tickets]{background:transparent;color:var(--mu);box-shadow:none;font-weight:600;border-radius:14px}
html[data-theme] .nav [data-nav=tickets]:hover{background:var(--active-red-bg);color:var(--active-red)}
