/**
 * All of the CSS for your admin-specific functionality should be included in this file.
 */
.y4ym_bold {
    font-weight: 700;
}

#y4ym_wrap .y4ym-postbox a,
#y4ym_wrap .y4ym-postbox a:visited {
    color: #ff5301;
    text-decoration: underline
}

#y4ym_wrap .y4ym-postbox a:hover {
    color: #cd4200;
    text-decoration: none
}

#y4ym_wrap th,
#y4ym_wrap td {
    vertical-align: top;
    padding: 20px 10px 20px 10px;
}

.y4ym_label {
    padding: 26px 10px 8px 0 !important;
    display: inline-block;
    color: #23282d;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;

}

/* Нечетные строки */
#y4ym_wrap table tbody tr:nth-child(odd) {
    background: auto;
}

/* Четные строки */
#y4ym_wrap table tbody tr:nth-child(even) {
    background: rgba(220, 220, 222, .3);
}

.y4ym_th label {
    color: #23282d;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.y4ym_th p,
.y4ym_td p {
    font-weight: 600;
    margin: 2px 0 5px;
    color: #646970;
}

.y4ym_select {
    width: 100%;
    align-items: center;
    background: #fdfdff;
    border: 1px solid #c2c2c5 !important;
    border-radius: 4px;
    height: 36px;
    position: relative;
    font-size: 25px;
}

.y4ym_input {
    width: 100%;
    align-items: center;
    background: #fdfdff;
    border: 1px solid #c2c2c5;
    border-radius: 4px;
    height: 36px;
    position: relative;
    padding: 0 8px;
}

.y4ym_textarea {
    width: 100%;
    align-items: center;
    background: #fdfdff;
    border: 1px solid #c2c2c5;
    border-radius: 4px;
    min-height: 72px;
    position: relative;
    padding: 5px 8px;
}

.y4ym_input::placeholder,
.y4ym_textarea::placeholder {
    color: #ccc;
    font-style: italic;
}

#y4ym_wrap .meta-box-sortables input[type="number"] {
    width: 100% !important;
}

#y4ym_wrap .woocommerce table.form-table input[type="text"],
#y4ym_wrap .woocommerce table.form-table input[type="number"] {
    max-width: 100% !important;
}

.y4ym_notice {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.y4ym_uppercase {
    text-transform: uppercase;
}

input.pw {
    -webkit-text-security: disc;
}

/* === Общие стили бейджей === */
.y4ym-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

/* === Статусы импорта === */

/* Отключено — светлый серый */
.y4ym-badge--disabled {
    background-color: #E0E0E0;
    color: #6C757D;
}

/* Активное расписание — зелёный */
.y4ym-badge--active {
    background-color: #BBF7D0;
    color: #15803D;
}

/* Сборка идёт прямо сейчас — тёплый жёлтый */
.y4ym-badge--building {
    background-color: #FCD34D;
    color: #905A00;
    box-shadow: 0 1px 3px rgba(252, 211, 77, 0.3);
}

/* Ошибка — красный с пульсацией */
.y4ym-badge--failed {
    background-color: #FECACA;
    color: #B91C1C;
    animation: y4ym-pulse 2s ease-in-out infinite;
}

@keyframes y4ym-pulse {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(185, 28, 28, 0.4);
    }

    50% {
        box-shadow: 0 0 0 4px rgba(185, 28, 28, 0);
    }
}

/* === Тёмная тема === */
@media (prefers-color-scheme: dark) {

    /* Отключено — спокойный тёмно‑серый (не чёрный) */
    .y4ym-badge--disabled {
        /* background-color: #6B6B6B; */
        /* color: #DCDCDC;*/
        background-color: #E0E0E0;
        color: #6C757D;
    }

    .y4ym-badge--active {
        background-color: #16A34A;
        color: #fff;
    }

    .y4ym-badge--building {
        background-color: #EAB308;
        color: #4F3704;
        box-shadow: 0 1px 3px rgba(234, 179, 8, 0.4);
    }

    .y4ym-badge--failed {
        background-color: #B91C1C;
        color: #fff;
        box-shadow: none;
    }
}