body {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #111827;
}

.border {
    border: 1px solid #22222270 !important
}


[id*="deals-table"] thead {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #fff;
    pointer-events: none;
}

    [id*="deals-table"] thead th {
        position: sticky;
        top: 0;
        background-color: inherit;
        z-index: 101;
    }

[id*="deal-table"] thead * {
    pointer-events: none;
    cursor: default !important;
}

[id*="deals-table"] tr {
    transition: background-color 0.1s ease;
}

    [id*="deals-table"] tr:hover td {
        /* color: #000!important; */
        cursor: pointer;
    }

/*[id*="deals-table"] tr:hover {
        background: #46190147;
    }*/

.table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Scroll suave en iOS */
}

.hidden {
    display: none !important
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

input[type="checkbox"] {
    cursor: pointer;
}

@media (max-width: 768px) {
    /* columna congelada: transparente por defecto */

    .table-freeze-last tr:not(.symbol-header) td:last-child {
        position: sticky;
        right: 0;
        z-index: 10;
        transition: background-color .2s;
        width: 32px !important;
        padding-right: 0.5rem !important;
        background-color: transparent;
    }

        .table-freeze-last tr:not(.symbol-header) td:last-child .act-btn {
            display: inherit !important;
            box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.75) !important
        }
}

html {
    scrollbar-color: var(--color-amber-400) #ffffff !important; /* thumb | track */
}

html .peer ~ *::after {
    border-color: #fff;
    background: #fff;
    content: var(--tw-content);
    --tw-shadow: -1px 0 4px 0 var(--tw-shadow-color, var(--color-stone-500)), 1px 0 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

html .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
/*////////////////////////////////////////////////////////////////////////// DARK ///////////////////////////////////////////////////////////////////////////////////*/

html.dark {
    scrollbar-color: var(--color-amber-300) var(--color-stone-900) !important;
}

    html.dark .bg-white\/95 {
        background-color: color-mix(in srgb, var(--color-stone-900) 95%, transparent) !important;
    }

    html.dark .bg-white\/80 {
        background-color: color-mix(in srgb, var(--color-stone-900) 80%, transparent) !important;
    }

    html.dark .bg-white\/50 {
        background-color: color-mix(in srgb, var(--color-stone-900) 50%, transparent) !important;
    }

    html.dark .bg-white\/10 {
        background-color: color-mix(in srgb, var(--color-stone-900) 80%, transparent) !important;
    }

    html.dark .bg-stone-100\/80 {
        background-color: color-mix(in srgb, var(--color-stone-900) 80%, transparent) !important;
    }

    html.dark .text-white {
        color: var(--color-stone-900) !important;
    }

    html.dark .text-stone-900 {
        color: var(--color-stone-100) !important;
    }

    html.dark .text-stone-700 {
        color: var(--color-stone-400) !important;
    }

    html.dark .text-stone-600 {
        color: var(--color-stone-300) !important;
    }

    html.dark .text-stone-500 {
        color: var(--color-stone-400) !important;
    }

    html.dark .border-stone-300 {
        border-color: var(--color-stone-500) !important;
    }

    html.dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }

    html.dark img, html.dark video, html.dark canvas {
        filter: none !important;
        background: transparent !important;
    }

    html.dark .peer:checked ~ *::after {
        border-color: var(--color-stone-900) !important;
        background: var(--color-stone-900);
    }

    html.dark .peer ~ *::after {
        border-color: var(--color-stone-900) !important;
        background: var(--color-stone-900);
    }

    html.dark select.bg-transparent option {
        background: var(--color-stone-900) !important;
    }