/* Компактный адаптивный desktop-layout для ноутбуков 13–14 дюймов и browser zoom 75%. */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.main-container,
#mainPanel,
#mainContent,
.main-content,
.content-area,
.admin-content,
.workspace,
.workspace-content {
    min-width: 0;
    max-width: 100%;
}

.table-responsive,
.overflow-x-auto,
.table-container,
.data-table-wrapper {
    max-width: 100%;
    overscroll-behavior-inline: contain;
}

iframe,
dialog,
.modal-content,
.modal-container,
[class*="max-w-"] {
    max-height: calc(100vh - 32px);
}

@media (min-width: 1100px) and (max-height: 920px),
       (min-width: 1500px) and (max-height: 1280px) {
    body[data-avifeed-release] {
        font-size: 13px;
    }

    #sidebar.sidebar,
    aside.sidebar {
        width: 244px;
        flex-basis: 244px;
    }

    #sidebar.sidebar.collapsed,
    aside.sidebar.collapsed {
        width: 64px;
        flex-basis: 64px;
    }

    #mainContent,
    .main-content,
    .admin-content,
    .workspace-content {
        padding: 14px 16px !important;
    }

    .section-card,
    .content-card,
    .dashboard-card,
    .workspace-card {
        padding: 14px !important;
        border-radius: 12px !important;
    }

    table th,
    table td {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea,
    button {
        min-height: 34px;
    }

    .fixed.inset-0 > .bg-white,
    [role="dialog"] > div,
    dialog > div,
    .modal-content {
        max-width: min(1180px, calc(100vw - 32px)) !important;
        max-height: calc(100vh - 32px) !important;
        overflow: auto;
    }

    /* «Вид выдачи» — компактная форма, а не полноэкранное рабочее окно.
     * Общий laptop-override выше расширяет модалки для таблиц, поэтому
     * возвращаем этому конкретному окну его безопасную ширину. */
    #settingsModal > .bg-white {
        width: min(28rem, calc(100vw - 32px)) !important;
        max-width: min(28rem, calc(100vw - 32px)) !important;
        max-height: calc(100vh - 32px) !important;
        overflow-y: auto;
    }

    .sidebar-header,
    .sidebar-navigation,
    .sidebar-footer {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 1600px) {
    #mainContent,
    .main-content,
    .admin-content,
    .workspace-content {
        width: 100%;
        max-width: none;
    }
}