/* --- Основные стили панели управления Coliving Atlas --- */

[x-cloak] {display: none !important;}

/* Хедер модальных окон и заголовков */
.modx-header {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border-bottom: 2px solid #0284c7;
}

/* Карточки и таблицы с лёгким внутренним свечением */
.bevel-box {
    border: 1px solid #e2e8f0;
    box-shadow: inset 0 1px 0 0 #ffffff, 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}

/* Заголовки таблиц */
.table-header {
    background-color: #f8fafc;
    border-bottom: 2px solid #cbd5e1;
}

/* Кастомный скроллбар */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f5f9;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

/* ========================================================
   ЛОКАЛЬНЫЙ СБРОС СТИЛЕЙ (Scoped Tailwind Preflight)
======================================================== */

/* 1. Правильный подсчет размеров коробок и базовые рамки */
.tw-app-wrapper *,
.tw-app-wrapper ::before,
.tw-app-wrapper ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb; /* Дефолтный цвет рамок Tailwind */
}

/* 2. Обнуляем отступы у текста и списков */
.tw-app-wrapper h1, 
.tw-app-wrapper h2, 
.tw-app-wrapper h3, 
.tw-app-wrapper h4, 
.tw-app-wrapper h5, 
.tw-app-wrapper h6, 
.tw-app-wrapper p, 
.tw-app-wrapper ul, 
.tw-app-wrapper ol,
.tw-app-wrapper dl,
.tw-app-wrapper figure {
    margin: 0;
    padding: 0;
}

/* 3. Убираем маркеры списков */
.tw-app-wrapper ul, 
.tw-app-wrapper ol {
    list-style: none;
}

/* 4. Сброс стилей кнопок, полей ввода и селектов */
.tw-app-wrapper button, 
.tw-app-wrapper input, 
.tw-app-wrapper select, 
.tw-app-wrapper textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

/* 5. Делаем кнопки "плоскими" (сбрасываем дефолтный рендер браузера) */
.tw-app-wrapper button {
    cursor: pointer;
    background-image: none;
}

/* 6. Резиновые изображения и SVG */
.tw-app-wrapper img, 
.tw-app-wrapper svg, 
.tw-app-wrapper video {
    display: block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}