body {
}
.gridazulOld {
    background: rgb(131,210,242);
    background: linear-gradient(90deg, rgba(131,210,242,1) 0%, rgba(170,165,255,1) 31%, rgba(0,212,255,1) 100%);
}
/*.bell-unread {
    color: #f0ad4e;
    margin-right: 6px;
}

.bell-read {
    color: #999;
    margin-right: 6px;
}*/

/* ===============================
   ZEBRA GRID - FINAL VERSION
   =============================== */

/* LIGHT MODE */
:root {
    --row-even: #ffffff;
    --row-odd: #f6f8fa;
    --row-hover: #eaf4ff;
    --row-selected: #cfe8ff;
    --text-color: #1a1a1a;
    --border-color: rgba(0,0,0,0.06);
}

/* DARK MODE (Code On Time) */
.app-theme-dark {
    --row-even: #1e1e1e;
    --row-odd: #2a2a2a;
    --row-hover: #2f3f55;
    --row-selected: #3a5a7a;
    --text-color: #ffffff;
    --border-color: rgba(255,255,255,0.08);
}

/* ===============================
   ROW BASE
   =============================== */
.dv-item {
    background: var(--row-even);
    color: var(--text-color) !important;
    border-bottom: 1px solid var(--border-color);
    transition: background 0.2s ease, color 0.2s ease;
}

    /* ===============================
   ZEBRA STRIPES
   =============================== */
    .dv-item.gridazul {
        background: var(--row-odd);
    }

    /* ===============================
   HOVER
   =============================== */
    .dv-item:hover {
        background: var(--row-hover) !important;
        cursor: pointer;
    }

    /* ===============================
   SELECTED ROW
   =============================== */
    .dv-item.selected-row {
        background: var(--row-selected) !important;
        border-left: 4px solid #2196f3;
    }

    /* ===============================
   TEXT FIX (DO NOT OVERRIDE ICONS)
   =============================== */
    .dv-item span,
    .dv-item div,
    .dv-item label,
    .dv-item td {
        color: var(--text-color) !important;
    }

/* ===============================
   BELL ICON COLORS (FIXED)
   =============================== */
.bell-unread {
    color: #f0ad4e !important; /* orange */
    margin-right: 6px;
}

.bell-read {
    color: #999 !important; /* grey */
    margin-right: 6px;
}

/* Material icon support */
.material-icon.bell-unread {
    color: #f0ad4e !important;
}

.material-icon.bell-read {
    color: #999 !important;
}

/* Better visibility in dark mode */
.app-theme-dark .bell-read {
    color: #bbbbbb !important;
}

/* ===============================
   ICON / CHECKBOX VISIBILITY
   =============================== */
.app-theme-dark .dv-item input,
.app-theme-dark .dv-item i {
    filter: brightness(1.2);
}