/*
 * ==========================================================
 * TEMA ESCURO (DARK MODE)
 * ==========================================================
 */

body.dark-mode {
    background-color: #212121;
    color: #e0e0e0;
}

body.dark-mode .header {
    background-color: rgba(18, 18, 18, 0.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(55, 55, 55, 0.8);
    color: #757575;
}

body.dark-mode .header-logo {
    color: #e0e0e0;
}

body.dark-mode .header-logo .logo-light-mode {
    display: none;
}

body.dark-mode .header-logo .logo-dark-mode {
    display: block;
}

body.dark-mode .sidebar {
    background: #202020;
    color: #d1d5db;
    border-right: 1px solid #282828;
}

body.dark-mode .sidebar-title {
    color: #e0e0e0;
    border-bottom: 1px solid #282828;
}

body.dark-mode .sidebar-team-name {
    color: #bdbdbd;
}

body.dark-mode .product-link a {
    color: #bdbdbd;
}

body.dark-mode .product-link a:hover {
    background-color: #343434;
    color: #f5f5f5;
}

body.dark-mode .product-link a.active {
    background-color: #343434;
    border-radius: 6px;
    font-weight: 600;
    color: #f5f5f5;
}

body.dark-mode .content {
    background-color: #181818;
}
body.dark-mode .content-header h1 {
    color: #e0e0e0;
}

body.dark-mode .card {
    background-color: #282828;
    border: 1px solid #323232;
}

body.dark-mode .card p {
    color: #e0e0e0;
}

body.dark-mode .builds-container {
    background-color: #424242;
    border: 1px solid #303030;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

body.dark-mode .build-table-header {
    background-color: #202020;
    color: #e0e0e0;
    border-bottom: 1px solid #282828;
    font-weight: bold;
}

body.dark-mode .build-row {
    border-bottom: 1px solid #282828;
}

body.dark-mode .build-row > summary {
    background-color: #242424;
    color: #e0e0e0;
}

body.dark-mode .build-row > summary:hover {
    background-color: #222222;
}

body.dark-mode .build-row:nth-child(even) > summary {
    background-color: #262626;
}

body.dark-mode .build-row:nth-child(even) > summary:hover {
    background-color: #222222;
}

body.dark-mode .build-col-branch {
    flex: 2;
    padding-right: 1rem;
    text-align: left;
}

body.dark-mode .build-col-build {
    flex: 2;
    padding-right: 1rem;
    text-align: left;
}

body.dark-mode .build-col-date {
    color: #e0e0e0;
    flex: 3;
    text-align: left;
}

body.dark-mode .build-row-empty {
    background-color: #262626;
}

body.dark-mode .finding-bubble {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    font-weight: 600;
    color: white;
    line-height: 1;
}

body.dark-mode .bubble-error {
    background-color: rgba(239, 83, 80, 0.4);
}

body.dark-mode .bubble-warning {
    background-color: rgba(255, 202, 40, 0.4);
}

body.dark-mode .build-details-content {
    background-color: #242424;
    border-top: 1px solid #323232;
}
body.dark-mode .details-header span {
    color: #e0e0e0;
}

body.dark-mode .details-links a.details-link-all {
    color: #e0e0e0;
}

body.dark-mode .card-deck .card {
    background-color: transparent;
    border-color: transparent;
}

body.dark-mode .card-deck a.card-total {
    background-color: rgba(66, 165, 245, 0.1);
    border: 1px solid rgba(66, 165, 245, 0.2);
}

body.dark-mode .card-deck a.card-total:hover {
    background-color: rgba(66, 165, 245, 0.15);
}

body.dark-mode .card-deck a.card-critical {
    background-color: rgba(239, 83, 80, 0.1);
    border: 1px solid rgba(239, 83, 80, 0.2);
}
body.dark-mode .card-deck a.card-critical:hover {
    background-color: rgba(239, 83, 80, 0.15);
}

body.dark-mode .card-deck a.card-warning {
    background-color: rgba(255, 202, 40, 0.1);
    border: 1px solid rgba(255, 202, 40, 0.2);
}

body.dark-mode .card-deck a.card-warning:hover {
    background-color: rgba(255, 202, 40, 0.15);
}

body.dark-mode .card-deck .card-label {
    color: #e0e0e0;
}

body.dark-mode .card-deck a.card-total .card-value {
    color: #2196f3;
}

body.dark-mode .card-deck a.card-critical .card-value {
    color: #f44336;
}

body.dark-mode .card-deck a.card-warning .card-value {
    color: #ffc107;
}

body.dark-mode .findings-header-info {
    color: #e0e0e0;
    border-bottom: 1px solid #282828;
}

body.dark-mode .findings-header-info strong {
    color: #e0e0e0;
}

body.dark-mode .findings-product-name,
body.dark-mode .findings-branch-name {
    color: #eeeeee;
}

body.dark-mode .finding-item {
    background-color: #242424;
    border: 1px solid #282828;
}

body.dark-mode .finding-body {
    background-color: #242424;
}

body.dark-mode .finding-location {
    color: #e0e0e0;
}

body.dark-mode .finding-path {
    background-color: #424242;
    color: #e0e0e0;
}

body.dark-mode .finding-metadata strong,
body.dark-mode .finding-fix strong {
    color: #e0e0e0;
}

body.dark-mode .tag {
    background-color: #444444;
    color: #e0e0e0;
}

body.dark-mode .cwe-tag {
    background-color: #37474f;
    color: #e0e0e0;
}

body.dark-mode .owasp-tag {
    background-color: #bf360c;
    color: #e0e0e0;
}

body.dark-mode .finding-fix pre {
    background-color: #323232;
    border: 1px solid #363636;
}

body.dark-mode .sidebar-toggle-btn {
    border: 0px solid #4b5563;
    color: #e0e0e0;
}

body.dark-mode .sidebar-toggle-btn:hover {
    background-color: #343434;
}

body.dark-mode .search-bar {
    background-color: #282828;
    border-radius: 20px;
}

body.dark-mode .search-bar input {
    color: #e0e0e0;
}

body.dark-mode .search-bar input::placeholder {
    color: #767676;
}

body.dark-mode .user-avatar-btn {
    background-color: #282828;
    color: #767676;
}

body.dark-mode .user-menu-dropdown {
    background-color: #282828;
    border: 1px solid #323232;
}

body.dark-mode .user-menu-header {
    border-bottom: 1px solid #323232;
    color: #e0e0e0;
}

body.dark-mode .user-menu-header strong {
    color: #e0e0e0;
}

body.dark-mode .user-menu-links a {
    color: #e0e0e0;
}

body.dark-mode .user-menu-links a:hover {
    background-color: #343434;
}

body.dark-mode .user-menu-links a.user-menu-logout {
    color: #ef5350;
}

body.dark-mode .user-menu-links a.user-menu-logout:hover {
    background-color: #343434;
    color: #ef5350;
}

body.dark-mode .sidebar,
body.dark-mode .content {
    scrollbar-color: #424242 #242424;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: #1f2937;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background-color: #4b5563;
    border-color: #1f2937;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background-color: #757575;
}

body.dark-mode .finding-header.critical {
    background-color: rgba(239, 83, 80, 0.55);
}

body.dark-mode .finding-header.high {
    background-color: rgba(255, 112, 67, 0.55);
}

body.dark-mode .finding-header.medium {
    background-color: rgba(255, 167, 38, 0.55);
    color: #e0e0e0;
}

body.dark-mode .finding-header.low {
    background-color: rgba(66, 165, 245, 0.55);
    color: #e0e0e0;
}

body.dark-mode .finding-header.unknown {
    background-color: rgba(92, 107, 192, 0.55);
    color: #e0e0e0;
}

body.dark-mode .finding-description-text {
    color: #e0e0e0;
}

body.dark-mode a.build-row-link .build-col-build {
    color: #e0e0e0;
}

body.dark-mode a.build-row-link .build-col-date {
    color: #e0e0e0;
}

body.dark-mode a.build-row-link {
    border-bottom: 1px solid #282828;
    background-color: #282828;
}

body.dark-mode a.build-row-link:hover {
    background-color: #222222;
}
body.dark-mode .build-col-team {
    color: #e0e0e0;
}
body.dark-mode .build-col-product {
    color: #e0e0e0;
}