/*
 * Стили экрана истории. В оригинале — инлайновый <style> внутри
 * history-payments.php, ставится ПОСЛЕ main.css и перебивает её.
 */


    /* спиннер «в обработке» возле суммы */
    .inproccess-tab{
      width: 16px; height: 16px; border-radius: 50%;
      border: 2px solid rgba(255,255,255,.18);
      border-top-color: #50E6A1;
      animation: rvpnSpin 1s linear infinite;
      margin-right: 8px;
    }
    @keyframes rvpnSpin { to { transform: rotate(360deg); } }

    /* низ страницы — индикатор подгрузки */
    .infinite-loader{
      display:none; align-items:center; justify-content:center;
      gap:10px; padding:16px 0; color:#AFC1DA;
    }
    .infinite-loader .dot{
      width:6px; height:6px; border-radius:50%; background:#AFC1DA;
      animation: rvpnDots 1s infinite ease-in-out;
    }
    .infinite-loader .dot:nth-child(2){ animation-delay:.15s; }
    .infinite-loader .dot:nth-child(3){ animation-delay:.3s; }
    @keyframes rvpnDots { 0%,80%,100%{ opacity:.2; transform:translateY(0)} 40%{ opacity:1; transform:translateY(-4px)} }

    /* плейсхолдер «пусто» прячем когда появились записи */
    .title-empty-history.hidden{ display:none !important; }