/* 13.8.1 schedule module rewrite
 * WYŁĄCZNIE ramówka. Oddzielny styl bez zależności od starych kart/modali.
 * Zewnętrzna karta pozostaje ciemna.
 * W modalu aktualna pozycja ma biały wariant.
 */

.rk-nowSchedule{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.rk-nowSchedule__card,
.rk-nextSchedule__card{width:100%;display:grid;grid-template-columns:86px 54px minmax(0,1fr) 18px;gap:14px;align-items:center;padding:14px 16px;border-radius:22px;border:1px solid rgba(93,176,196,.18);background:linear-gradient(180deg,rgba(8,51,67,.96),rgba(6,40,54,.94));color:#eef8fb;box-shadow:0 14px 28px rgba(0,0,0,.16);position:relative;overflow:hidden;cursor:pointer;text-align:left}
.rk-nowSchedule__card:hover,.rk-nextSchedule__card:hover{border-color:rgba(113,205,222,.34);box-shadow:0 18px 34px rgba(0,0,0,.18)}
.rk-nowSchedule__time,.rk-nextSchedule__time{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;padding:8px 10px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(93,176,196,.14);color:#f2fbfe;font-size:12px;font-weight:800;line-height:1.2;text-align:center}
.rk-nowSchedule__avatar,.rk-nextSchedule__avatar{width:52px;height:52px;border-radius:14px;object-fit:cover;background:linear-gradient(180deg,rgba(26,105,124,.88),rgba(16,74,90,.96));display:flex;align-items:center;justify-content:center;color:#eff8fb;font-size:21px;font-weight:800}
.rk-nowSchedule__body,.rk-nextSchedule__body{min-width:0;display:flex;flex-direction:column;gap:2px}
.rk-nowSchedule__eyebrow,.rk-nextSchedule__eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#89d8e6}
.rk-nowSchedule__host,.rk-nextSchedule__host{display:block;font-size:14px;font-weight:700;line-height:1.2;color:#a9e7f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-nowSchedule__title,.rk-nextSchedule__title{display:block;font-size:20px;font-weight:900;line-height:1.15;color:#f7efbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-nowSchedule__chev,.rk-nextSchedule__chev{font-size:18px;color:#b6d5de}
.rk-nextSchedule__card{grid-template-columns:90px 54px minmax(0,1fr) 18px;background:linear-gradient(180deg,rgba(8,42,56,.76),rgba(6,34,47,.72))}
.rk-nextSchedule__title{font-size:17px;color:#edf6f7}
.rk-nextSchedule__host{font-size:13px;color:#8fdbea}

.rk-modal[data-rk="modalSchedule"] .rk-modal__dialog--schedule{background:linear-gradient(180deg,rgba(6,31,43,.98),rgba(5,24,35,.96));border:1px solid rgba(93,176,196,.16)}
.rk-modal[data-rk="modalSchedule"] .rk-modal__body--schedule{padding:12px 16px 22px;background:linear-gradient(180deg,rgba(7,31,43,.96),rgba(5,24,35,.92))}
.rk-modal[data-rk="modalSchedule"] .rk-scheduleTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:2px 0 14px;border-bottom:1px solid rgba(93,176,196,.12);margin-bottom:16px;position:sticky;top:0;background:linear-gradient(180deg,rgba(7,31,43,.98),rgba(7,31,43,.95));z-index:6}
.rk-modal[data-rk="modalSchedule"] .rk-scheduleTab{min-height:52px;padding:10px 12px;border-radius:18px;border:1px solid rgba(93,176,196,.18);background:linear-gradient(180deg,rgba(16,54,69,.96),rgba(12,43,57,.94));color:#edf8fb;font-size:14px;font-weight:800;transition:.18s ease}
.rk-modal[data-rk="modalSchedule"] .rk-scheduleTab:hover,.rk-modal[data-rk="modalSchedule"] .rk-scheduleTab:focus-visible{transform:translateY(-1px);background:linear-gradient(180deg,rgba(21,84,102,.98),rgba(14,64,79,.96));outline:none}
.rk-modal[data-rk="modalSchedule"] .rk-scheduleTab.is-active{background:linear-gradient(180deg,rgba(23,110,130,.9),rgba(16,79,96,.95));border-color:rgba(128,217,234,.46);box-shadow:0 12px 24px rgba(0,0,0,.14)}
.rk-modal[data-rk="modalSchedule"] .rk-schedulePanel{display:none;gap:10px}
.rk-modal[data-rk="modalSchedule"] .rk-schedulePanel.is-active{display:grid}
.rk-scheduleMobilePicker{display:none}

/* NOWA belka pozycji ramówki */
.rk-modal[data-rk="modalSchedule"] .rk-schRow{position:relative;display:grid;grid-template-columns:108px 54px minmax(0,1fr) 18px;gap:14px;align-items:center;padding:14px 16px;border-radius:22px;background:linear-gradient(180deg,rgba(8,51,67,.96),rgba(6,40,54,.94));border:1px solid rgba(93,176,196,.16);box-shadow:0 10px 24px rgba(0,0,0,.10);overflow:hidden;cursor:pointer;text-align:left}
.rk-modal[data-rk="modalSchedule"] .rk-schRow::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:999px;background:var(--rk-schedule-color,#1fb5a9)}
.rk-modal[data-rk="modalSchedule"] .rk-schRow:hover{border-color:rgba(112,203,221,.28);box-shadow:0 14px 28px rgba(0,0,0,.14)}
.rk-modal[data-rk="modalSchedule"] .rk-schRow.is-now{background:linear-gradient(180deg,rgba(249,251,252,.99),rgba(240,244,246,.98));border-color:rgba(255,255,255,.56)}
.rk-modal[data-rk="modalSchedule"] .rk-schRow__time{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;padding:8px 12px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(93,176,196,.14);color:#eef8fb;font-size:12px;font-weight:800;line-height:1.2}
.rk-modal[data-rk="modalSchedule"] .rk-schRow.is-now .rk-schRow__time{background:rgba(14,48,62,.08);border-color:rgba(14,48,62,.12);color:#14303e}
.rk-modal[data-rk="modalSchedule"] .rk-schRow__avatar{width:54px;height:54px;border-radius:16px;object-fit:cover;background:linear-gradient(180deg,rgba(26,105,124,.88),rgba(16,74,90,.96));display:flex;align-items:center;justify-content:center;color:#eff8fb;font-size:22px;font-weight:800}
.rk-modal[data-rk="modalSchedule"] .rk-schRow__body{min-width:0;display:flex;flex-direction:column;gap:2px}
.rk-modal[data-rk="modalSchedule"] .rk-schRow__host{display:block;font-size:13px;font-weight:800;letter-spacing:.04em;color:#92dcea;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-modal[data-rk="modalSchedule"] .rk-schRow__title{display:block;font-size:19px;font-weight:900;line-height:1.15;color:#f4edbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-modal[data-rk="modalSchedule"] .rk-schRow__sub{display:block;font-size:13px;line-height:1.35;color:#cfe8ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-modal[data-rk="modalSchedule"] .rk-schRow.is-now .rk-schRow__host{color:#2b7386}
.rk-modal[data-rk="modalSchedule"] .rk-schRow.is-now .rk-schRow__title{color:#102734}
.rk-modal[data-rk="modalSchedule"] .rk-schRow.is-now .rk-schRow__sub{color:#3a606b}
.rk-modal[data-rk="modalSchedule"] .rk-schRow__chev{font-size:18px;color:rgba(235,248,251,.72)}
.rk-modal[data-rk="modalSchedule"] .rk-schRow.is-now .rk-schRow__chev{color:#31576a}

/* karta szczegółów audycji */
.rk-modal[data-rk="modalScheduleCard"] .rk-modal__dialog--scheduleCard{max-width:760px}
.rk-modal[data-rk="modalScheduleCard"] .rk-modal__body--scheduleCard{padding:16px 18px 14px!important;background:linear-gradient(180deg,rgba(7,41,56,.80),rgba(5,28,39,.86))!important}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard{display:flex;flex-direction:column;gap:14px;color:#eefbfd}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__hero{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__image{width:96px;height:96px;object-fit:cover;border-radius:20px;border:1px solid rgba(110,188,201,.24);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__image--fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(10,84,109,.94),rgba(10,126,123,.90));font-weight:900;font-size:34px;color:#fff}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__main{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__time{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(126,207,216,.18);color:#fff;font-weight:800;font-size:13px;letter-spacing:.04em;width:max-content;margin:0 0 4px}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__host{display:block;font-size:13px;font-weight:900;letter-spacing:.08em;color:#9fd7d7;text-transform:uppercase}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard h4{margin:0;font-size:24px;line-height:1.1;color:#fff;font-weight:900}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__subtitle{margin:0;color:#dceff1;font-size:15px;line-height:1.4}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__text{padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.04));border:1px solid rgba(110,188,201,.16);color:#eefbfd;line-height:1.55;text-align:left}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__rating{padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(10,84,109,.22),rgba(10,126,123,.14));border:1px solid rgba(110,188,201,.14)}

@media (max-width: 860px){
  .rk-modal[data-rk="modalSchedule"] .rk-scheduleTabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .rk-nowSchedule__card,.rk-nextSchedule__card{grid-template-columns:72px 44px minmax(0,1fr) 14px;gap:10px;padding:12px 12px;border-radius:18px}
  .rk-nowSchedule__time,.rk-nextSchedule__time{font-size:11px;min-height:52px}
  .rk-nowSchedule__avatar,.rk-nextSchedule__avatar{width:44px;height:44px;border-radius:12px;font-size:18px}
  .rk-nowSchedule__host,.rk-nextSchedule__host{font-size:12px}
  .rk-nowSchedule__title{font-size:16px}
  .rk-nextSchedule__title{font-size:15px}
  .rk-modal[data-rk="modalSchedule"] .rk-modal__body--schedule{padding:10px 12px 18px}
  .rk-modal[data-rk="modalSchedule"] .rk-scheduleTabs{display:none}
  .rk-scheduleMobilePicker{display:block;margin:2px 0 12px}
  .rk-modal[data-rk="modalSchedule"] .rk-schRow{grid-template-columns:70px 44px minmax(0,1fr) 14px;gap:10px;padding:12px;border-radius:18px}
  .rk-modal[data-rk="modalSchedule"] .rk-schRow__time{min-height:52px;font-size:11px}
  .rk-modal[data-rk="modalSchedule"] .rk-schRow__avatar{width:44px;height:44px;border-radius:12px;font-size:18px}
  .rk-modal[data-rk="modalSchedule"] .rk-schRow__host{font-size:11px}
  .rk-modal[data-rk="modalSchedule"] .rk-schRow__title{font-size:15px}
  .rk-modal[data-rk="modalSchedule"] .rk-schRow__sub{font-size:12px}
  .rk-modal[data-rk="modalScheduleCard"] .rk-modal__dialog{width:min(100vw,100%);height:auto;max-height:92dvh;border-radius:22px}
  .rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__hero{grid-template-columns:72px 1fr;gap:12px;align-items:center}
  .rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__image{width:72px;height:72px;border-radius:16px}
  .rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard h4{font-size:22px}
}


/* 13.9.0 schedule UX refresh
 * First layer of schedule = compact horizontal bars.
 * Main card stays dark; active row turns white only inside schedule modal.
 */
.rk-modal[data-rk="modalSchedule"] .rk-modal__body--schedule{display:flex;flex-direction:column;gap:14px}
.rk-modal[data-rk="modalSchedule"] .rk-schedulePanels{flex:1 1 auto;min-height:0}
.rk-modal[data-rk="modalSchedule"] .rk-schedulePanel{display:none;gap:10px}
.rk-modal[data-rk="modalSchedule"] .rk-schedulePanel.is-active{display:grid}
.rk-modal[data-rk="modalSchedule"] .rk-schRow{
  grid-template-columns:92px 56px minmax(0,1fr) 18px;
  align-items:center;
  gap:14px;
  min-height:92px;
  padding:14px 16px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(7,64,82,.58),rgba(5,44,58,.48));
  border:1px solid rgba(95,172,188,.16);
  box-shadow:none;
}
.rk-modal[data-rk="modalSchedule"] .rk-schRow::before{content:none!important}
.rk-modal[data-rk="modalSchedule"] .rk-schRow.is-now{
  background:linear-gradient(180deg,rgba(253,253,254,.98),rgba(245,248,250,.96));
  border-color:rgba(10,39,52,.10);
}
.rk-modal[data-rk="modalSchedule"] .rk-schRow__time{
  min-height:60px;
  padding:10px 8px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  color:#f0fbff;
  font-size:12px;
  font-weight:900;
  line-height:1.15;
}
.rk-modal[data-rk="modalSchedule"] .rk-schRow.is-now .rk-schRow__time{background:rgba(16,57,75,.08);color:#183847}
.rk-modal[data-rk="modalSchedule"] .rk-schRow__avatar{width:56px;height:56px;border-radius:16px;font-size:22px}
.rk-modal[data-rk="modalSchedule"] .rk-schRow__host{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9ed5df;margin-bottom:3px}
.rk-modal[data-rk="modalSchedule"] .rk-schRow__title{font-size:26px;line-height:1.02;color:#f4f7d0;font-weight:900}
.rk-modal[data-rk="modalSchedule"] .rk-schRow__sub{margin-top:4px;font-size:14px;color:rgba(232,245,247,.82)}
.rk-modal[data-rk="modalSchedule"] .rk-schRow.is-now .rk-schRow__host{color:#2c6577}
.rk-modal[data-rk="modalSchedule"] .rk-schRow.is-now .rk-schRow__title{color:#112c39}
.rk-modal[data-rk="modalSchedule"] .rk-schRow.is-now .rk-schRow__sub{color:#35505a}
.rk-modal[data-rk="modalSchedule"] .rk-schRow__chev{font-size:18px;color:rgba(255,255,255,.65)}
.rk-modal[data-rk="modalSchedule"] .rk-schRow.is-now .rk-schRow__chev{color:#35505a}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard{max-width:none;padding:0;background:none;border:0;box-shadow:none}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__hero{grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;padding:0}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__image{width:96px;height:96px;border-radius:22px}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__meta{display:flex;flex-direction:column;gap:4px}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__time{align-self:flex-start;margin-bottom:4px}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard h4{margin:0;font-size:20px;line-height:1.05}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__host{font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__text{margin-top:14px}

@media (max-width:720px){
  .rk-modal[data-rk="modalSchedule"] .rk-schRow{grid-template-columns:74px 42px minmax(0,1fr) 14px;gap:10px;min-height:72px;padding:12px}
  .rk-modal[data-rk="modalSchedule"] .rk-schRow__time{min-height:48px;font-size:11px;border-radius:14px}
  .rk-modal[data-rk="modalSchedule"] .rk-schRow__avatar{width:42px;height:42px;border-radius:12px;font-size:18px}
  .rk-modal[data-rk="modalSchedule"] .rk-schRow__host{font-size:10px}
  .rk-modal[data-rk="modalSchedule"] .rk-schRow__title{font-size:16px}
  .rk-modal[data-rk="modalSchedule"] .rk-schRow__sub{font-size:12px}
  .rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__hero{grid-template-columns:72px minmax(0,1fr);gap:12px}
  .rk-modal[data-rk="modalScheduleCard"] .rk-scheduleCard__image{width:72px;height:72px;border-radius:18px}
}


/* 13.9.2 schedule front tuning */
.rk-nowSchedule{width:min(100%,840px);display:grid;gap:10px}
.rk-nowSchedule__card,.rk-nextSchedule__card{width:100%;max-width:100%}
.rk-nowSchedule__body,.rk-nextSchedule__body{padding-bottom:3px}
.rk-nowSchedule__host,.rk-nextSchedule__host{color:var(--rk-schedule-host-color,#fff)!important}
.rk-nowSchedule__title{color:var(--rk-schedule-now-color,#fff)!important}
.rk-nextSchedule__title{color:var(--rk-schedule-next-color,#f5d56a)!important}
.rk-nowSchedule__eyebrow{color:#8fdbea!important}
.rk-nextSchedule__eyebrow{color:#8fdbea!important}
@media (min-width:721px){
  .rk-nowSchedule__card,.rk-nextSchedule__card{grid-template-columns:92px 54px minmax(0,1fr) 18px!important}
  .rk-nowSchedule__title{font-size:18px!important}
  .rk-nextSchedule__title{font-size:18px!important}
}
@media (max-width:720px){
  .rk-nowSchedule{gap:8px!important}
}


/* 13.9.4 final polish: calmer schedule cards and fuller modal body */
.rk-nowSchedule{width:min(100%,860px);gap:12px}
.rk-nowSchedule__card,.rk-nextSchedule__card{min-height:92px}
.rk-nowSchedule__eyebrow,.rk-nextSchedule__eyebrow{font-size:11px!important;letter-spacing:.12em!important}
.rk-nowSchedule__host,.rk-nextSchedule__host{font-size:14px!important;line-height:1.15!important}
.rk-nowSchedule__title,.rk-nextSchedule__title{font-size:16px!important;line-height:1.08!important;font-weight:800!important}
.rk-nowSchedule__time,.rk-nextSchedule__time{font-size:12px!important}
@media (max-width:720px){
  .rk-nowSchedule{gap:8px}
  .rk-nowSchedule__card,.rk-nextSchedule__card{min-height:78px}
  .rk-nowSchedule__title,.rk-nextSchedule__title{font-size:15px!important}
  .rk-nowSchedule__host,.rk-nextSchedule__host{font-size:12px!important}
}