/* Sistema de diseño compartido de EcoUrbana -- módulo público, panel de
empresa, panel de superadmin y chofer. Paleta y componentes en común para
que todas las pantallas se sientan parte de la misma app. */
:root {
    --eco-verde-900: #0b3d2e;
    --eco-verde-700: #1e7a52;
    --eco-verde-500: #2e9e6b;
    --eco-verde-300: #8fd4ae;
    --eco-verde-100: #e6f5ec;
    --eco-tierra: #8a6a4a;
    --eco-cielo: #dff3ea;
    --eco-texto: #14231c;
    --eco-texto-muted: #5c6b63;
    --eco-radio: 16px;
    --eco-radio-sm: 10px;
    --eco-sombra: 0 4px 14px rgba(11, 61, 46, 0.12);
    --eco-sombra-lg: 0 14px 34px rgba(11, 61, 46, 0.22);
}

body { font-family: 'Inter', system-ui, sans-serif; color: var(--eco-texto); }
.app-name, h1, h2, h3, .navbar-brand { font-family: 'Manrope', 'Inter', system-ui, sans-serif; }

/* Franja/insignia "gestión sostenible" reutilizable en headers */
.eco-badge {
    display: inline-flex; align-items: center; gap: 6px;
    background: var(--eco-verde-100); color: var(--eco-verde-700);
    border-radius: 999px; padding: 4px 12px; font-size: .75rem; font-weight: 700;
    letter-spacing: .02em;
}
.eco-badge i { font-size: .9rem; }

/* Pie ecológico compartido */
.eco-footer {
    text-align: center; padding: 14px 16px; font-size: .78rem; color: var(--eco-texto-muted);
}
.eco-footer i { color: var(--eco-verde-500); }

/* Panel de oficina (admin/panel_empresa): navbar y tarjetas más "vivas" */
.navbar.bg-success { background: linear-gradient(135deg, var(--eco-verde-700), var(--eco-verde-900)) !important; }
.navbar.bg-dark { background: linear-gradient(135deg, #1c2b24, #0b1712) !important; }
.card { border: 1px solid rgba(11, 61, 46, 0.08); border-radius: var(--eco-radio); box-shadow: var(--eco-sombra); }
.card .display-6 { color: var(--eco-verde-700); }
.table { border-radius: var(--eco-radio-sm); overflow: hidden; }
.btn-success { background-color: var(--eco-verde-700); border-color: var(--eco-verde-700); }
.btn-success:hover { background-color: var(--eco-verde-900); border-color: var(--eco-verde-900); }
.btn-outline-success { color: var(--eco-verde-700); border-color: var(--eco-verde-500); }
.btn-outline-success:hover { background-color: var(--eco-verde-700); border-color: var(--eco-verde-700); }
.badge.bg-success { background-color: var(--eco-verde-700) !important; }