html, body {
    font-family: "Inter", sans-serif;
}

.login-page {
    background:
        radial-gradient(circle at top right, rgba(47, 125, 246, 0.08), transparent 22%),
        radial-gradient(circle at bottom left, rgba(15, 23, 42, 0.05), transparent 28%),
        #f1f5f9;
}

.app-page {
    background:
        radial-gradient(circle at top right, rgba(47, 125, 246, 0.04), transparent 18%),
        #f1f5f9;
}


@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.animate-marquee {
    animation: marquee 42s linear infinite;
}

.ts-wrapper {
    width: 100% !important;
}

.ts-control {
    width: 100% !important;
    min-height: 42px !important;

    display: flex !important;
    align-items: center !important;

    border-radius: 14px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 6px 10px !important;
    font-size: 14px !important;

    box-shadow: none !important;
}

.ts-control:focus-within {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 4px rgba(37,99,235,0.15) !important;
}

.ts-dropdown {
    position: absolute !important;
    z-index: 9999 !important;
}

.ts-dropdown .option {
    padding: 10px 12px;
    font-size: 13px;
}

.ts-dropdown .option.active {
    background: #2563eb;
    color: white;
}

.ts-dropdown .option:hover {
    background: #f1f5f9;
}

select.ts {
    visibility: hidden;
}

/* CORREÇÃO DE LEGIBILIDADE DO TOMSELECT */

.ts-dropdown .option {
    color: #0f172a !important; /* slate-900 */
}

.ts-dropdown .option.active,
.ts-dropdown .option:hover {
    background-color: #0f172a !important; /* fundo escuro */
    color: #ffffff !important;            /* texto branco */
}

.ts-dropdown .option.selected {
    background-color: #1e293b !important; /* slate-800 */
    color: #ffffff !important;
}