/* Livecam page layout and control panel styles. */
.livecam-layout{display:grid;grid-template-columns:1fr;gap:0;align-items:start;min-width:0}
.livecam-layout--full{max-width:100%;padding:0}
.livecam-main{width:100%;min-height:calc(100vh - 118px);padding:.85rem clamp(.8rem,2vw,1.5rem) 1.15rem;display:flex;flex-direction:column;min-width:0;overflow-x:clip}

.onair-panel{
  display:flex;
  align-items:flex-start;
  gap:.6rem;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:linear-gradient(145deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  padding:.55rem .62rem;
  margin-bottom:.9rem;
  box-shadow:var(--shadow-md);
  min-width:0;
}
.onair-panel_sub
{
  display:flex;
  align-items:center;
}
.onair-panel__signal
{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.35rem;
  flex-shrink:0;
}
.onair-panel__light
{
  width:34px;
  height:34px;
  border-radius:50%;
  border:2px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
}

.onair-panel__slideshow-btn{
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--ink-elev);
  color:var(--text-soft);
  padding:.4rem .52rem;
  font-family:var(--font-mono);
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  
}
.onair-panel__slideshow-btn:hover:not(:disabled),.onair-panel__slideshow-btn:focus-visible{border-color:var(--gold);color:var(--gold-soft)}
.onair-panel__slideshow-btn:disabled{opacity:.55;cursor:not-allowed}
.onair-panel__qr{width:140px;height:140px;border-radius:10px;border:1px solid var(--line);background:#ffffff;padding:.22rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.onair-panel__qr-image{width:100%;height:100%;object-fit:contain;border-radius:6px}
.onair-panel__text
{
  margin: 10px;
  flex:1;
  min-width:0
  
}
.onair-panel__status-row{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}
.onair-panel__eyebrow{margin:0}
.onair-panel__status{margin:0;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;color:var(--text-dim)}
.onair-panel[data-state="live"] .onair-panel__status{color:#f07f8d}
.onair-panel__hint{margin:.05rem 0 0;color:var(--text-soft);font-size:.76rem}

.livecam-browser{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
.folder-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-panel);padding:.85rem;display:flex;flex-direction:column;min-width:0}
.folder-list
{
  display:flex;
  flex-direction:column;
  gap:.55rem;flex:1;
  min-height:360px;
  overflow:auto;
}
.folder-panel--inline{width:auto;flex:1 1 520px;min-width:0;padding:.5rem;overflow:hidden}
.folder-panel--inline .folder-list{flex-direction:row;flex-wrap:nowrap;min-height:0;overflow-x:auto;overflow-y:hidden;padding:.1rem 0 .2rem;gap:.55rem}
.folder-panel--inline .folder-card{flex:0 0 220px}

.folder-card{width:220px;max-width:100%;border:1px solid var(--line);border-radius:10px;background:var(--ink-elev);padding:.42rem;display:grid;grid-template-columns:1fr;gap:.36rem}
.folder-card.is-active{border-color:var(--gold)}
.folder-card__select{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--ink-panel);color:var(--text);display:flex;align-items:center;gap:.45rem;text-align:left;padding:.48rem .52rem;min-width:0}
.folder-card__select:hover,.folder-card__select:focus-visible{border-color:var(--gold);background:rgba(216,168,90,.12)}
.folder-card__icon{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.07em;color:var(--text-dim);border:1px solid var(--line);border-radius:4px;padding:.08rem .28rem;flex-shrink:0}
.folder-card__details{display:flex;flex-direction:column;gap:.18rem;min-width:0;flex:1}
.folder-card__name{font-size:.81rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.folder-card__count{font-size:.7rem;line-height:1.2;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.03em}
.folder-card__download{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--ink-panel);color:var(--text-soft);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;padding:.36rem .45rem}
.folder-card__download:hover,.folder-card__download:focus-visible{border-color:var(--gold);color:var(--gold-soft)}
.folder-card__download.is-loading{opacity:.65;pointer-events:none}

@media (max-width:900px){
  .livecam-main{min-height:auto;padding:.72rem .85rem 1rem}
  .onair-panel{flex-wrap:wrap}
  .onair-panel__signal{order:2}
  .onair-panel__qr{width:100px;height:100px}
  .folder-panel--inline{width:100%}
}

/* Scrollbar theming */
::-webkit-scrollbar{
  width:10px;
  height:10px;
}

::-webkit-scrollbar-track{
  background:var(--ink-soft);
}

::-webkit-scrollbar-thumb{
  background:var(--line);
  border-radius:5px;
  transition:background .2s ease;
}

::-webkit-scrollbar-thumb:hover{
  background:var(--gold-soft);
}

/* Firefox scrollbar */
* {
  scrollbar-color: var(--gold-soft) var(--ink-soft);
  scrollbar-width: thin;
}