.mp-card {
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.78);
    border-radius: 1.25rem;
    padding: 1.25rem;
}

.mp-panel {
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(2, 6, 23, 0.42);
    border-radius: 1rem;
}

.mp-input {
    width: 100%;
    border-radius: 0.9rem;
    border: 1px solid rgba(100, 116, 139, 0.75);
    background: rgba(2, 6, 23, 0.9);
    color: rgb(226, 232, 240);
    padding: 0.75rem 0.9rem;
    font-size: 0.875rem;
}

.mp-input:focus {
    outline: none;
    border-color: rgba(99, 102, 241, 0.95);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.16);
}

.mp-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    padding: 0.15rem 0.55rem;
    font-size: 0.7rem;
}

.mp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.mp-table th {
    background: rgba(15, 23, 42, 0.9);
    color: rgb(203, 213, 225);
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: .75rem;
    text-align: left;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.mp-table td {
    padding: .65rem .75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.10);
    color: rgb(148, 163, 184);
}

.mp-risk {
    border: 1px solid rgba(244, 63, 94, 0.25);
    background: rgba(244, 63, 94, 0.08);
    color: rgb(253, 164, 175);
    border-radius: .8rem;
    padding: .65rem .85rem;
}

.mp-ok {
    border: 1px solid rgba(16, 185, 129, 0.25);
    background: rgba(16, 185, 129, 0.08);
    color: rgb(110, 231, 183);
    border-radius: .8rem;
    padding: .65rem .85rem;
}

.mp-warning {
    border: 1px solid rgba(245, 158, 11, 0.25);
    background: rgba(245, 158, 11, 0.08);
    color: rgb(252, 211, 77);
    border-radius: .8rem;
    padding: .65rem .85rem;
}

/* ALPHA52 — estados de plantillas versionadas */
.mp-state {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .15rem .55rem;
    font-size: .7rem;
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(15, 23, 42, .72);
    color: rgb(203, 213, 225);
}
.mp-state-vigente,
.mp-state-activa {
    border-color: rgba(16, 185, 129, .35);
    background: rgba(16, 185, 129, .10);
    color: rgb(110, 231, 183);
}
.mp-state-borrador {
    border-color: rgba(245, 158, 11, .35);
    background: rgba(245, 158, 11, .10);
    color: rgb(252, 211, 77);
}
.mp-state-historico,
.mp-state-histórico {
    border-color: rgba(148, 163, 184, .25);
    background: rgba(100, 116, 139, .10);
    color: rgb(148, 163, 184);
}