/* ═══ BLOQUE 4 — Generador Modelo 130 ═══ */

.m130-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #92400e 0%, #d97706 100%);
    color: #fff;
    border-radius: 12px;
    margin-bottom: 16px;
}
.m130-header-icon { font-size: 28px; }
.m130-header-title { font-size: 18px; font-weight: 800; }
.m130-header-sub { font-size: 12px; opacity: 0.85; margin-top: 2px; }
.m130-header-right { margin-left: auto; text-align: right; }
.m130-header-periodo { font-size: 20px; font-weight: 800; }

.m130-trim-btn {
    padding: 8px 18px;
    border: 2px solid var(--brd);
    border-radius: 10px;
    background: none;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    color: var(--t2);
    transition: all .15s;
}
.m130-trim-btn:hover { border-color: #d97706; color: #d97706; }
.m130-trim-btn.active { background: #92400e; color: #fff; border-color: #92400e; }

.m130-result.ingresar { background: #fee2e2; border: 2px solid #fca5a5; }
.m130-result.negativa { background: #dbeafe; border: 2px solid #93c5fd; }
.m130-result.cero { background: #f3f4f6; border: 2px solid #d1d5db; }

.m130-acum-note {
    background: #fef3c7;
    border: 1px solid #fde68a;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 11px;
    color: #92400e;
    margin-bottom: 12px;
}