/* Force white text */
/**
 * AdminJS Dark Mode Overrides
 * Customized for miWeb project
 */

/* Force text color for generic AdminJS text inputs and labels */
body,
label,
input,
textarea,
h1, h2, h3, h4, h5, h6,
p, span,
div,
section,
header,
footer,
.adminjs_Text,
.adminjs_Label,
.adminjs_H1, .adminjs_H2, .adminjs_H3,
.adminjs_Box,
.adminjs_Button,
[data-testid="login-welcome-text"],
[data-testid="login-subtitle"] {
    color: #ffffff !important;
}

/* Specific fix for AdminJS Login component labels */
.sc-gsDKAQ, .sc-dkPtRN, .sc-hKwDye {
    color: #ffffff !important;
}

/* Specific fix for inputs that might be inheriting dark text on dark bg */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"] {
    color: #ffffff !important;
    background-color: #161B22 !important; /* Matches sidebar/inputBg */
    border: 1px solid #30363d !important;
}

input::placeholder {
    color: #8b949e !important; /* Placeholder grey */
}

/* Force column widths for numeric stats */
td[data-property-name="nproyects.actual"], th[data-property-name="nproyects.actual"],
td[data-property-name="stock.actual"], th[data-property-name="stock.actual"],
td[data-property-name="pictures.actual"], th[data-property-name="pictures.actual"],
td[data-property-name="elements.actual"], th[data-property-name="elements.actual"] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Fix Header Link Colors */
th a {
    color: #ffffff !important;
    text-decoration: none !important;
}
/* Keep sort icon visible if possible or valid */
th a:hover {
    color: #c9d1d9 !important;
}

/* Zebra Striping for Table Rows */
tbody tr:nth-child(even) {
    background-color: #161B22 !important;
}
tbody tr:nth-child(odd) {
    background-color: transparent !important;
}

/* Ensure hover effect is distinct */
tbody tr:hover {
    background-color: #1f2428 !important;
}

/* Widen Email Column */
td[data-property-name="email"], th[data-property-name="email"] {
    min-width: 250px !important;
}