/* v62 – sjednocená a přehlednější Režie */
#direction,#direction *{font-family:"Segoe UI",Arial,sans-serif;box-sizing:border-box}
#direction{--dir-navy:#13243a;--dir-blue:#1267d5;--dir-red:#c91638;--dir-line:#d9e2ed;--dir-muted:#68758a}
#direction .title h1{font-size:30px;line-height:1.1;letter-spacing:-.025em}
#direction .title small{font-size:10px;font-weight:800;letter-spacing:.15em}
#direction h2{font-size:18px;line-height:1.2;color:var(--dir-navy)}
#direction p{font-size:14px;line-height:1.48;color:var(--dir-muted)}
#direction button,#direction input,#direction select{font-size:14px}

#direction .directorTools{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
#direction .directorTools>article{
  min-height:230px;padding:22px;border:1px solid var(--dir-line);border-radius:14px;
  background:#fff;box-shadow:0 7px 22px rgba(25,45,72,.06)
}
#direction .directorTools>article h2{margin:0 0 7px}
#direction .directorTools>article p{margin:0 0 17px;min-height:42px}
#direction .directorTools input,#direction .directorTools select{
  min-height:44px;padding:10px 13px;border:1px solid #cbd7e5;border-radius:8px;background:#fff;color:#15263c
}
#direction .directorTools button,#direction #directorLogo,#direction .directorHead button{
  min-height:44px;padding:10px 15px;border:0;border-radius:8px;font-weight:800
}

/* Rozbalovací panel s méně často používaným nastavením kostky. */
#direction .directorAdvanced{
  grid-column:1/-1;overflow:hidden;border:1px solid #cbd7e5;border-radius:14px;
  background:#f7f9fc;box-shadow:0 7px 22px rgba(25,45,72,.06)
}
#direction .directorAdvanced>summary{
  min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:16px 20px;list-style:none;cursor:pointer;background:linear-gradient(110deg,#13243a,#253d5d);color:#fff
}
#direction .directorAdvanced>summary::-webkit-details-marker{display:none}
#direction .directorAdvanced>summary span{display:grid;gap:4px}
#direction .directorAdvanced>summary b{font-size:18px;line-height:1.15}
#direction .directorAdvanced>summary small{font-size:12px;color:#b8c6d8}
#direction .directorAdvanced>summary i{
  width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:50%;
  background:rgba(255,255,255,.11);font-size:25px;font-style:normal;transition:transform .2s ease
}
#direction .directorAdvanced[open]>summary i{transform:rotate(180deg)}
#direction .directorAdvancedBody{display:grid;grid-template-columns:1fr;gap:14px;padding:16px}
#direction .directorAdvancedBody article{
  display:block!important;min-height:0!important;padding:20px!important;border:1px solid var(--dir-line)!important;
  border-radius:12px!important;background:#fff!important;box-shadow:none!important
}
#direction .directorAdvancedBody article h2{margin:0 0 6px!important}
#direction .directorAdvancedBody article p{min-height:0!important;margin:0 0 15px!important}

/* Horní pás v jedné čitelné řadě. */
#direction .tickerSceneControls{
  display:grid;grid-template-columns:auto auto minmax(180px,1fr) auto auto auto;
  align-items:center;gap:8px;margin:0
}
#direction .tickerSceneControls>b{font-size:11px;color:#7b899c;letter-spacing:.13em}
#direction .tickerSceneControls input{height:44px!important;border-radius:8px!important;background:#f8fafc!important;color:#14243a!important}
#direction .tickerSceneControls button{height:44px!important;min-height:44px!important;border-radius:8px!important}
#direction #tickerStatus{display:block;margin-top:10px;font-size:12px}

/* Spodní část kostky jako kompaktní volba. */
#direction .scoreboardThemeControl{grid-column:auto!important}
#direction .scoreboardThemeButtons{display:flex;gap:9px;max-width:390px}
#direction .scoreboardThemeButtons button{flex:1;background:#13243a;color:#fff}
#direction .scoreboardThemeButtons button.active,#direction .scoreboardThemeButtons button.selected{background:var(--dir-red)!important}

/* Knihovna a pevný přehrávač používají stejné písmo a rytmus. */
#direction .directorHead{margin-top:28px}
#direction .directorHead h2{margin:0}
#direction .directorFolder,#direction .directorFolderTiles>button,#direction .directorAsset{border-radius:12px}
#direction .directorAssetBody b,#direction .directorNow strong{font-weight:700}
#direction .directorPlayer{font-family:"Segoe UI",Arial,sans-serif}
#direction .directorTransport button{font-family:inherit;font-weight:800}

@media(max-width:1050px){
  #direction .tickerSceneControls{grid-template-columns:auto auto minmax(150px,1fr) auto}
  #direction #tickerVut{grid-column:1/3}
  #direction #tickerHide{grid-column:3/5}
}
@media(max-width:950px){
  #direction .directorTools{grid-template-columns:1fr}
  #direction .directorTools>article{min-height:0}
}
@media(max-width:650px){
  #direction .directorAdvanced>summary{padding:14px 16px}
  #direction .directorAdvancedBody{padding:10px}
  #direction .tickerSceneControls{grid-template-columns:1fr 1fr}
  #direction .tickerSceneControls>b{grid-column:1/-1}
  #direction .tickerSceneControls input{grid-column:1/-1}
  #direction #tickerVut,#direction #tickerHide{grid-column:auto}
  #direction .scoreboardThemeButtons{max-width:none}
}