

.dropdown-item {
color: #333;
}

.custom-btn {
    background-color: #2d5da5;
    color: #fff;
}
.custom-btn:hover {
    background-color: #158cba;
    color: #fff;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important; /* Делает фон белым */
    -webkit-text-fill-color: #333 !important; /* Цвет текста */
}


:root, [data-bs-theme="light"] {
  --bs-warning: #e65c00;            
  --bs-warning-rgb: 230, 92, 0;
  
  /* ИСПРАВЛЕНО: Максимально светлый пастельно-оранжевый фон для высокой читаемости текста */
  --bs-warning-bg-subtle: #fff8f2;    
  /* Рамка адаптирована под новый ультра-светлый фон */
  --bs-warning-border-subtle: #ffe6d1; 
  
  /* Глубокий темный оранжево-коричневый текст (отличная читаемость) */
  --bs-warning-text-emphasis: #662900; 
}

.btn-warning {
  --bs-btn-bg: #e65c00;             
  --bs-btn-border-color: #e65c00;
  --bs-btn-color: #000000;          
  
  --bs-btn-hover-bg: #cc5200;       
  --bs-btn-hover-border-color: #cc5200;
  --bs-btn-hover-color: #000000;    
  
  --bs-btn-active-bg: #993d00;
  --bs-btn-active-border-color: #993d00;
  --bs-btn-active-color: #ffffff;   
}


.fixed-icon {
  position: fixed;   /* Фиксирует элемент относительно окна браузера */
  bottom: 25px;      /* Отступ снизу */
  right: 25px;       /* Отступ справа */
  z-index: 1000;     /* Поверх остальных элементов */
}



/* Три красных мигания «ореолов» чекбоксов слушателей на странице заявки
         (pages/order_items.vue.js, класс blink-red ставится на 1.6 с).
         animation-iteration-count: 3, длительность .5s => ~1.5 с. */
@keyframes sedBlinkRed {
        0%, 100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); border-color: #dee2e6; }
        50%      { box-shadow: 0 0 0 .35rem rgba(220, 53, 69, .55); border-color: #dc3545; }
}
.blink-red .form-check-input,
.blink-red.form-check-input {
        animation: sedBlinkRed .5s ease-in-out 3;
}
