/* ============================================================
   Кастомные стили для шаблона xttailwindcss
   Подключаются только на страницах, НЕ являющихся логином/регистрацией
   ============================================================ */

/* ---------- Sidebar, Header, Logo фон ---------- */
.sidebar-wrapper,
.logo-segment,
.sidebar-menus,
.app-header {
    background-color: #ffffff !important;
}
.dark .sidebar-wrapper,
.dark .logo-segment,
.dark .sidebar-menus,
.dark .app-header {
    background-color: #1e293b !important;
}

/* ---------- RSForm таблицы - цвета шрифтов ---------- */
.rsform-table,
.rsform-table table,
table.rsform {
    color: #1e293b !important;
}
.rsform-table th,
.rsform-table td,
table.rsform th,
table.rsform td {
    color: #1e293b !important;
}
.rsform-table a,
table.rsform a {
    color: #2563eb !important;
}
.rsform-table a:hover,
table.rsform a:hover {
    color: #1d4ed8 !important;
}
table td, 
table th {
    color: #1e293b;
}
table a {
    color: #2563eb;
}

/* Темная тема для таблиц */
.dark .rsform-table,
.dark .rsform-table table,
.dark table.rsform {
    color: #e2e8f0 !important;
}
.dark .rsform-table th,
.dark .rsform-table td,
.dark table.rsform th,
.dark table.rsform td {
    color: #e2e8f0 !important;
}
.dark .rsform-table a,
.dark table.rsform a {
    color: #60a5fa !important;
}
.dark table td,
.dark table th {
    color: #e2e8f0;
}
.dark table a {
    color: #60a5fa;
}

/* ---------- Well / Well-small (Joomla Bootstrap) ---------- */
.well,
.well-small {
    background-color: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #1e293b !important;
}
.dark .well,
.dark .well-small {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

/* ---------- Select поля фильтрации (filter, filter1) ---------- */
select[name="filter"],
select[name="filter1"],
select.rsform-select,
input#rsfilter {
    height: 42px !important;
    padding: 8px 12px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
    font-size: 14px !important;
    border-radius: 6px !important;
    outline: none !important;
}
select[name="filter"]:focus,
select[name="filter1"]:focus,
select.rsform-select:focus,
input#rsfilter:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15) !important;
}
.dark select[name="filter"],
.dark select[name="filter1"],
.dark select.rsform-select,
.dark input#rsfilter {
    background-color: #1e293b !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}
.dark input#rsfilter::placeholder {
    color: #94a3b8 !important;
}
.dark select[name="filter"] option,
.dark select[name="filter1"] option,
.dark select.rsform-select option {
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
}

/* ---------- Кнопка OPEN ORDER (стиль DashCode) ---------- */
/* Стиль из buttons.html: btn inline-flex justify-center btn-primary rounded-[25px] */
/* Точные значения btn-primary из assets/css/app.css: background-color: rgb(70 105 250) = #4669fa */
.rsform-table a[href*="openorder"],
.rsform-table a[href*="open_order"],
.rsform-table button.btn-primary,
table.rsform a[href*="openorder"],
table.rsform a[href*="open_order"],
table.rsform button.btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    border-radius: 25px !important;
    border: 1px solid transparent !important;
    transition: all 0.15s ease-in-out !important;
    cursor: pointer !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    min-height: 38px !important;

    /* Light theme - точно как btn-primary в DashCode */
    background-color: #4669fa !important;
    border-color: #4669fa !important;
    color: #ffffff !important;
}
.rsform-table a[href*="openorder"]:hover,
.rsform-table a[href*="open_order"]:hover,
.rsform-table button.btn-primary:hover,
table.rsform a[href*="openorder"]:hover,
table.rsform a[href*="open_order"]:hover,
table.rsform button.btn-primary:hover {
    background-color: #4669fa !important;
    border-color: #4669fa !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(70, 105, 250, 0.8) !important;
}

/* Dark theme - DashCode использует opacity 0.7 на hover */
.dark .rsform-table a[href*="openorder"],
.dark .rsform-table a[href*="open_order"],
.dark .rsform-table button.btn-primary,
.dark table.rsform a[href*="openorder"],
.dark table.rsform a[href*="open_order"],
.dark table.rsform button.btn-primary {
    background-color: #4669fa !important;
    border-color: #4669fa !important;
    color: #ffffff !important;
}
.dark .rsform-table a[href*="openorder"]:hover,
.dark .rsform-table a[href*="open_order"]:hover,
.dark .rsform-table button.btn-primary:hover,
.dark table.rsform a[href*="openorder"]:hover,
.dark table.rsform a[href*="open_order"]:hover,
.dark table.rsform button.btn-primary:hover {
    background-color: rgba(70, 105, 250, 0.7) !important;
    border-color: rgba(70, 105, 250, 0.7) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}