/* ===== Variabili colore GAS ===== */
:root {
    --gas-green:     #1f3d2f;
    --gas-green-mid: #2f5a45;
    --gas-green-lt:  #eef3ee;
    --credito:       #2f6f4e;
    --debito:        #a8432f;
}

/* ===== Navbar custom ===== */
.bg-gas { background-color: var(--gas-green) !important; }

.navbar-brand .brand-rule {
    display: inline-block;
    width: 4px; height: 18px;
    background: #fff;
    border-radius: 2px;
    vertical-align: middle;
}

.bg-gas-badge {
    background-color: var(--gas-green-mid) !important;
    font-weight: 500;
    font-size: .72rem;
    letter-spacing: .03em;
}

/* ===== Cards KPI ===== */
.kpi-card {
    border-left: 4px solid var(--gas-green);
}
.kpi-value {
    font-size: 2rem;
    font-weight: 700;
    color: var(--gas-green);
    line-height: 1.1;
}
.kpi-value.is-debito { color: var(--debito); }

/* ===== Tabelle ===== */
.saldo-credito { color: var(--credito); font-weight: 600; }
.saldo-debito  { color: var(--debito);  font-weight: 600; }

/* ===== Login page ===== */
.login-page {
    min-height: 100vh;
    background-color: #f4f6f4;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-brand-rule {
    display: inline-block;
    width: 4px; height: 20px;
    background: var(--gas-green);
    border-radius: 2px;
    vertical-align: middle;
    margin-right: 10px;
}
.btn-gas {
    background-color: var(--gas-green);
    border-color: var(--gas-green);
    color: #fff;
    font-weight: 600;
}
.btn-gas:hover {
    background-color: var(--gas-green-mid);
    border-color: var(--gas-green-mid);
    color: #fff;
}

/* ===== Body layout ===== */
body {
    background-color: #f8f9f6;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
main { flex: 1; }