/* =========================================================
   СТАТУСЫ ЛОТОВ
   ========================================================= */


/* =========================================================
   СТАТУС В ТАБЛИЦЕ
   ========================================================= */

.standard-table-status {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    font-family:
        Inter,
        system-ui,
        sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.4;

    color: #374151;

}


/* =========================================================
   КРУГЛЫЕ ОБЪЕКТЫ
   ========================================================= */

.status-orb-sky,
.status-orb-blue,
.status-orb-navy,
.status-orb-graphite {

    width: 13px;

    height: 13px;

    flex: 0 0 13px;

    border-radius: 50%;

    transition:
        transform .25s ease;

}


/* =========================================================
   НАВЕДЕНИЕ
   ========================================================= */

.status-orb-sky:hover,
.status-orb-blue:hover,
.status-orb-navy:hover,
.status-orb-graphite:hover {

    transform: scale(1.08);

}


/* =========================================================
   СВЕТЛО-ГОЛУБОЙ
   ========================================================= */

.status-orb-sky {

    background: radial-gradient(
        circle at 18% 28%,
        #E0F2FE 0%,
        #7DD3FC 22%,
        #38BDF8 58%,
        #0284C7 100%
    );

}


/* =========================================================
   СИНИЙ
   ========================================================= */

.status-orb-blue {

    background: radial-gradient(
        circle at 28% 28%,
        #DBEAFE 0%,
        #60A5FA 18%,
        #2563EB 58%,
        #1E3A8A 100%
    );

}


/* =========================================================
   ТЕМНО-СИНИЙ
   ========================================================= */

.status-orb-navy {

    background: radial-gradient(
        circle at 28% 28%,
        #A5B4FC 0%,
        #4F7DFF 18%,
        #1E40AF 56%,
        #172554 100%
    );

}


/* =========================================================
   ГРАФИТОВЫЙ
   ========================================================= */

.status-orb-graphite {

    background: radial-gradient(
        circle at 28% 28%,
        #F9FAFB 0%,
        #D1D5DB 18%,
        #6B7280 56%,
        #374151 100%
    );

}


/* =========================================================
   ИКОНКА ТАЙМЕРА
   ========================================================= */

.timer-icon {

    width: 18px;

    height: 18px;

    flex: 0 0 18px;

    color: #374151;

}


/* =========================================================
   ТАЙМЕР
   ========================================================= */

.timer-display {

    display: inline-flex;

    align-items: center;

    gap: 7px;

}


/* =========================================================
   ТАЙМЕР
   ========================================================= */

.timer-icon {

    width: 18px;

    height: 18px;

    flex: 0 0 17px;

    vertical-align: middle;

}


/* =========================================================
   ТЕКСТ ТАЙМЕРА
   ========================================================= */

.timer-text {

    display: inline-flex;

    align-items: baseline;

    gap: 4px;

    font-family:
        Inter,
        system-ui,
        sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.4;

    color: #374151;

}


/* =========================================================
   ЦИФРЫ
   ========================================================= */

.timer-number {

    color: #1D4ED8;

    font-family:
        Inter,
        system-ui,
        sans-serif;

    font-size: 16px;

    font-weight: 400;


}


/* =========================================================
   ЕДИНИЦЫ ВРЕМЕНИ
   ========================================================= */

.timer-unit {

    color: #374151;

    font-weight: 400;

}