/* Листалка дней «‹ день ›» (msg 23496, static/daystep.js): «Реклама», «Финансы», сводная РНП. Пилюля как .seg периода:
   стрелки по краям, день посередине; нажата (режим дня) - середина залита, как нажатый пресет. Цвета - только переменные
   темы (обе темы). Телефон: листалка своей строкой во всю ширину, стрелки 44x36 под палец. */
.fx-period-box{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.fx-step{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.fx-step-arrow{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:30px;padding:0;border:0;border-radius:999px;
  background:none;color:var(--muted)}
.fx-step-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fx-step-arrow:hover:not(:disabled){color:var(--text);background:var(--green-soft)}
.fx-step-arrow:disabled{opacity:.3;cursor:default}
.fx-step-mid{position:relative;display:inline-flex;flex:1 1 auto;justify-content:center}
.fx-step-day{min-width:96px;width:100%;padding:6px 12px;border:0;border-radius:999px;background:none;color:var(--muted);font-size:12px;
  line-height:18px;white-space:nowrap;text-align:center}
.fx-step-day:hover{color:var(--text)}
.fx-step-day[aria-pressed=true]{background:var(--green);color:var(--bg)}
/* поле календаря: невидимое, под серединой - системное окно выбора даты встаёт у листалки */
.fx-step-cal{position:absolute;left:50%;bottom:0;width:1px;height:1px;padding:0;border:0;margin:0;opacity:0;pointer-events:none}
/* ожидание дня: прежние цифры видны, но приглушены - экран не пустеет между днями */
.fx-wait :is(.fx-kpis,.fx-chart,.fx-wrap,.fx-sub,.fx-count){opacity:.42;transition:opacity .12s .08s}
/* сводная РНП: листалка - в языке её вкладок периода (прямоугольные, нажатая - тёмная) */
.rnp-pcontrols .fx-step{border-radius:8px;padding:2px}
.rnp-pcontrols .fx-step-arrow,.rnp-pcontrols .fx-step-day{border-radius:6px}
.rnp-pcontrols .fx-step-day{font-size:11px;padding:7px 12px;line-height:16px}
.rnp-pcontrols .fx-step-day[aria-pressed=true]{background:var(--text);color:var(--bg)}
.rnp-pcontrols .fx-step-arrow{height:30px}
/* «Реклама»: правый край - «Сегодня на ЧЧ:ММ» (msg 24398) - середина вмещает его и на закрытых днях: ряд периода не
   прыгает при шаге на «Сегодня» и обратно; цифры времени одной ширины */
#ads-bar .fx-step-day{min-width:128px;font-variant-numeric:tabular-nums}
@media(max-width:720px){
  .fx-period-box{display:flex;flex-direction:column;align-items:stretch;width:100%}
  .fx-step{display:flex;width:100%}
  .fx-step-arrow{width:44px;height:36px}
  .fx-step-arrow svg{width:18px;height:18px}
  .fx-step-day{font-size:13px;padding:8px 10px}
  .rnp-pcontrols .fx-step{width:100%}
  .rnp-pcontrols .fx-step-arrow{height:36px}
  .rnp-pcontrols .fx-step-day{font-size:12px;padding:9px 10px}
}