/* ================================================================
   TEMA DARK - ESCALA DE GRISES  |  Mundo Pampa
   ================================================================ */

/* ---------- Base ---------- */
html { background: #141414; }
body {
    background: #141414 !important;
    color: #d8d8d8 !important;
}
h1, h2, h3, h4 { color: #f0f0f0 !important; }
a { color: #a5d6a7 !important; }
p, li, label { color: #cfcfcf; }

/* ---------- Tablas ---------- */
table {
    background: #1e1e1e !important;
    border-color: #3a3a3a !important;
}
th {
    background: #2b2b2b !important;
    color: #ececec !important;
}
td { color: #d4d4d4 !important; }
th, td {
    border-bottom: 1px solid #3a3a3a !important;
    border-color: #3a3a3a !important;
}
tbody tr:hover td { background: #262626 !important; }

/* ---------- Formularios ---------- */
input, select, textarea {
    background: #232323 !important;
    color: #e6e6e6 !important;
    border: 1px solid #4a4a4a !important;
}
input::placeholder, textarea::placeholder { color: #8a8a8a !important; }
input:focus, select:focus, textarea:focus {
    border-color: #6a9a6d !important;
    outline: none;
}

/* ---------- Botones ---------- */
button, .btn {
    background: #3c3c3c !important;
    color: #eeeeee !important;
    border: 1px solid #525252 !important;
}
button:hover, .btn:hover { background: #4c4c4c !important; }
.btn-green { background: #40694a !important; border-color: #52855c !important; color: #f0fff2 !important; }
.btn-green:hover { background: #4e8159 !important; }
.btn-blue { background: #3d5a75 !important; border-color: #4d7191 !important; color: #eef5ff !important; }
.btn-blue:hover { background: #4a6d8c !important; }
.btn-gray { background: #454545 !important; border-color: #5a5a5a !important; color: #e8e8e8 !important; }
.btn-gray:hover { background: #565656 !important; }
.btn-red { background: #774040 !important; border-color: #915050 !important; color: #ffecec !important; }
.btn-red:hover { background: #8c4c4c !important; }

/* ---------- Componentes ---------- */
.card {
    background: #1f1f1f !important;
    border: 1px solid #3c3c3c !important;
}
.toolbar { background: transparent !important; }

/* ---------- Mensajes ---------- */
.flash-ok, .reporte-ok {
    background: #22391f !important;
    color: #c3e6c3 !important;
    border: 1px solid #3f6b3a !important;
}
.flash-error, .reporte-error {
    background: #3f2424 !important;
    color: #f0c6c6 !important;
    border: 1px solid #774040 !important;
}
.aviso {
    background: #38321c !important;
    color: #e6d89c !important;
}
.error {
    background: #3f2424 !important;
    color: #f0c6c6 !important;
}

/* ---------- Badges ---------- */
.badge { color: #ffffff !important; }
.badge.ok { background: #40694a !important; }
.badge.bad { background: #774040 !important; }
.badge-pendiente { background: #8a6d1f !important; }
.badge-cargado { background: #40694a !important; }
.badge-cancelado { background: #774040 !important; }

/* ---------- Barras que tenian verde en estilo inline ---------- */
div[style*="2f7d32"], .toolbar[style*="2f7d32"] {
    background: #202020 !important;
    border-bottom-color: #4a7a4d !important;
}

/* ---------- Varios ---------- */
.count { color: #b0b0b0 !important; }
.stock-no { color: #ff8f8f !important; }
.stock-si { color: #a5d6a7 !important; }

/* ---------- Scrollbar ---------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #1a1a1a; }
::-webkit-scrollbar-thumb { background: #3e3e3e; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #505050; }

::selection { background: #4a6a4d; color: #ffffff; }