:root {
    --color-primary: #1E1B19;
    --color-secondary: #262124;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: rgba(255, 255, 255, 0.85);
    --color-text-tertiary: #000000;
    --font-principal: "Sora";
    --degrade-primary: linear-gradient(91deg, #D84D94 0.03%, #DF7D37 98.33%);
    --color-positive: #34C759;
    --color-alert: #FFCC00;
    --color-error: #FF6158;

}

body {
    background-color: var(--color-primary);
}

a { text-decoration: none; }
ul { list-style: none; }

.primary_color{ color: var(--color-primary) ; }
.secondary_color{ color: var(--color-secondary) ; }
.tertiary_color{ color: var(--color-tertiary); }
.primary_text_color{ color: var(--color-text-primary) ; }
.secondary_text_color{ color: var(--color-text-secondary) ; }
.tertiary_text_color{ color: var(--color-text-tertiary) ; }

.bg_primary{ background-color: var(--color-primary) ; }
.bg_secondary{ background-color: var(--color-secondary) ; }
.bg_tertiary{ background-color: var(--color-tertiary); }
.bg_primary_text{ background-color: var(--color-text-primary) ; }
.bg_secondary_text{ background-color: var(--color-text-secondary) ; }
.bg_tertiary_text{ background-color: var(--color-text-tertiary); }
.degrade_primary { background: var(--degrade-primary); }
.degrade_secondary { background: linear-gradient(90deg, #393939 0%, #1B1B1B 100%); }

.positivity_color { color: var(--color-positive); }
.alert_color { color: var(--color-alert); }
.alert{ color: var(--color-alert); }
.error_color { color: var(--color-error); }

.text_colored {
    background: var(--degrade-primary);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: table;
    border: none;
}

.border_colored {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid transparent;
    background: linear-gradient(var(--color-secondary), var(--color-secondary)) padding-box,
                var(--degrade-primary) border-box;
}

.h1 { font-family: var(--font-principal); font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; }
.h2 { font-family: var(--font-principal); font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; }
.h3 { font-family: var(--font-principal); font-size: 28px; font-style: normal; font-weight: 700; line-height: normal; }
.h4 { font-family: var(--font-principal); font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; }
.h5 { font-family: var(--font-principal); font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; }
.h6 { font-family: var(--font-principal); font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: -0.5px; }
.body1 { font-family: var(--font-principal); font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; }
.body2 { font-family: var(--font-principal); font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; }
.body3 { font-family: var(--font-principal); font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; }
.body4 { font-family: var(--font-principal); font-size: 18px; font-style: normal; font-weight: 300; line-height: normal; }
.body5 { font-family: var(--font-principal); font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; }
.body6 { font-family: var(--font-principal); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
.body7 { font-family: var(--font-principal); font-size: 14px; font-style: normal; font-weight: 700; line-height: 131.649%; }
.body8 { font-family: var(--font-principal); font-size: 14px; font-style: normal; font-weight: 400; line-height: 131.649%; }
.body8_var { font-family: var(--font-principal); font-size: 14px; font-style: normal; font-weight: 400; line-height: 131.649%; text-decoration: underline; text-underline-offset: auto; }
.body9 { font-family: var(--font-principal); font-size: 12px; font-style: normal; font-weight: 700; line-height: 131.649%; }
.body10 { font-family: var(--font-principal); font-size: 12px; font-style: normal; font-weight: 400; line-height: 131.649%; }
.body11 { font-family: var(--font-principal); font-size: 10px; font-style: normal; font-weight: 400; line-height: 131.649%; }
.body12 { font-family: var(--font-principal); font-size: 10px; font-style: normal; font-weight: 700; line-height: 131.649%; }
.body13 { font-family: var(--font-principal); font-size: 8px; font-style: normal; font-weight: 400; line-height: 131.649%; }

input:focus {
    outline: none;
    border: none;
}

form .form-control {
     height: 37px;
    border-radius: 5px;
}

.form_button {
    color: var(--color-text-primary);
    display: flex;
    width: 358px;
    height: 40px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border: none;
    text-decoration: none;
    border-radius: 4px;
    margin: 0 auto;
}

.table-responsive {
    padding: 22px 24px 18px;
    background-color: var(--color-secondary);
    border-radius: 14px;
}

.table-responsive .table {
    color: var(--color-text-primary);
    table-layout: fixed;
    white-space: nowrap;
}

.table-responsive .table thead {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
.table-responsive .table thead th {
    font-weight: 700;
    padding: 0 10px 18px;
    line-height: 1.15;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}
.table-responsive .table tbody tr {
    border-top: 1px solid rgba(255,255,255,.055);
}
.table-responsive .table tbody td {
    padding: 14px 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 131.64851665496826%;
    vertical-align: middle;
    text-align: center;
}

.table>:not(caption)>*>* {
    background-color: transparent;
    color: var(--color-text-primary);
    border: 0;
    white-space: normal !important;
}

.botao_filtrar {
    background-color:var(--color-text-primary);
    color: var(--color-secondary);
    display: flex;
    padding: 8.8px 11.733px;
    border-radius: 5.133px;
    justify-content: center;
    align-items: center;
    gap: 2.933px;
    border: none;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

.btn_more {
    background: var(--degrade-primary);
    color: var(--color-text-primary);
    display: flex;
    padding: 15.091px;
    width: 191.653px;
    justify-content: center;
    align-items: center;
    border-radius: 4.527px;
    border: none;
    text-decoration: none;
}

.card_saldo {
    padding: 20px 35px 31px 35px;
    background: var(--color-secondary);
    color: var(--color-text-primary);
    border-radius: 6.384px;
    max-width: 387.833px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.card_saldo .form_button {
    height: 48.52px;
    padding: 12.768px;
}

header nav {
    background-color: var(--color-secondary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52.729px;
    padding: 0 12px;
}

.offcanvas {
    background-color: var(--color-secondary);
    color: var(--color-text-primary);
    max-width: 258px;
    margin-top: 52.729px;
}

.offcanvas ul li a {
    display: flex;
    align-items: center;
    gap: 8px;
}
.offcanvas ul li #link_sair_mobile {
    color: var(--color-text-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    width: 83px;
    padding: 10px;
}
@media screen and (max-width: 768px) {
    form .form-control {
        min-width: 277px;
        height: 37px;
    }
    .form_button {
        width: 175px;
        height: 40px;
    }

    .dropdown-menu .dropdown-item {
        color: var(--color-text-primary);
    }

    .btn_more {
        width: 127px;
        padding: 10px;
        border-radius: 3px;
    }

    .card_saldo {
        max-width: 303.743px;
        padding: 15px 27px 24px 27px;
    }

    .card_saldo .form_button {
        padding: 10px;
    }
}

/* Paginacao admin (jul/2026 - refatorado de pagination.php) */
.pagination-admin .page-link {
    background-color: transparent;
    color: var(--color-text-primary, #ffffff);
    border-color: rgba(255, 255, 255, 0.12);
}

.pagination-admin .page-item.active .page-link {
    background: linear-gradient(90deg, #d84d94 0.03%, #df7d37 98.33%);
    border-color: transparent;
    color: #1f1f1f;
    font-weight: 700;
}

.pagination-admin .page-link:hover {
    background-color: rgba(255, 255, 255, 0.06);
    color: var(--color-text-primary, #ffffff);
}

.pagination-admin .page-item.disabled .page-link,
.pagination-admin .page-item.disabled .page-link:hover {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.32);
    border-color: rgba(255, 255, 255, 0.06);
    cursor: not-allowed;
    pointer-events: none;
}