/* Custom Styles for Dark Mode and Layout */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 900;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
src: local('Inter'), url('../fonts/Inter-Regular.woff2') format('woff2');
}

/* Bootstrap 5 Дополнительные цвета из документации */
.bd-blue-100{color:#000;background-color:#cfe2ff}
.bd-blue-200{color:#000;background-color:#9ec5fe}
.bd-blue-300{color:#000;background-color:#6ea8fe}
.bd-blue-400{color:#000;background-color:#3d8bfd}
.bd-blue-500{color:#fff;background-color:#0d6efd}
.bd-blue-600{color:#fff;background-color:#0a58ca}
.bd-blue-700{color:#fff;background-color:#084298}
.bd-blue-800{color:#fff;background-color:#052c65}
.bd-blue-900{color:#fff;background-color:#031633}
.bd-indigo-100{color:#000;background-color:#e0cffc}
.bd-indigo-200{color:#000;background-color:#c29ffa}
.bd-indigo-300{color:#000;background-color:#a370f7}
.bd-indigo-400{color:#fff;background-color:#8540f5}
.bd-indigo-500{color:#fff;background-color:#6610f2}
.bd-indigo-600{color:#fff;background-color:#520dc2}
.bd-indigo-700{color:#fff;background-color:#3d0a91}
.bd-indigo-800{color:#fff;background-color:#290661}
.bd-indigo-900{color:#fff;background-color:#140330}
.bd-purple-100{color:#000;background-color:#e2d9f3}
.bd-purple-200{color:#000;background-color:#c5b3e6}
.bd-purple-300{color:#000;background-color:#a98eda}
.bd-purple-400{color:#000;background-color:#8c68cd}
.bd-purple-500{color:#fff;background-color:#6f42c1}
.bd-purple-600{color:#fff;background-color:#59359a}
.bd-purple-700{color:#fff;background-color:#432874}
.bd-purple-800{color:#fff;background-color:#2c1a4d}
.bd-purple-900{color:#fff;background-color:#160d27}
.bd-pink-100{color:#000;background-color:#f7d6e6}
.bd-pink-200{color:#000;background-color:#efadce}
.bd-pink-300{color:#000;background-color:#e685b5}
.bd-pink-400{color:#000;background-color:#de5c9d}
.bd-pink-500{color:#fff;background-color:#d63384}
.bd-pink-600{color:#fff;background-color:#ab296a}
.bd-pink-700{color:#fff;background-color:#801f4f}
.bd-pink-800{color:#fff;background-color:#561435}
.bd-pink-900{color:#fff;background-color:#2b0a1a}
.bd-red-100{color:#000;background-color:#f8d7da}
.bd-red-200{color:#000;background-color:#f1aeb5}
.bd-red-300{color:#000;background-color:#ea868f}
.bd-red-400{color:#000;background-color:#e35d6a}
.bd-red-500{color:#fff;background-color:#dc3545}
.bd-red-600{color:#fff;background-color:#b02a37}
.bd-red-700{color:#fff;background-color:#842029}
.bd-red-800{color:#fff;background-color:#58151c}
.bd-red-900{color:#fff;background-color:#2c0b0e}
.bd-orange-100{color:#000;background-color:#ffe5d0}
.bd-orange-200{color:#000;background-color:#fecba1}
.bd-orange-300{color:#000;background-color:#feb272}
.bd-orange-400{color:#000;background-color:#fd9843}
.bd-orange-500{color:#000;background-color:#fd7e14}
.bd-orange-600{color:#000;background-color:#ca6510}
.bd-orange-700{color:#fff;background-color:#984c0c}
.bd-orange-800{color:#fff;background-color:#653208}
.bd-orange-900{color:#fff;background-color:#331904}
.bd-yellow-100{color:#000;background-color:#fff3cd}
.bd-yellow-200{color:#000;background-color:#ffe69c}
.bd-yellow-300{color:#000;background-color:#ffda6a}
.bd-yellow-400{color:#000;background-color:#ffcd39}
.bd-yellow-500{color:#000;background-color:#ffc107}
.bd-yellow-600{color:#000;background-color:#cc9a06}
.bd-yellow-700{color:#000;background-color:#997404}
.bd-yellow-800{color:#fff;background-color:#664d03}
.bd-yellow-900{color:#fff;background-color:#332701}
.bd-green-100{color:#000;background-color:#d1e7dd}
.bd-green-200{color:#000;background-color:#a3cfbb}
.bd-green-300{color:#000;background-color:#75b798}
.bd-green-400{color:#000;background-color:#479f76}
.bd-green-500{color:#fff;background-color:#198754}
.bd-green-600{color:#fff;background-color:#146c43}
.bd-green-700{color:#fff;background-color:#0f5132}
.bd-green-800{color:#fff;background-color:#0a3622}
.bd-green-900{color:#fff;background-color:#051b11}
.bd-teal-100{color:#000;background-color:#d2f4ea}
.bd-teal-200{color:#000;background-color:#a6e9d5}
.bd-teal-300{color:#000;background-color:#79dfc1}
.bd-teal-400{color:#000;background-color:#4dd4ac}
.bd-teal-500{color:#000;background-color:#20c997}
.bd-teal-600{color:#000;background-color:#1aa179}
.bd-teal-700{color:#fff;background-color:#13795b}
.bd-teal-800{color:#fff;background-color:#0d503c}
.bd-teal-900{color:#fff;background-color:#06281e}
.bd-cyan-100{color:#000;background-color:#cff4fc}
.bd-cyan-200{color:#000;background-color:#9eeaf9}
.bd-cyan-300{color:#000;background-color:#6edff6}
.bd-cyan-400{color:#000;background-color:#3dd5f3}
.bd-cyan-500{color:#000;background-color:#0dcaf0}
.bd-cyan-600{color:#000;background-color:#0aa2c0}
.bd-cyan-700{color:#fff;background-color:#087990}
.bd-cyan-800{color:#fff;background-color:#055160}
.bd-cyan-900{color:#fff;background-color:#032830}
.bd-gray-100{color:#000;background-color:#f8f9fa}
.bd-gray-200{color:#000;background-color:#e9ecef}
.bd-gray-300{color:#000;background-color:#dee2e6}
.bd-gray-400{color:#000;background-color:#ced4da}
.bd-gray-500{color:#000;background-color:#adb5bd}
.bd-gray-600{color:#fff;background-color:#6c757d}
.bd-gray-700{color:#fff;background-color:#495057}
.bd-gray-800{color:#fff;background-color:#343a40}
.bd-gray-900{color:#fff;background-color:#212529}
.bd-white{color:#000;background-color:#fff}
.bd-black{color:#fff;background-color:#000}

body{font-family:'Inter',sans-serif;transition:background-color 0.3s,color .3s;overflow:hidden;background-position:center center;background-image:url(../bg_light.jpg);background-repeat:no-repeat;background-size:cover}
.loader{border:3px solid #f3f3f3;border-top:3px solid #0ea5e9;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}
.btn-brand{background-color:#0ea5e9;border-color:#0ea5e9;color:#fff;transition:background-color .15s ease-in-out}
.btn-brand:hover{background-color:#0284c7;border-color:#0284c7;color:#fff}
.bg-sections{background: #ffffff63; box-shadow: 0px 0px 5px 0px #ece6e6; backdrop-filter: blur(5px);}
.navbar{position: relative;z-index: 1;backdrop-filter: blur(5px);}
.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1040;background-color:#00000080;display:none;transition:opacity .3s}
.sidebar-content{position:fixed;top:0;left:0;width:80%;max-width:300px;height:100%;z-index:1050;transform:translateX(-100%);transition:transform .3s ease-in-out;}
.sidebar-open .sidebar-overlay{display:block}
.sidebar-open .sidebar-content{transform:translateX(0);background:#fff!important}

#canvas-points{display:block;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}
.selected_row .fileName{color:var(--bs-indigo)}
.fileName{}
.selected-type-result{}
.selected-type-result .type-icon-bg{background:#7536ff!important}
.selected-type-result i{color:#fff}
.model-label{border:1px solid var(--bs-indigo)!important;color:var(--bs-indigo)!important}
.btn-check:checked + .model-label{background:var(--bs-indigo)!important;color:#fff!important}

/* Темная тема */
.dark-mode{background-color:#0f172a;color:#f1f5f9; background-image:url(../bg_dark.jpg);}
.dark-mode .bg-light{background-color:#1e293b!important}
.dark-mode .bg-white{background-color:#1e293b!important}
.dark-mode .text-dark{color:#f1f5f9!important}
.dark-mode .text-muted{color:#94a3b8!important}
.dark-mode .border{border-color:#334155!important}
.dark-mode .border-bottom{border-color:#334155!important}
.dark-mode .list-group-item{background-color:#1e293b;border-color:#334155}
.dark-mode .form-control{background-color: #202020; border-color: #111; color: #888;}
.dark-mode .form-control::placeholder{color:#94a3b8}
.dark-mode .card{background-color:#1e293b;border-color:#334155}
.dark-mode .loader{border-color:#334155;border-top-color:#0ea5e9}
.dark-mode .bg-sections{background: #4242424f; border: 1px solid #1f2024;  box-shadow: 0 12px 40px rgba(0,0,0,0.19);}
.dark-mode .selected-type-result{background:#211655 !important}
.dark-mode .model-label{color:#a381ff !important}

/* Badge styles for dark mode */
.dark-mode .badge {
    color: #f1f5f9;
}
.dark-mode .badge.bd-gray-200 {
    background-color: #475569 !important; /* Slate 600 */
    color: #f1f5f9 !important;
}
.dark-mode .badge.bd-indigo-100 {
    background-color: #4c1d95 !important; /* Indigo 800 */
    color: #f1f5f9 !important;
}
.dark-mode .badge.bd-purple-100 {
    background-color: #581c87 !important; /* Purple 800 */
    color: #f1f5f9 !important;
}
.dark-mode .badge.bd-pink-100 {
    background-color: #831843 !important; /* Pink 800 */
    color: #f1f5f9 !important;
}

/* Result display area */
.result-display {
    font-size: 0.875rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #212529;
}

.dark-mode .result-display {
    background-color: #1e293b;
    border-color: #334155;
    color: #f1f5f9;
}

.dark-mode .result-display table {
    color: #f1f5f9;
}

.dark-mode .result-display table th {
    background-color: #334155;
    border-color: #475569;
    color: #f1f5f9;
}

.dark-mode .result-display table td {
    border-color: #475569;
    color: #f1f5f9;
}

.dark-mode .result-display table tbody tr:hover {
    background-color: #334155;
}

.dark-mode .result-display table.table-bordered {
    border-color: #475569;
}

.dark-mode .result-display table.table-bordered th,
.dark-mode .result-display table.table-bordered td {
    border-color: #475569;
}

.dark-mode .result-display p {
    color: #f1f5f9;
}

.dark-mode .result-display h1,
.dark-mode .result-display h2,
.dark-mode .result-display h3,
.dark-mode .result-display h4,
.dark-mode .result-display h5,
.dark-mode .result-display h6 {
    color: #f1f5f9;
}

.dark-mode .result-display code {
    background-color: #334155;
    color: #f1f5f9;
    border-color: #475569;
}

.dark-mode .result-display pre {
    background-color: #334155;
    color: #f1f5f9;
    border-color: #475569;
}

@media (min-width: 576px) {
    .sidebar-overlay{display:none!important}
    .sidebar-content{position:relative;max-width:none;width:300px;transform:translateX(0);}
}

/* Анимации */
@keyframes spin {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

.fr-box {
    display: flex;
    height: 100%;
    flex-direction: column;

    .fr-wrapper {
      flex: 1 !important;

      .fr-element {
        min-height: 100% !important;
      }
    }
  }

div.dt-container div.dt-layout-row {
  margin: .25em 0 !important;
}

div.dt-container select.dt-input {
  margin: 0px 10px 0px 15px;
}

div.dt-container .dt-search input {
  padding: 0px 5px  !important;
  margin-right: 15px;
}

div.dt-container .dt-info{
font-size: 14px;
}

div.dt-container .dt-paging .dt-paging-button {
  padding: .25em 0.75em !important;
  border-radius: 5px !important;
}

.fr-toolbar.fr-top{
    border: none 0px !important;
    border-radius: 0px !important;
}

.fr-box.fr-basic .fr-wrapper{
    border: none 0px !important;
}

.fr-second-toolbar{
    border: none 0px !important;
    border-radius: 0px !important;
}

.type-icon-bg {
  background: #f5efff;
}