/**
 * Componente: Abas de Navegação (Tabs)
 * Design System Locamais Portal
 * @version 1.0.0
 */

.locamais-tabs-nav {
    display: flex;
    border-bottom: 2px solid var(--lm-border, #E5E7EB);
    margin-bottom: 1.5rem;
    gap: 0;
}
.locamais-tab-button {
    display: inline-flex !important; align-items: center !important; gap: 8px !important;
    padding: 0.8rem 1.5rem !important; font-size: 0.95rem !important; font-weight: 500 !important;
    color: var(--lm-secondary, #64748B) !important; background-color: var(--lm-lighter, #F3F4F6) !important;
    border: 1px solid var(--lm-border, #E5E7EB) !important; border-bottom: none !important;
    cursor: pointer !important; transition: all 0.2s ease-in-out !important;
    margin-bottom: -2px !important; border-radius: 6px 6px 0 0 !important;
    position: relative !important; top: 2px;
}
.locamais-tab-button:not(.is-active):hover {
    color: var(--lm-primary-dark, #2563EB) !important; background-color: #e9eff6 !important;
    transform: translateY(-2px); z-index: 1;
}
.locamais-tab-button.is-active {
    color: var(--lm-primary, #0F172A) !important; font-weight: 600 !important;
    background-color: var(--lm-background-main, #FFFFFF) !important;
    border-top: 3px solid var(--lm-primary-dark, #2563EB) !important;
    border-left: 1px solid var(--lm-border, #E5E7EB) !important;
    border-right: 1px solid var(--lm-border, #E5E7EB) !important;
    border-bottom: 2px solid var(--lm-background-main, #FFFFFF) !important;
    top: 0; transform: translateY(0); z-index: 2;
}
.locamais-tab-button .dashicons, .locamais-tab-button .fa-solid {
    font-size: 1.2em !important; color: inherit !important;
}

.locamais-tab-content { display: none; }
.locamais-tab-content.is-active { display: block; animation: fadeIn 0.4s ease-in-out; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}