/* ==========================================================================
   custom.css — ваши стили. Этот файл подключается последним, а базовые стили
   (app.css) лежат в слое @layer rn-base, поэтому любое правило отсюда
   побеждает базовое, даже с более простым селектором. !important не нужен.

   Все элементы имеют классы с префиксом rn-, например:
     .rn-topbar, .rn-logo__text, .rn-tile, .rn-ue-header__title,
     .rn-stat--profit, .rn-ue-table, .rn-col-profit (колонка таблицы), .rn-ue-profit--neg

   Быстрее всего менять цвета через переменные:

   :root {
     --rn-primary: #cb11ab;
     --rn-primary-dark: #481173;
     --rn-gradient: linear-gradient(135deg, #cb11ab 0%, #481173 100%);
     --rn-bg: #f6f4fa;
     --rn-radius: 16px;
   }

   Примеры:
   .rn-ue-header__title { font-size: 40px; }
   .rn-ue-table .rn-col-vendor_code { display: none; }   скрыть колонку
   ========================================================================== */

.rn-ue-rnp-toggle {
  background: linear-gradient(135deg, #ff8a00 0%, #ff4d1f 55%, #f0203a 100%);
}

.rn-ue-rnp-toggle[aria-pressed="true"] {
  background: #fff;
  color: #ff1e1e;
  box-shadow: 0 0 0 1px #ff6010;
}