/* public/offline.css
   Offline rezim: tlacidlo "Stiahnut", stavy stiahnutia, view "Stiahnute"
   a offline banner. Pouziva existujuce CSS premenne zo style.css. */

/* ---- tlacidlo pri epizode (v .ep-actions / .ec-actions) ---- */
.ofl-btn { position: relative; }
.ofl-btn .ofl-ico,
.ofl-inline-ico {
  width: 16px; height: 16px;
  display: inline-flex; vertical-align: middle;
}
.ofl-inline-ico svg { width: 14px; height: 14px; }

.ofl-btn.saved  { color: var(--accent); }
.ofl-btn.stale  { color: #d9a13b; }            /* autor nahral novu verziu */
.ofl-btn.locked { color: var(--text-muted); opacity: .75; }

.ofl-btn.busy {
  cursor: default; opacity: .9;
  transform: none !important;
}
.ofl-pct {
  font-size: .68rem; font-weight: 700; letter-spacing: .02em;
  min-width: 30px; display: inline-block; text-align: center;
  color: var(--accent); font-variant-numeric: tabular-nums;
}

/* ---- view "Stiahnute" ---- */
.ofl-usage-card { padding: 12px 16px; }
.ofl-usage-card .muted { font-size: .85rem; }

/* ---- offline banner (rozsiruje existujuci .banner) ---- */
.banner.ofl-banner {
  background: var(--surface-light);
  color: var(--text);
  border-bottom: 1px solid var(--border);
}
.banner.ofl-banner.online {
  background: var(--accent);
  color: var(--accent-ink);
}