/* -------------------------------
 *  Only for light theme
 * ---------------------------------*/
:root {
    /* Header */
    --header-bg: rgb(17 24 39);       /* base-900 */
    --header-border: rgb(31 41 55);   /* base-800 */
    --header-text: rgb(229 231 235);  /* light text */

    /* UL / History */
    --ul-bg: rgb(17 24 39);
    --ul-text: rgb(229 231 235);
    --ul-border: #364153;

    /* Left navbar */
    --sidebar-bg: rgb(17 24 39);
    --sidebar-border: rgb(31 41 55);
    --sidebar-text: rgb(229 231 235);

    /* Hover */
    --hover-text: rgb(255 255 255);

    --lwr-primary-color: #0f719a;
}

@media(max-width: 768px) {
    .add-related,
    .change-related, 
    .delete-related {
        display: none !important; 
    }
}

/* -------------------------------
 *   Light theme styles
 * ---------------------------------*/

/* Header */
html .bg-white.border-b {
    background-color: var(--header-bg);
    border-color: var(--header-border);
    color: var(--header-text);
}

html .bg-white.border-b a {
    color: var(--header-text);
}

html .bg-white.border-b span {
    color: var(--header-text);
}

html .bg-white.border-b a:hover {
    color: var(--hover-text);
}

/* UL / History */
html ul.bg-white.container {
    background-color: var(--ul-bg);
    color: var(--ul-text);
}

html ul.bg-white.container > li {
    border-color: var(--ul-border);
}

html ul.bg-white.container li a {
    color: var(--ul-text);
}

html ul.bg-white.container li a:hover {
    color: var(--hover-text);
}

/* Left navbar */
html .border-b.border-base-200.h-\[65px\] {
    background-color: var(--sidebar-bg);
    border-color: var(--sidebar-border);
    color: var(--sidebar-text);
}

html .border-b.border-base-200.h-\[65px\] a {
    color: var(--sidebar-text);
}

html .border-b.border-base-200.h-\[65px\] a:hover {
    color: var(--hover-text);
}

#main > div:first-child {
    /* не знаю почему шапка перестала прилипать к верху КОСТЫЛЬ */
    position: sticky !important;
    top: 0 !important;
}

#result_list th::before {
    display: none; /* В таблице скраывать чтобы не было отступа когда убрал заголовок на мобилке */
}

#result_list tbody tr th a {
    font-weight: bold;
    color: var(--lwr-primary-color);
}


.lwr-primary-color {
    color: var(--lwr-primary-color) !important;
}


/* Чтобы контейнер не растягивался при использовании select2 */
.flex:has(.select2-container) > *,
.grid:has(.select2-container) > * {
    min-width: 0 !important;
}

.result-list tbody:nth-of-type(even) {
    background-color: #f3f4f6;
}

.dark .result-list tbody:nth-of-type(even) {
    background-color: #141c2c;
}