:root {
  --txt-color-white: #fff;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  
  /* Variáveis para Dark Mode */
  --company-color: #3cbda1;
  --company-color-dark: #2ea574;
  --bg-color: #ffffff;
  --card-bg: rgba(0, 0, 0, 0.125);
  --text-primary: #333333;
  --text-secondary: #666666;
  --border-color: #e0e0e0;
  --card-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  --footer-bg: #f8f9fa;
  --nav-bg: #ffffff;
  --alert-bg: #d1ecf1;
  --alert-text: #0c5460;
  --breadcrumb-bg: transparent;
  --loader-bg: #ffffff;
  --modal-bg: #ffffff;
  --ticket-error: #e72929;
  --ticket-bg: #ffffff;
  --senha-bg: #a70000;

}

[data-theme="dark"] {
  --company-color: #3cbda1;
  --company-color-dark: #36c387;
  --bg-color: #000000;
  --card-bg: #2d2d2d;
  --text-primary: #f0f0f0;
  --text-secondary: #cccccc;
  --border-color: #444444;
  --card-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  --footer-bg: #222222;
  --nav-bg: #333333;
  --alert-bg: #1e3a3f;
  --alert-text: #b8daff;
  --breadcrumb-bg: rgba(255, 255, 255, 0.05);
  --loader-bg: #000000;
  --modal-bg: #2d2d2d;
  --ticket-error: #ff6b6b;
  --ticket-bg: #2d2d2d;
  --senha-bg: #ffffffff;

    /* Header Heights */
    --main-header-height: 80px;
}
/* Ajustes para as abas - Modernizadas */
#modal-login .nav-tabs-login {
    margin-left: 24px;
    margin-right: 24px;
    margin-top: 24px;
    border-bottom: 2px solid var(--border-color);
    background-color: var(--bg-primary);
    border-radius: 16px 16px 0 0;
    padding: 12px 12px 0 12px;
}

#modal-login .nav-tabs-login .nav-link {
    color: var(--text-secondary) !important;
    font-weight: 600;
    padding: 14px 24px;
    border-radius: 12px 12px 0 0;
    margin-right: 6px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background-color: transparent;
    border: none;
    font-size: 14px;
}

#modal-login .nav-tabs-login .nav-link:hover {
    background-color: var(--bg-tertiary);
    color: var(--company-color) !important;
    transform: translateY(-2px);
}

#modal-login .nav-tabs-login .nav-link.active {
    color: var(--company-color) !important;
    background-color: var(--bg-secondary);
    border-bottom: 3px solid var(--company-color);
    font-weight: 700;
    transform: translateY(-2px);
}

/* Ajustes para o conteúdo das abas */
#modal-login .tab-content {
    margin-left: 24px;
    margin-right: 24px;
    transition: all 0.3s ease;
}