html[data-bs-theme="light"] body{
    background: 
        linear-gradient(rgba(220, 228, 238, 0.85), rgba(220, 228, 238, 0.85)),
        url('/static/bk/bk_1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

html[data-bs-theme="dark"] body{
    background: 
        linear-gradient(rgba(2, 11, 21, 0.85), rgba(2, 47, 101, 0.85)),
        url('/static/bk/bk_1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

[data-bs-theme="dark"] ::selection {
    background: #2563eb !important;
    color: white !important;
}

.readonly-input{
    background-color: rgb(171, 174, 179, 0.3);
    color: rgb(171, 174, 179, 0.5);
}

.readonly-input:focus{
    background-color: rgb(171, 174, 179, 0.3);
    color: rgb(171, 174, 179, 0.5);
}

.htmx-indicator {
    display: none;
}

.htmx-request.htmx-indicator {
    display: inline-block;
}

.fs-1{
    font-size: 32px !important;
}

.fs-2{
    font-size: 28px !important;
}

.fs-3{
    font-size: 25px !important;
}

.fs-4{
    font-size: 22px !important;
}

.fs-5{
    font-size: 20px !important;
}

.fs-6{
    font-size: 18px !important;
}
.fs-7{
    font-size: 14px !important;
}

.fs-8{
    font-size: 12px !important;
}

.fs-9{
    font-size: 10px !important;
}

.text-black{
    color: #000000 !important;
}

.text-black-50{
    color: #0000008f !important;
}

.text-account{
    color: #ff9900 !important;
}

.rounded-4{
    border-radius: 10px;
}
.rounded-5{
    border-radius: 15px;
}
.rounded-6{
    border-radius: 20px;
}

.swal2-container {
    z-index: 99999 !important;
}

.table-fixed-header {
  /* container com scroll vertical */
  max-height: 500px; /* ajuste conforme sua tela */  
  overflow-y: auto;
}

.table-fixed-header thead th {
  position: sticky;
  top: 0;
  z-index: 2; /* mantém acima das linhas */
  /*background: #fff;  ou use var(--bs-body-bg) */
}

/* se usar <thead class="table-dark"> */
.table-fixed-header thead.table-dark th {
  background: var(--bs-dark);
  color: #fff;
}

/* se usar <thead class="table-light"> */
.table-fixed-header thead.table-light th {
  background: var(--bs-light);
}


#nprogress .bar {
    background: #e41d2d !important;
    height: 2px !important;
}

#nprogress .peg {
    box-shadow: 0 0 10px #f63b54, 0 0 5px #f63b3b !important;
}


.ts-control {
    margin: 0;
    min-height: 20px;        /* altura total */
    max-height: 20px;
    padding: 0px 0px;       /* espaço interno */
    font-size: 12px;
    background-color: #ffffff; /* dark */
    border: 1px solid #334155;
    color: #e5e7eb;
}

.ts-dropdown {
    background-color: #ffffff;
    border: 1px solid #334155;
}

.ts-dropdown .option {
    padding: 5px 9px;
    font-size: 14px;
    color: #363636;
}

.ts-dropdown .option.active {
    background-color: #1e293b;
    color: #fdfdfd;
}


/* Container do select */
.select2-container--default .select2-selection--single {
    background-color: #0f172a; /* fundo dark */
    border: 1px solid #334155;
    height: 38px;
    color: #e5e7eb;
}

/* Texto selecionado */
.select2-container--default 
.select2-selection--single 
.select2-selection__rendered {
    color: #e5e7eb;
    line-height: 36px;
}

/* Placeholder */
.select2-container--default 
.select2-selection--single 
.select2-selection__placeholder {
    color: #94a3b8;
}

/* Seta */
.select2-container--default 
.select2-selection--single 
.select2-selection__arrow b {
    border-color: #e5e7eb transparent transparent transparent;
}

/* Dropdown */
.select2-dropdown {
    background-color: #0f172a;
    border: 1px solid #334155;
}

/* Opções */
.select2-results__option {
    color: #e5e7eb;
}

/* Hover */
.select2-results__option--highlighted {
    background-color: #1e293b !important;
    color: #fff;
}

/* Opção selecionada */
.select2-results__option--selected {
    background-color: #334155;
}

/* Search input */
.select2-search__field {
    background-color: #020617;
    color: #e5e7eb;
    border: 1px solid #334155;
}

.assinatura{
    padding: 40px, 40px !important;
}


.marquee {
    overflow: hidden;
    white-space: nowrap;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: scroll 10s linear infinite;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}