/* Global Dark Theme for LRS Portal - Black Containers with White Text and Colored Icons */
/* This stylesheet ensures all views use consistent black container styling */

/* Ensure colored icons are not overridden - Remove any black icon forcing */
.fa-2x {
    color: inherit;
}

/* Icons with inline color styles should keep their colors */
i[style*="color"],
.fas[style*="color"],
.far[style*="color"],
.fab[style*="color"],
.fal[style*="color"] {
    /* Inline styles will naturally take precedence */
}

/* Specific icon size classes should not force colors */
.fa-lg, .fa-2x, .fa-3x, .fa-4x, .fa-5x {
    color: inherit;
}

/* Additional global overrides for consistent dark theme */
.text-muted {
    color: #e0e0e0 !important;
}

.card .text-muted {
    color: #e0e0e0 !important;
}

.table .text-muted {
    color: #e0e0e0 !important;
}

/* Form inputs in cards */
.card .form-control {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #444;
    color: white;
}

.card .form-control:focus {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: #666;
    color: white;
}

.card .form-select {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #444;
    color: white;
}

.card .form-select:focus {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: #666;
    color: white;
}

/* Labels */
.card label {
    color: #e0e0e0;
}

/* Small text */
.card small {
    color: #e0e0e0;
}

/* Strong text */
.card strong {
    color: white;
}

/* Links in cards */
.card a:not(.btn) {
    color: #17a2b8;
}

.card a:not(.btn):hover {
    color: #138496;
}

/* Border colors */
.card .border-bottom {
    border-color: #333 !important;
}

.card .border-top {
    border-color: #333 !important;
}

/* Empty states */
.card .text-center i.fa-3x {
    color: #666;
}

/* Card titles */
.card-title {
    color: white !important;
}

.card-text {
    color: #e0e0e0 !important;
}

/* Table striping */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.02);
}

/* Headings in cards */
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
    color: white !important;
}

/* Paragraphs in cards */
.card p {
    color: #e0e0e0;
}

/* Dividers */
.card hr {
    border-color: #333;
}

/* List group items in cards */
.card .list-group-item {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: #333;
    color: white;
}

/* Ensure colored badges stay colored */
.badge {
    /* Keep badge colors as they are */
}

/* Keep alert colors visible */
.alert {
    /* Keep alert styling as is */
}