/*
    Estilos globais

    1. Estilos personalizados dos componentes de formul�rio
    2. Estilos da barra de rolagem
*/


/* Start:: 1. Estilos personalizados dos componentes de formul�rio */
/* Start:: 1. Estilos personalizados dos componentes de formul�rio */
/* Start:: 1. Estilos personalizados dos componentes de formul�rio */

.input-container .input {
    font-size: 1em;
    padding: 0.5em 1em;
    border: none;
    border-radius: 6px;
    background-color: var(--form-control-bg);
    border: 1px solid var(--input-border);
    color: var(--default-text-color);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    max-width: 210px;
}

    .input-container .input:focus {
        outline: none;
        border-color: var(--primary05);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .input-container .input::placeholder {
        color: #999;
    }

/* Para navegadores Webkit (Chrome, Safari, Edge) */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Para Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* End:: 1. Estilos personalizados dos componentes de formul�rio */
/* End:: 1. Estilos personalizados dos componentes de formul�rio */
/* End:: 1. Estilos personalizados dos componentes de formul�rio */



/* Start:: 2. Estilos da barra de rolagem */
/* Start:: 2. Estilos da barra de rolagem */
/* Start:: 2. Estilos da barra de rolagem */

/* Estiliza a barra de rolagem geral da p�gina */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 0.25rem;
    height: 0.25rem;
    -webkit-transition: all ease 0.05s;
    transition: all ease 0.05s;
    background: rgb(var(--light-rgb));
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: var(--primary05);
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

    html::-webkit-scrollbar-thumb:hover,
    body::-webkit-scrollbar-thumb:hover {
        background: rgb(var(--primary-rgb));
    }

/* Mant�m o estilo das barras de rolagem de elementos internos */
body *::-webkit-scrollbar {
    width: 0.35rem;
    height: 0.35rem;
    -webkit-transition: all ease 0.05s;
    transition: all ease 0.05s;
    background: rgb(var(--light-rgb));
}

body *::-webkit-scrollbar-thumb {
    background: var(--primary05);
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

    body *::-webkit-scrollbar-thumb:hover {
        background: rgb(var(--primary-rgb));
    }


.tv-scrollbar::-webkit-scrollbar,
body.tv-scrollbar *::-webkit-scrollbar {
    width: 0.7rem;
    height: 0.7rem;
}

.tv-scrollbar::-webkit-scrollbar-thumb,
body.tv-scrollbar *::-webkit-scrollbar-thumb {
    background: var(--primary05);
}

/* End:: 2. Estilos da barra de rolagem */
/* End:: 2. Estilos da barra de rolagem */
/* End:: 2. Estilos da barra de rolagem */

/* Start:: 3. Dashboards � destaque na linha (faixa na primeira coluna) */
/*
   Uso: aplique o modificador no <tr> (ex.: SimpleList RowClass).
   Cores via vari�veis Bootstrap (--bs-*). Para listas em <div>, use
   .dash-stack-item + .dash-stack-item--accent-* (borda � esquerda no pr�prio bloco).
*/
tr.dash-table-row--accent-danger > td:first-child {
    box-shadow: inset 3px 0 0 0 var(--bs-danger);
}

tr.dash-table-row--accent-warning > td:first-child {
    box-shadow: inset 3px 0 0 0 var(--bs-warning);
}

tr.dash-table-row--accent-success > td:first-child {
    box-shadow: inset 3px 0 0 0 var(--bs-success);
}

tr.dash-table-row--accent-primary > td:first-child {
    box-shadow: inset 3px 0 0 0 var(--bs-primary);
}

tr.dash-table-row--accent-info > td:first-child {
    box-shadow: inset 3px 0 0 0 var(--bs-info);
}

tr.dash-table-row--accent-secondary > td:first-child {
    box-shadow: inset 3px 0 0 0 var(--bs-secondary);
}

.dash-stack-item {
    border-inline-start: 3px solid transparent;
}

.dash-stack-item--accent-danger {
    border-inline-start-color: var(--bs-danger);
}

.dash-stack-item--accent-warning {
    border-inline-start-color: var(--bs-warning);
}

.dash-stack-item--accent-success {
    border-inline-start-color: var(--bs-success);
}

.dash-stack-item--accent-primary {
    border-inline-start-color: var(--bs-primary);
}

.dash-stack-item--accent-info {
    border-inline-start-color: var(--bs-info);
}

.dash-stack-item--accent-secondary {
    border-inline-start-color: var(--bs-secondary);
}

/* End:: 3. Dashboards � destaque na linha */

/* Start:: 4. Login � fundo */
.plm-login-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url('/background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* End:: 4. Login � fundo */