/* CCC skins affect application chrome, never the video/canvas output. */
.ccc-skin-dialog[hidden]{display:none!important}
.ccc-skin-dialog{position:fixed!important;z-index:2147483000!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(680px,calc(100vw - 32px))!important;max-height:calc(100vh - 32px)!important;overflow:auto!important;box-sizing:border-box!important;padding:24px!important;border:1px solid var(--ccc-skin-border,#405674)!important;border-radius:16px!important;background:var(--ccc-skin-panel,#15283f)!important;color:var(--ccc-skin-ink,#edf3fc)!important;box-shadow:0 0 0 100vmax #0008,0 16px 70px #0007!important;font:15px/1.5 Segoe UI,Arial,sans-serif!important;text-align:left!important}
.ccc-skin-dialog *{box-sizing:border-box}
.ccc-skin-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ccc-skin-dialog h2{font:700 24px/1.3 Segoe UI,Arial,sans-serif!important;margin:0!important;color:inherit!important}
.ccc-skin-dialog p{font:14px/1.5 Segoe UI,Arial,sans-serif!important;color:var(--ccc-skin-muted,#b9c8dc)!important;margin:12px 0!important}
.ccc-skin-dialog button,.ccc-skin-trigger{font:600 14px/1.4 Segoe UI,Arial,sans-serif!important;min-height:42px!important;height:auto!important;white-space:normal!important;padding:10px 14px!important;border:1px solid var(--ccc-skin-border,#405674)!important;border-radius:8px!important;cursor:pointer!important;background:var(--ccc-skin-raised,#213751)!important;color:var(--ccc-skin-ink,#edf3fc)!important;text-decoration:none!important;box-shadow:none!important}
.ccc-skin-trigger{margin:6px 8px 6px 0!important;flex-shrink:0}
.ccc-skin-floating{position:fixed;right:20px;top:50px;z-index:9999}
.ccc-skin-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.ccc-skin-dialog .ccc-skin-choice{display:grid!important;gap:6px!important;width:100%!important;min-width:0!important;padding:14px!important;text-align:left!important;align-content:start!important}
.ccc-skin-choice[aria-pressed=true]{outline:3px solid var(--ccc-skin-accent,#c5a164)!important;outline-offset:1px}
.ccc-skin-choice strong{font-size:16px!important;color:inherit!important}
.ccc-skin-choice small{font:12px/1.4 Segoe UI,Arial,sans-serif!important;color:var(--ccc-skin-muted,#b9c8dc)!important;white-space:normal!important}
.ccc-skin-swatches{display:flex;gap:5px}.ccc-skin-swatches i{display:block;width:32px;height:20px;border:1px solid #8886;border-radius:4px}
.ccc-skin-dialog summary{cursor:pointer;font-weight:600}.ccc-skin-custom-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.ccc-skin-custom-form label{display:flex!important;justify-content:space-between;align-items:center;gap:10px;color:inherit!important;font-size:14px!important}
.ccc-skin-custom-form input[type=color]{width:60px!important;min-height:36px!important;padding:2px!important;border:1px solid var(--ccc-skin-border)!important}
.ccc-skin-dialog button:focus-visible,.ccc-skin-dialog input:focus-visible,.ccc-skin-trigger:focus-visible{outline:3px solid var(--ccc-skin-accent,#c5a164)!important;outline-offset:3px}
@media(max-width:480px){.ccc-skin-dialog{padding:18px!important}.ccc-skin-choices{grid-template-columns:1fr}.ccc-skin-custom-form{grid-template-columns:1fr}}

/* Studio */
html[data-ccc-skinned=true] body.ccw-real-studio-page,
html[data-ccc-skinned=true] body.ccw-real-studio-page .layout{background:var(--ccc-skin-bg)!important;color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true] body.ccw-real-studio-page header.top,
html[data-ccc-skinned=true] body.ccw-real-studio-page .layout>.side,
html[data-ccc-skinned=true] body.ccw-real-studio-page .layout>.center,
html[data-ccc-skinned=true] body.ccw-real-studio-page .tabs,
html[data-ccc-skinned=true] body.ccw-real-studio-page .transport,
html[data-ccc-skinned=true] body.ccw-real-studio-page .right .card,
html[data-ccc-skinned=true] body.ccw-real-studio-page .right details,
html[data-ccc-skinned=true] body.ccw-real-studio-page .ccc-studio-workspace-nav{background:var(--ccc-skin-panel)!important;border-color:var(--ccc-skin-border)!important;color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true] body.ccw-real-studio-page .scene,
html[data-ccc-skinned=true] body.ccw-real-studio-page .btn:not(.green):not(.red):not(.gold),
html[data-ccc-skinned=true] body.ccw-real-studio-page .tab,
html[data-ccc-skinned=true] body.ccw-real-studio-page #cccOauthBox,
html[data-ccc-skinned=true] body.ccw-real-studio-page #cccOauthBox button,
html[data-ccc-skinned=true] body.ccw-real-studio-page #cccOauthBox .cccD-row{background:var(--ccc-skin-raised)!important;border-color:var(--ccc-skin-border)!important;color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true] body.ccw-real-studio-page .scene.on,
html[data-ccc-skinned=true] body.ccw-real-studio-page .tab.on{background:var(--ccc-skin-highlight)!important;border-color:var(--ccc-skin-accent)!important;color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true] body.ccw-real-studio-page .btn.gold{background:var(--ccc-skin-accent)!important;border-color:var(--ccc-skin-accent)!important;color:var(--ccc-skin-on-accent)!important}
html[data-ccc-skinned=true] body.ccw-real-studio-page .layout h3,
html[data-ccc-skinned=true] body.ccw-real-studio-page header.top .brand small,
html[data-ccc-skinned=true] body.ccw-real-studio-page .ccc-studio-workspace-nav strong{color:var(--ccc-skin-accent)!important}
html[data-ccc-skinned=true] body.ccw-real-studio-page label,
html[data-ccc-skinned=true] body.ccw-real-studio-page .field>span,
html[data-ccc-skinned=true] body.ccw-real-studio-page .note,
html[data-ccc-skinned=true] body.ccw-real-studio-page .hint,
html[data-ccc-skinned=true] body.ccw-real-studio-page .ccc-studio-workspace-nav a{color:var(--ccc-skin-muted)!important}
html[data-ccc-skinned=true] body.ccw-real-studio-page .side input:not([type=checkbox]):not([type=range]):not([type=color]),
html[data-ccc-skinned=true] body.ccw-real-studio-page .side select,
html[data-ccc-skinned=true] body.ccw-real-studio-page .side textarea,
html[data-ccc-skinned=true] body.ccw-real-studio-page header.top select,
html[data-ccc-skinned=true] body.ccw-real-studio-page header.top input{background:var(--ccc-skin-raised)!important;border-color:var(--ccc-skin-border)!important;color:var(--ccc-skin-ink)!important}

/* Station Manager desktop shell */
html[data-ccc-skinned=true] body.ccc-station-shell{background:var(--ccc-skin-bg);color:var(--ccc-skin-ink)}
html[data-ccc-skinned=true] .ccc-station-shell aside,
html[data-ccc-skinned=true] .ccc-station-shell header,
html[data-ccc-skinned=true] .ccc-station-shell #upload-panel{background:var(--ccc-skin-panel)!important;border-color:var(--ccc-skin-border)!important;color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true] .ccc-station-shell button{background:var(--ccc-skin-raised)!important;border-color:var(--ccc-skin-border)!important;color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true] .ccc-station-shell button.gold{background:var(--ccc-skin-accent)!important;color:var(--ccc-skin-on-accent)!important}
html[data-ccc-skinned=true] .ccc-station-shell nav button.active{background:var(--ccc-skin-highlight)!important;border-color:var(--ccc-skin-accent)!important;color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true] .ccc-station-shell .brand strong{color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true] .ccc-station-shell .brand,
html[data-ccc-skinned=true] .ccc-station-shell nav small,
html[data-ccc-skinned=true] .ccc-station-shell .sidebar-foot span,
html[data-ccc-skinned=true] .ccc-station-shell #connection,
html[data-ccc-skinned=true] .ccc-station-shell #summary-detail,
html[data-ccc-skinned=true] .ccc-station-shell .empty p,
html[data-ccc-skinned=true] .ccc-station-shell .empty span,
html[data-ccc-skinned=true] .ccc-station-shell .job-detail,
html[data-ccc-skinned=true] .ccc-station-shell .job-file{color:var(--ccc-skin-muted)!important}
html[data-ccc-skinned=true] .ccc-station-shell .eyebrow,
html[data-ccc-skinned=true] .ccc-station-shell .empty strong,
html[data-ccc-skinned=true] .ccc-station-shell .job-status{color:var(--ccc-skin-accent)!important}
html[data-ccc-skinned=true] .ccc-station-shell .bar span{background:var(--ccc-skin-accent)!important}

/* Station administration pages, including the monitor and playout. */
html[data-ccc-skinned=true][data-ccc-skin-context=station] body{background:var(--ccc-skin-bg)!important;color:var(--ccc-skin-ink)!important;--ops-navy:var(--ccc-skin-panel);--ops-gold:var(--ccc-skin-accent);--ops-border:var(--ccc-skin-border);--ops-muted:var(--ccc-skin-muted)}
html[data-ccc-skinned=true][data-ccc-skin-context=station] .ccc247,
html[data-ccc-skinned=true][data-ccc-skin-context=station] .ccc247p{--ink:var(--ccc-skin-ink);--navy:var(--ccc-skin-ink);--gold:var(--ccc-skin-accent);--line:var(--ccc-skin-border);--muted:var(--ccc-skin-muted);--p-ink:var(--ccc-skin-ink);--p-muted:var(--ccc-skin-muted);--p-line:var(--ccc-skin-border);--p-gold:var(--ccc-skin-accent)}
html[data-ccc-skinned=true][data-ccc-skin-context=station] #adminmenuback,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #adminmenuwrap,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #adminmenu,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpadminbar{background:var(--ccc-skin-panel)!important;color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=station] #adminmenu a,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpadminbar a{color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content .ccc-tools-header,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content [class*="card"],
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content [class*="metric"],
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content .widefat,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content #ccc-home .ch-hero{background:var(--ccc-skin-panel)!important;border-color:var(--ccc-skin-border)!important;color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content h1,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content h2,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content h3,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content td{color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content .button{background:var(--ccc-skin-raised)!important;border-color:var(--ccc-skin-border)!important;color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content .button-primary{background:var(--ccc-skin-accent)!important;color:var(--ccc-skin-on-accent)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content #ccc-home .ch-hero p,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content .ccc-tools-header p{color:var(--ccc-skin-muted)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content #ccc-home .ch-eyebrow,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content .ccc-tools-eyebrow,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content #ccc-home .ch-metric strong,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content .ch-card-link{color:var(--ccc-skin-accent)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content [class*="metrics"]{background:transparent!important;border-color:transparent!important}
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content #ccc-home .ch-btn:not(.secondary){background:var(--ccc-skin-accent)!important;color:var(--ccc-skin-on-accent)!important;border-color:var(--ccc-skin-accent)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content .ch-shortcut,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content input:not([type=checkbox]):not([type=radio]):not([type=range]),
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content select,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content textarea,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content .widefat th{background:var(--ccc-skin-raised)!important;border-color:var(--ccc-skin-border)!important;color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content .widefat td,
html[data-ccc-skinned=true][data-ccc-skin-context=station] #wpbody-content .widefat tbody tr{background:var(--ccc-skin-panel)!important;border-color:var(--ccc-skin-border)!important;color:var(--ccc-skin-ink)!important}

/* Viewer player: keep the programme picture and its graphics untouched. */
html[data-ccc-skinned=true][data-ccc-skin-context=player] body{background:var(--ccc-skin-bg)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=player] #tvControls,
html[data-ccc-skinned=true][data-ccc-skin-context=player] #panel,
html[data-ccc-skinned=true][data-ccc-skin-context=player] #volumePanel,
html[data-ccc-skinned=true][data-ccc-skin-context=player] #exitPanel,
html[data-ccc-skinned=true][data-ccc-skin-context=player] #radioCard{background:var(--ccc-skin-panel)!important;border-color:var(--ccc-skin-border)!important;color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=player] #tvControls button,
html[data-ccc-skinned=true][data-ccc-skin-context=player] #panelClose,
html[data-ccc-skinned=true][data-ccc-skin-context=player] #volumeDone,
html[data-ccc-skinned=true][data-ccc-skin-context=player] #exitPanel button{background:var(--ccc-skin-raised)!important;border-color:var(--ccc-skin-border)!important;color:var(--ccc-skin-ink)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=player] #tvControls button.selected,
html[data-ccc-skinned=true][data-ccc-skin-context=player] #tvControls button.tv-focus{background:var(--ccc-skin-accent)!important;color:var(--ccc-skin-on-accent)!important;border-color:var(--ccc-skin-accent)!important}
html[data-ccc-skinned=true][data-ccc-skin-context=player] #tvControls button:disabled{opacity:.65}
html[data-ccc-skinned=true][data-ccc-skin-context=player] #tvHelp,
html[data-ccc-skinned=true][data-ccc-skin-context=player] #tvVersion,
html[data-ccc-skinned=true][data-ccc-skin-context=player] #radioCard p{color:var(--ccc-skin-muted)!important}

/* The extra control must stay readable in small desktop windows. */
.desktop-player #tvControls{height:auto!important;max-height:calc(100% - 72px)!important;overflow:auto!important}
.desktop-player #tvControls .tv-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px!important}
.desktop-player #tvControls .action-row{grid-template-columns:repeat(8,minmax(0,1fr))}
.desktop-player #tvControls button{height:auto!important;min-height:44px!important;white-space:normal!important;line-height:1.3!important;padding:8px!important}
.desktop-player #tvHelp{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 14px}.desktop-player #tvVersion{float:none!important}
.desktop-player #video,.desktop-player #radioCard,.desktop-player #offAir{height:max(0px,calc(100% - var(--ccc-controls-space,178px)))!important}
@media(max-width:1100px){.desktop-player #tvControls .action-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.desktop-player #tvControls .channel-row,.desktop-player #tvControls .action-row{grid-template-columns:repeat(3,minmax(0,1fr))}}