:root {
    /* Кольорова палітра з ТЗ */
    --sz-black: #333333;
    --sz-gray-1: #8b8d94;    /* Основний текст */
    --sz-gray-dark: #808080; /* Доп. текст, назви полів */
    --sz-gray-2: #d5d3d3;    /* Неактивна кнопка */
    --sz-gray-3: #cccccc;    /* Обводка блоків */
    --sz-bg-search: #f5f5f5; /* Заливка пошуку */
    --sz-border-search: #ededed;
    
    --sz-green: #2f9837;      /* Посилання, активна кнопка 2f9837 */
    --sz-green-dark: #2a651d; /* Кнопка при натисканні */
    
    --sz-yellow: #fcbf1b;      /* Статус Paused / Кнопка СЗ */
    --sz-yellow-dark: #eda71d; /* Кнопка СЗ hover */
    
    --sz-white: #ffffff;
}

/** Alert Message **/
.custom-alert-wrapper {
    position: fixed;
    z-index: 9999; 
    background: #fff;
    border: 4px solid #fcbf1b;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-size: 18px;
    display: none;
}

.close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px; 
    height: 30px; 
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}


.close-btn::before,
.close-btn::after {
    content: '';
    position: absolute;
    width: 100%;  
    height: 1px;
    background-color: #333;
    transition: background-color 0.2s;
}

.close-btn::before {
    transform: rotate(45deg);
}

.close-btn::after {
    transform: rotate(-45deg);
}

.close-btn:hover::before,
.close-btn:hover::after {
    background-color: #fcbf1b; 
}

.custom-centered {
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    text-align: center;
    padding: 20px 40px;
}
.alert-icon { 
    font-size: 1.5rem;
    margin-bottom: 25px; 
}
.alert-title {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 20px;
}

#custom-alert .staus-search-wrapper {
    background-color: transparent;
    margin-top: 15px;
}

#custom-alert .staus-search-container {
    height: 46px;
}