/* Админка Settings: отдельно от page1 (#timing-table — 7 колонок в page1_mobile_adaptation.css). */

.settings-container {
    box-sizing: border-box;
    padding-left: max(16px, env(safe-area-inset-left, 0px));
    padding-right: max(16px, env(safe-area-inset-right, 0px));
    padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
}

.settings-container .header-row {
    flex-wrap: wrap;
    gap: 12px;
}

@media (max-width: 640px) {
    .settings-container .header-row {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-container .header-buttons {
        width: 100%;
        justify-content: stretch;
    }

    .settings-container .header-buttons .btn-demo {
        flex: 1;
        text-align: center;
        min-height: 44px;
        font-size: 15px;
    }

    .settings-container .header-buttons .btn-profile-trigger {
        flex: 0 0 auto;
    }
}

@media (max-width: 900px) {
    #settings-admin-table {
        table-layout: fixed;
        width: 100%;
        min-width: 0;
    }

    #settings-admin-table .admin-input {
        font-size: 16px; /* iOS: без зума при фокусе */
    }
}

/* Портрет: карточка на строку — ID сверху слева, имя на всю ширину; слайдер и SET без отдельных размеров */
@media (max-width: 900px) and (orientation: portrait) {
    .settings-container h1 {
        font-size: clamp(15px, 4.2vw, 20px);
    }

    #settings-admin-table {
        display: block;
        width: 100%;
        border: none;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        overflow: visible;
    }

    #settings-admin-table thead {
        display: none;
    }

    #settings-admin-table tbody {
        display: block;
    }

    #settings-admin-table tbody tr {
        display: block;
        box-sizing: border-box;
        /* только вертикальные отступы карточки к контенту; боковые и наполнение не трогаем */
        padding: 6px 14px 7px;
        margin-bottom: 14px;
        background: rgba(15, 15, 15, 0.96);
        border: 1px solid #2c2c2c;
        border-radius: 14px;
    }

    #settings-admin-table tbody td {
        display: block;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    /* TRANSPONDER ID — верхний левый угол карточки (размер шрифта как у td в альбоме / page1_main) */
    #settings-admin-table tbody td:nth-child(1) {
        text-align: left;
        margin-bottom: 6px;
    }

    #settings-admin-table tbody td:nth-child(1) .id-label {
        display: block;
        white-space: normal;
        word-break: break-all;
        overflow: visible;
        text-overflow: clip;
        max-width: 100%;
        font-size: 16px;
        line-height: 1.35;
        letter-spacing: 0.02em;
        color: #9a9a9a;
        font-weight: 700;
    }

    /* DRIVER NAME — на всю ширину карточки; отступ до слайдера = отступ после ID */
    #settings-admin-table tbody td:nth-child(2) {
        text-align: center;
        margin-bottom: 6px;
    }

    #settings-admin-table tbody td:nth-child(2) .admin-input {
        width: 100% !important;
        max-width: none;
        margin: 0;
        text-align: center;
    }

    /* ACTIONS — стандартные слайдер и кнопки из settings_sliders / settings_main */
    #settings-admin-table tbody td:nth-child(3) {
        text-align: center;
    }
}

/* Альбом на телефоне: только доли колонок; слайдер и кнопки — как в базовых стилях */
@media (max-width: 900px) and (orientation: landscape) {
    #settings-admin-table th:nth-child(1),
    #settings-admin-table td:nth-child(1) {
        width: 20%;
    }

    #settings-admin-table th:nth-child(2),
    #settings-admin-table td:nth-child(2) {
        width: 38%;
    }

    #settings-admin-table th:nth-child(3),
    #settings-admin-table td:nth-child(3) {
        width: 42%;
    }

    .actions-container {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
}