/* ==========================================================================
   2. БАЗОВЫЕ КНОПКИ И СТАНДАРТНЫЕ МОДИФИКАТОРЫ
   ========================================================================== */
button {
    background-color: #d4f0e4; /* пастельный мятный */
    border: none;
    color: #333;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

    button:hover {
        background-color: #81bfff; /* насыщенный мятный/голубой */
    }

.btn {
    border: 1px solid #767676;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
}

.btn-close {
    padding: 7px 7px;
}


.btn-xs {
    padding: .25rem .5rem;
    font-size: .75rem;
    line-height: 1;
    border-radius: .2rem;
}

/* Состояния Disabled для стандартных Bootstrap-кнопок */
.btn-primary:disabled, .btn-primary.disabled,
.btn-warning:disabled, .btn-warning.disabled,
.btn-success:disabled, .btn-success.disabled,
.btn-danger:disabled, .btn-danger.disabled,
.btn-secondary:disabled, .btn-secondary.disabled,
.btn-info:disabled, .btn-info.disabled,
.btn:disabled {
    color: #000 !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    opacity: 0.5;
    filter: grayscale(0.5);
    cursor: not-allowed;
    transform: none !important;
    box-shadow: none !important;
}

/* Панель печати (.printBtn) */
.printBtn {
    position: absolute;
    top: 50px;
    right: 10px;
    z-index: 2;
}

    .printBtn .btn-group {
        gap: 8px;
    }

    .printBtn .btn {
        border: none;
        --padding: 8px 16px;
        font-weight: 600;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        align-items: center;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }

/* Цветовые схемы кастомных кнопок */
.btn-purple {
    background: linear-gradient(135deg, var(--bs-purple) 0%, var(--bs-purple-dark) 100%);
    color: white !important;
    border: none;
}

    .btn-purple:hover:not(:disabled) {
        background: linear-gradient(135deg, #7e55c7 0%, #663eb3 100%);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(111, 66, 193, 0.3);
    }

.btn-warning {
    background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
    color: #212529 !important;
}

    .btn-warning:hover:not(:disabled) {
        background: linear-gradient(135deg, #ffca2c 0%, #ffc107 100%);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
    }

.btn-info {
    background-color: #1c9db7;
    color: white;
    border: none;
}

    .btn-info:hover:not(:disabled) {
        background-color: #007a93;
        color: white;
    }

    .btn-info:active:not(:disabled) {
        background-color: #00b0d3 !important;
        color: white !important;
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125) !important;
    }


/* ==========================================================================
   3. КНОПКИ СТИЛЯ "DELUXE" (СТЕКЛЯННЫЙ ДИЗАЙН)
   ========================================================================== */
.btn-deluxe {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #adb5bd;
    padding: 8px 22px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    text-decoration: none;
    backdrop-filter: blur(4px);
}

    .btn-deluxe:hover:not(:disabled) {
        transform: translateY(-2px);
        color: #fff;
    }

    .btn-deluxe:active:not(:disabled) {
        transform: translateY(0) scale(0.96);
    }

    .btn-deluxe:disabled {
        opacity: 0.5;
        cursor: not-allowed;
        transform: none;
    }

/* Модификаторы Deluxe */
.btn-deluxe-primary:hover:not(:disabled) {
    background: rgba(13, 110, 253, 0.15);
    border-color: #0d6efd;
    box-shadow: 0 0 20px rgba(13, 110, 253, 0.25);
}

.btn-deluxe-success:hover:not(:disabled) {
    background: rgba(25, 135, 84, 0.15);
    border-color: #198754;
    box-shadow: 0 0 20px rgba(25, 135, 84, 0.25);
}

.btn-deluxe-warning:hover:not(:disabled) {
    background: rgba(255, 193, 7, 0.15);
    border-color: #ffc107;
    box-shadow: 0 0 20px rgba(255, 193, 7, 0.25);
}

.btn-deluxe-danger:hover:not(:disabled) {
    background: rgba(220, 53, 69, 0.15);
    border-color: #dc3545;
    box-shadow: 0 0 20px rgba(220, 53, 69, 0.25);
}

.btn-deluxe-info:hover:not(:disabled) {
    background: rgba(13, 202, 240, 0.15);
    border-color: #0dcaf0;
    box-shadow: 0 0 20px rgba(13, 202, 240, 0.25);
}

.btn-deluxe-secondary:hover:not(:disabled) {
    background: rgba(108, 117, 125, 0.15);
    border-color: #6c757d;
    box-shadow: 0 0 20px rgba(108, 117, 125, 0.25);
}

.btn-deluxe-outline {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #adb5bd;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

    .btn-deluxe-outline:hover {
        background: rgba(13, 110, 253, 0.1);
        border-color: #0d6efd;
        color: #fff;
    }

/* Иконки внутри Deluxe */
.btn-deluxe i {
    font-size: 1.1rem;
    transition: transform 0.3s ease;
}

.btn-deluxe:hover i {
    transform: scale(1.1);
}







/* Базовый класс для тактических кнопок */
.btn-tactical {
    position: relative; /* Обязательно: привязка уголка к кнопке */
    border-radius: 4px !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-size: 13px;
    border: 1px solid rgba(0, 0, 0, 0.4) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.15s ease-in-out !important;
    --padding: 10px 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    overflow: visible !important;
}

    /* =========================================
   1. ВЕРХНИЙ ЛЕВЫЙ УГОЛОК (Прицел)
   ========================================= */
    .btn-tactical::before {
        content: '';
        position: absolute;
        top: 2px; 
        left: 2px;
        width: 6px;
        height: 6px;
        border-top: 2px solid var(--military-border, #f4aa3c);
        border-left: 2px solid var(--military-border, #f4aa3c);
        pointer-events: none;
        transition: all 0.2s ease;
    }

    /* =========================================
   2. НИЖНИЙ ПРАВЫЙ УГОЛОК (Прицел)
   ========================================= */
    .btn-tactical::after {
        content: '';
        position: absolute;
        bottom: 2px; 
        right: 2px;
        width: 6px;
        height: 6px;
        border-bottom: 2px solid var(--military-border, #f4aa3c);
        border-right: 2px solid var(--military-border, #f4aa3c);
        pointer-events: none;
        transition: all 0.2s ease;
    }

    /* =========================================
   3. Эффект при наведении (Захват цели)
   ========================================= */
    .btn-tactical:hover::before {
        border-color: #ffffff; 
    }

    .btn-tactical:hover::after {
        border-color: #ffffff;
    }

    /* Состояние Disabled (Блокировка прижимает кнопку и тушит свет) */
    .btn-tactical:disabled {
        background: #232a30 !important;
        border-color: #181d21 !important;
        color: #52616d !important;
        box-shadow: none !important;
        opacity: 0.6;
        transform: none !important;
    }

    /* Эффект нажатия (Клики по металлу) */
    .btn-tactical:active:not(:disabled) {
        transform: translateY(1px);
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.4) !important;
    }




/* =========================================================================
   1. КНОПКА "ДОБАВИТЬ / СОХРАНИТЬ" (Тактический зеленый)
   ========================================================================= */
.btn-tactical.btn-success {
    background: linear-gradient(to bottom, #2e4d34, #263727) !important;
    color: #e2ebd9 !important;
}

    .btn-tactical.btn-success:hover:not(:disabled) {
        background: linear-gradient(to bottom, #3f5c41, #2e4230) !important;
        box-shadow: 0 0 8px rgba(52, 76, 54, 0.5) !important;
    }


/* =========================================================================
   2. КНОПКА "ОТМЕНА / ЗАКРЫТЬ" (Оружейная сталь)
   ========================================================================= */
.btn-tactical.btn-secondary {
    background: linear-gradient(to bottom, #4f5d6b, #38434f) !important;
    color: #e6ebf0 !important;
}

    .btn-tactical.btn-secondary:hover {
        background: linear-gradient(to bottom, #5b6b7c, #404e5c) !important;
    }


/* =========================================================================
   3. КНОПКА "OK / ПРЕДУПРЕЖДЕНИЕ" (Сигнальный янтарный)
   ========================================================================= */
.btn-tactical.btn-warning {
    background: linear-gradient(to bottom, #d68a27, #b3701b) !important;
    color: #fff !important;
    border-color: #7a4b0f !important;
}

    .btn-tactical.btn-warning:hover {
        background: linear-gradient(to bottom, #ebd138, #cc811f) !important;
    }


/* =========================================================================
   4. КНОПКА "УДАЛИТЬ / ТРЕВОГА" (Боевой красный)
   ========================================================================= */
.btn-tactical.btn-danger {
    background: linear-gradient(to bottom, #5c272a, #421b1d) !important;
    color: #fbe3e4 !important;
}

    .btn-tactical.btn-danger:hover:not(:disabled) {
        background: linear-gradient(to bottom, #733236, #522225) !important;
        box-shadow: 0 0 8px rgba(92, 39, 42, 0.5) !important;
    }


/* =========================================================================
   5. КНОПКА "ОСНОВНОЕ ДЕЙСТВИЕ" (Глубокий синий)
   ========================================================================= */
.btn-tactical.btn-primary {
    background: linear-gradient(to bottom, #2b4560, #1f3246) !important;
    color: #e3ecf5 !important;
}

    .btn-tactical.btn-primary:hover:not(:disabled) {
        background: linear-gradient(to bottom, #39597a, #27415b) !important;
        box-shadow: 0 0 8px rgba(43, 69, 96, 0.5) !important;
    }


/* =========================================================================
   6. КНОПКА "ИНФОРМАЦИЯ / ТЕЛЕМЕТРИЯ" (Тактический сине-зеленый)
   ========================================================================= */
.btn-tactical.btn-info {
    background: linear-gradient(to bottom, #20595b, #174244) !important;
    color: #e2f5f6 !important;
}

    .btn-tactical.btn-info:hover:not(:disabled) {
        background: linear-gradient(to bottom, #2d7a7d, #1e5659) !important;
        box-shadow: 0 0 8px rgba(32, 89, 91, 0.5) !important;
    }


    /* =========================================================================
   7. КНОПКА "СПЕЦОПЕРАЦИЯ / ОСОБЫЙ РЕЖИМ" (Тактический ультрафиолет)
   ========================================================================= */
    .btn-tactical.btn-purple {
        background: linear-gradient(to bottom, #432b57, #2d1d3b) !important;
        color: #eeddfc !important;
    }

        .btn-tactical.btn-purple:hover:not(:disabled) {
            background: linear-gradient(to bottom, #54376e, #3a254c) !important;
            box-shadow: 0 0 8px rgba(67, 43, 87, 0.5) !important;
        }








    /* =========================================================================
   1. КНОПКА "ДОБАВИТЬ / СОХРАНИТЬ" (Outline Green)
   ========================================================================= */
    .btn-tactical.btn-outline-success {
        background: transparent !important;
        border: 1px solid #3a5f41 !important;
        color: #a2c497 !important;
    }

        .btn-tactical.btn-outline-success:hover:not(:disabled) {
            background: linear-gradient(to bottom, #2e4d34, #263727) !important;
            border-color: #3f5c41 !important;
            color: #e2ebd9 !important;
            box-shadow: 0 0 8px rgba(52, 76, 54, 0.4) !important;
        }


    /* =========================================================================
   2. КНОПКА "ОТМЕНА / ЗАКРЫТЬ" (Outline Secondary)
   ========================================================================= */
    .btn-tactical.btn-outline-secondary {
        background: transparent !important;
        border: 1px solid #4f5d6b !important;
        color: #92a3b5 !important;
    }

        .btn-tactical.btn-outline-secondary:hover:not(:disabled) {
            background: linear-gradient(to bottom, #4f5d6b, #38434f) !important;
            border-color: #5b6b7c !important;
            color: #e6ebf0 !important;
        }


    /* =========================================================================
   3. КНОПКА "OK / ПРЕДУПРЕЖДЕНИЕ" (Outline Amber)
   ========================================================================= */
    .btn-tactical.btn-outline-warning {
        background: transparent !important;
        border: 1px solid #b3701b !important;
        color: #f4b054 !important;
    }

        .btn-tactical.btn-outline-warning:hover:not(:disabled) {
            background: linear-gradient(to bottom, #d68a27, #b3701b) !important;
            border-color: #ebd138 !important;
            color: #fff !important;
            box-shadow: 0 0 8px rgba(214, 138, 39, 0.3) !important;
        }


    /* =========================================================================
   4. КНОПКА "УДАЛИТЬ / ТРЕВОГА" (Outline Danger)
   ========================================================================= */
    .btn-tactical.btn-outline-danger {
        background: transparent !important;
        border: 1px solid #733236 !important;
        color: #f27474 !important;
    }

        .btn-tactical.btn-outline-danger:hover:not(:disabled) {
            background: linear-gradient(to bottom, #5c272a, #421b1d) !important;
            border-color: #8c3e43 !important;
            color: #fbe3e4 !important;
            box-shadow: 0 0 8px rgba(92, 39, 42, 0.4) !important;
        }


    /* =========================================================================
   5. КНОПКА "ОСНОВНОЕ ДЕЙСТВИЕ" (Outline Primary)
   ========================================================================= */
    .btn-tactical.btn-outline-primary {
        background: transparent !important;
        border: 1px solid #2b4560 !important;
        color: #93b9df !important;
    }

        .btn-tactical.btn-outline-primary:hover:not(:disabled) {
            background: linear-gradient(to bottom, #2b4560, #1f3246) !important;
            border-color: #39597a !important;
            color: #e3ecf5 !important;
            box-shadow: 0 0 8px rgba(43, 69, 96, 0.4) !important;
        }


    /* =========================================================================
   6. КНОПКА "ИНФОРМАЦИЯ / ТЕЛЕМЕТРИЯ" (Outline Info)
   ========================================================================= */
    .btn-tactical.btn-outline-info {
        background: transparent !important;
        border: 1px solid #20595b !important;
        color: #79c5c8 !important;
    }

        .btn-tactical.btn-outline-info:hover:not(:disabled) {
            background: linear-gradient(to bottom, #20595b, #174244) !important;
            border-color: #2d7a7d !important;
            color: #e2f5f6 !important;
            box-shadow: 0 0 8px rgba(32, 89, 91, 0.4) !important;
        }


    /* =========================================================================
   7. КНОПКА "СПЕЦОПЕРАЦИЯ" (Outline Purple)
   ========================================================================= */
    .btn-tactical.btn-outline-purple {
        background: transparent !important;
        border: 1px solid #432b57 !important;
        color: #caa0f4 !important;
    }

        .btn-tactical.btn-outline-purple:hover:not(:disabled) {
            background: linear-gradient(to bottom, #432b57, #2d1d3b) !important;
            border-color: #54376e !important;
            color: #eeddfc !important;
            box-shadow: 0 0 8px rgba(67, 43, 87, 0.4) !important;
        }












/* =========================================================================
   ТАКТИЧЕСКИЙ ТРИГГЕР: "CYBERDYNE T-800 HYBRID"
   База: Лаконичная сталь (v1) | Ховер: Импульс и сканер (v2)
   ========================================================================= */

/* Анимация концентрического импульса лазерного окуляра */
@keyframes trigger-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(14, 165, 233, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(14, 165, 233, 0);
    }
}

/* Анимация прохождения луча по стальной поверхности */
@keyframes metal-shine {
    0% {
        background-position: -150px 0, 0 0;
    }

    100% {
        background-position: 150px 0, 0 0;
    }
}

/* --- ОСНОВНОЙ КОНТЕЙНЕР (Чистая геометрия из v1) --- */
.btn-tactical-trigger {
    display: inline-flex;
    align-items: center;
    padding: 0 !important;
    height: 38px; /* Лаконичный профиль */
    background: #cbd5e1;
    border: 2px solid #94a3b8 !important;
    border-radius: 4px !important;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    /* Аккуратная фаска и двойная тень */
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

    /* --- ХОВЕР И АКТИВНОЕ СОСТОЯНИЕ (Динамика из v2) --- */

    /* При наведении: подъем + янтарно-красный контур */
    .btn-tactical-trigger:not(.disabled):not(:disabled):hover {
        border-color: #13629b !important;
        transform: translateY(-1px);
        box-shadow: 0 6px 12px rgb(38 161 220 / 20%), inset 0 1px 0 rgba(255, 255, 255, 1);
    }

    /* Физическая отдача при клике */
    .btn-tactical-trigger:not(.disabled):not(:disabled):active {
        transform: translateY(1px);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    /* Фокус через Tab */
    .btn-tactical-trigger:focus-visible {
        outline: none !important;
        border-color: #13629b !important;
        box-shadow: 0 0 0 3px #17638759 !important;
    }


/* --- ЛЕВЫЙ ОТСЕК: ИКОНКА (Хром v1 + Лазерный импульс v2) --- */
.trigger-icon-zone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 100%;
    background: linear-gradient(180deg, #ffffff 0%, #e2e8f0 50%, #cbd5e1 100%);
    border-right: 2px solid #94a3b8;
    color: #2678dc;
    font-size: 14px;
    position: relative;
    transition: all 0.2s ease;
    z-index: 1;
}

    /* Разделительная титановая риска */
    .trigger-icon-zone::after {
        content: '';
        position: absolute;
        right: -2px;
        top: 20%;
        height: 60%;
        width: 2px;
        background: rgba(255, 255, 255, 0.8);
    }

/* Ховер иконки: Запуск волны импульса и свечение линзы */
.btn-tactical-trigger:not(.disabled):not(:disabled):hover .trigger-icon-zone {
    color: #ffffff;
    background: linear-gradient(180deg, #13629b 0%, #26aadc 100%);
    border-right-color: #1c95b9;
    animation: trigger-pulse 1.4s infinite;
    text-shadow: 0 0 6px rgb(255 255 255 / 90%);
}


/* --- ПРАВЫЙ ОТСЕК: ТЕКСТ (Тактическая сетка v1 + Свечение v2) --- */
.trigger-text-zone {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 18px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #0f172a; /* Глубокий стальной цвет */
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: all 0.2s ease;
    /* Текстура перфорации из v1 */
    background-color: #e2e8f0;
    background-image: radial-gradient(rgba(15, 23, 42, 0.12) 1px, transparent 0), linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
    background-size: 4px 4px, 100% 100%;
}

/* Ховер текста: Подсветка лазерной гравировки + Блик */
.btn-tactical-trigger:not(.disabled):not(:disabled):hover .trigger-text-zone {
    color: #1a62ab;
    text-shadow: 0 0 4px rgb(68 168 239 / 40%), 0 1px 0 rgba(255, 255, 255, 0.9);
    background-image: linear-gradient(90deg, transparent, rgb(68 152 239 / 8%), transparent), radial-gradient(rgb(66 38 220 / 15%) 1px, transparent 0), linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
    background-size: 150px 100%, 4px 4px, 100% 100%;
    animation: metal-shine 1.2s linear infinite;
}


/* =========================================================================
   ОТКЛЮЧЕННОЕ СОСТОЯНИЕ (ДЕАКТИВАЦИЯ)
   ========================================================================= */

.btn-tactical-trigger.disabled,
.btn-tactical-trigger:disabled {
    cursor: not-allowed !important;
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    transform: none !important;
    box-shadow: none !important;
    pointer-events: none;
    opacity: 0.6;
}

    .btn-tactical-trigger.disabled .trigger-icon-zone,
    .btn-tactical-trigger:disabled .trigger-icon-zone {
        background: #f8fafc !important;
        border-color: #cbd5e1 !important;
        color: #94a3b8 !important;
        text-shadow: none !important;
        animation: none !important;
    }

    .btn-tactical-trigger.disabled .trigger-text-zone,
    .btn-tactical-trigger:disabled .trigger-text-zone {
        color: #94a3b8 !important;
        text-shadow: none !important;
        background-image: none !important;
        background-color: #f8fafc !important;
        animation: none !important;
    }











/* =========================================================================
   ТАКТИЧЕСКИЙ СТАТУС-БЛОК С ТУМБЛЕРОМ И ШИЛЬДИКОМ
   ========================================================================= */

.custom-floating-status {
    position: relative;
    /*margin-top: 10px; *//* Запас под нависающий шильдик */
}

/* 1. Глубокое гнездо прибора (вместо скучного input) */
.status-switch-wrapper.custom-military-socket {
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    height: 58px !important; /* Оптимальная высота под тактический прибор */
    background: #3d4955 !important; /* Глубокий темный колодец */
    border: 2px solid #384857 !important;
    border-radius: 6px !important;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.8), 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    padding: 0 12px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

    /* Подсветка гнезда при наведении */
    .status-switch-wrapper.custom-military-socket:hover {
        border-color: #4e6275 !important;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.8), 0 0 8px rgba(78, 98, 117, 0.2) !important;
    }

/* 2. Гравированный шильдик (заменяет дефолтный Floating Label) */
.custom-floating-status .tactical-plate-label {
    position: absolute;
    top: -5px !important; /* Сдвигаем наверх, перекрывая границу как физическая пластина */
    left: 10px !important;
    transform: none !important; /* Отключаем стандартный scale от Bootstrap */
    opacity: 1 !important;
    background: #22313f !important; /* Цвет шапки твоего модального окна для бесшовного стыка */
    padding: 2px 8px !important;
    font-size: 9px !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #92a3b5;
    border: 1px solid #384857;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    pointer-events: none;
    transition: all 0.15s ease-in-out;
    height: auto !important;
}

/* 3. Текст статуса (цифровой индикатор прибора) */
.status-label-text {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    transition: all 0.2s ease;
}

    /* Состояние: Доставлено (неоново-зеленый диод) */
    .status-label-text.text-success {
        color: #3dfc5d !important;
        text-shadow: 0 0 6px rgba(61, 252, 93, 0.6) !important;
    }

    /* Состояние: Не доставлено (тревожный красный диод) */
    .status-label-text.text-danger {
        color: #ff4d4d !important;
        text-shadow: 0 0 6px rgba(255, 77, 77, 0.6) !important;
    }

/* 4. Тяжелый механический тумблер (слайдер) */
.custom-switch-input {
    cursor: pointer;
    width: 48px !important;
    height: 24px !important;
    margin-left: 0 !important;
    background-color: #232a30 !important; /* Темный паз под задвижку */
    border: 2px solid #384857 !important;
    border-radius: 4px !important; /* Строгие углы */
    transition: all 0.15s ease-in-out !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.6) !important;
    /* Рукоять тумблера: фрезерованный металлический блок (Unchecked) */
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='1' y='1' width='10' height='10' rx='1' fill='%235c6b7a'/%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
}

    /* Состояние тумблера: Включен (активирован) */
    .custom-switch-input:checked {
        background-color: #2c3838 !important; /* Зеленоватый отсек заслонки */
        border-color: #347036 !important; /* Неоновый борт */
        /* Рукоять тумблера загорается неоном */
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='1' y='1' width='10' height='10' rx='1' fill='%233dfc5d'/%3E%3C/svg%3E") !important;
    }

    /* 5. Янтарная таб-подсветка прибора при фокусе */
    .custom-switch-input:focus-visible {
        outline: none !important;
        border-color: #ff9f0a !important;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 8px rgba(255, 159, 10, 0.6) !important;
    }

.status-switch-wrapper.custom-military-socket:has(.custom-switch-input:focus-visible) {
    border-color: #ff9f0a !important;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.8), 0 0 10px rgba(255, 159, 10, 0.3) !important;
}

    /* Подсвечиваем шильдик при фокусе на переключателе */
    .status-switch-wrapper.custom-military-socket:has(.custom-switch-input:focus-visible) + .tactical-plate-label {
        color: #ff9f0a !important;
        border-color: #ff9f0a !important;
    }

/* =========================================================================
   ОТКЛЮЧЕННОЕ СОСТОЯНИЕ (ОБЕСТОЧЕННЫЙ ПРИБОР)
   ========================================================================= */

.status-switch-wrapper.custom-military-socket:has(.custom-switch-input:disabled) {
    background: #232a30 !important;
    border-color: #2e3338 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.6) !important;
    cursor: not-allowed;
}

    /* Полностью тушим текст, иконки и тумблер */
    .status-switch-wrapper.custom-military-socket:has(.custom-switch-input:disabled) * {
        color: #515c67 !important;
        text-shadow: none !important;
        pointer-events: none;
    }

    .status-switch-wrapper.custom-military-socket:has(.custom-switch-input:disabled) .custom-switch-input {
        background-color: #1a2229 !important;
        border-color: #2e3338 !important;
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.8) !important;
        /* Ползунок тухнет до темной стали */
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='1' y='1' width='10' height='10' rx='1' fill='%233a4149'/%3E%3C/svg%3E") !important;
    }

    /* Тушим шильдик */
    .status-switch-wrapper.custom-military-socket:has(.custom-switch-input:disabled) + .tactical-plate-label {
        color: #515c67 !important;
        border-color: #2e3338 !important;
        background: #232a30 !important;
    }