@import url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans:wght@400;700&display=swap');

.quattrocento {
    font-family: 'Quattrocento Sans', sans-serif;
    color: #000000 !important; /* força preto */
}

/* TEXTO NORMAL SEM ESTAR EM UPPERCASE */
body, h1, h2, h3, h4, h5, h6, p, span, label, .rz-button, .rz-header, .rz-title {
    text-transform: none !important;
}

.rz-button {
    background-color: var(--rz-primary);
    color: var(--rz-on-primary);
    border: none;
    text-transform: none !important;
}

.rz-custom-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    background-color: var(--rz-base-100);
    color: var(--rz-base-900);
    font-weight: 500;
    text-transform: none;
}

.rz-pagesize-text {
    visibility: hidden;
    position: relative;
    
}
    .rz-pagesize-text::after {
        font-size: 12px;
        content: "Itens por página";
        visibility: visible;
        position: absolute;
        left: 0;
    }

/* ESCONDE o texto original */
.rz-clear-filter .rz-button-text,
.rz-apply-filter .rz-button-text {
    display: none !important;
}

/* CLEAR */
.rz-clear-filter::after {
    content: "Limpar";
}

/* APPLY */
.rz-apply-filter::after {
    content: "Aplicar";
}


.linha-nao td {
    background-color: #ffcccc !important;
}

.linha-sim td {
    background-color: #ccffcc !important;
}

.linha-ocorrencia td {
    background-color: #ffffcc !important;
}

.my-popup {
    display: none;
    position: absolute;
    overflow: hidden;
    border: var(--rz-panel-border);
    background-color: var(--rz-panel-background-color);
    box-shadow: var(--rz-panel-shadow);
    border-radius: var(--rz-border-radius);
}

/* CORES AJUSTADAS PARA A NOVA PRIMÁRIA (#9B724F) */
:root {
    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base: #f5f5f5;
    --rz-base-50: #fafafa;
    --rz-base-100: #f5f5f5;
    --rz-base-200: #eeeeee;
    --rz-base-300: #e0e0e0;
    --rz-base-400: #bdbdbd;
    --rz-base-500: #9e9e9e; /* cinza da logo */
    --rz-base-600: #7a7a7a;
    --rz-base-700: #616161;
    --rz-base-800: #424242;
    --rz-base-900: #212121;
    --rz-base-light: #f5f5f5;
    --rz-base-lighter: #ffffff;
    --rz-base-dark: #7a7a7a;
    --rz-base-darker: #212121;
    /* NOVA PALETA PRIMÁRIA */
    --rz-primary: #9B724F; /* cor principal */
    --rz-primary-light: #B58C6A;
    --rz-primary-lighter: rgba(155, 114, 79, 0.12);
    --rz-primary-dark: #7A593E;
    --rz-primary-darker: #5A3F2C;
    --rz-secondary: #9e9e9e;
    --rz-secondary-light: #bdbdbd;
    --rz-secondary-lighter: rgba(158, 158, 158, 0.12);
    --rz-secondary-dark: #7a7a7a;
    --rz-secondary-darker: #616161;
    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: #9B724F;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;
    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #ffffff;
    --rz-on-secondary-lighter: #9e9e9e;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;
    /*LABEL FORM FIELD*/
    --rz-form-field-label-focus-color: var(--rz-primary);
    /*BORDA EXTERNA FORM FIELD*/
    --rz-border-focus: var(--rz-border-width) solid var(--rz-primary);
    /*BORDA INTERNA FORM FIELD*/
    --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary);
}

/* BANNER DE RECONEXÃO */
#components-reconnect-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 10px 16px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

#components-reconnect-modal .reconnect-banner,
#components-reconnect-modal .reconnect-failed,
#components-reconnect-modal .reconnect-rejected {
    display: none;
}

#components-reconnect-modal.components-reconnect-show {
    display: block;
    background-color: #fff3cd;
    color: #664d03;
    border-bottom: 2px solid #ffca2c;
}

#components-reconnect-modal.components-reconnect-show .reconnect-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#components-reconnect-modal.components-reconnect-failed,
#components-reconnect-modal.components-reconnect-rejected {
    display: block;
    background-color: #f8d7da;
    color: #842029;
    border-bottom: 2px solid #f5c2c7;
}

#components-reconnect-modal.components-reconnect-failed .reconnect-failed {
    display: block;
}

#components-reconnect-modal.components-reconnect-rejected .reconnect-rejected {
    display: block;
}

#components-reconnect-modal a.reload {
    color: inherit;
    font-weight: bold;
    text-decoration: underline;
}

.reconnect-spinner {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    animation: reconnect-spin 1.5s linear infinite;
}

.reconnect-spinner .path {
    stroke: #664d03;
    stroke-linecap: round;
    animation: reconnect-dash 1.5s ease-in-out infinite;
}

@keyframes reconnect-spin {
    100% { transform: rotate(360deg); }
}

@keyframes reconnect-dash {
    0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
    50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
    100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
}

/* GRADIENTE ANIMADO COM A NOVA PRIMÁRIA E CINZA */
.animated-gradient {
    background: linear-gradient(270deg, var(--rz-primary) 0%, var(--rz-secondary) 100%);
    background-size: 400% 400%;
    animation: gradientAnimation 8s ease infinite;
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}