/* SIMA/BASE — Comparativa de planes (window.sima.planmatrix, pestaña de Planes).
   Tokens --win-*, sin color hardcodeado. Reusa .sima-tbl, .sima-ct-*, .btn-confirm-success. */

#sima-panel .pm-head { margin: 4px 2px 12px; }
#sima-panel .pm-title { font-size: .98rem; color: var(--win-text); margin: 0; display: flex; align-items: center; gap: 7px; }
#sima-panel .pm-sub { font-size: .78rem; color: var(--win-muted); margin-top: 3px; }

#sima-panel .pm-wrap { border: 1px solid var(--win-border); border-radius: 10px; }
#sima-panel .pm-tbl th.pm-fn, #sima-panel .pm-tbl td.pm-fn { text-align: left; padding: 8px 10px; min-width: 160px; }
#sima-panel .pm-tbl th.pm-plan { text-align: left; padding: 8px 10px; white-space: nowrap; }
#sima-panel .pm-tbl th.pm-act, #sima-panel .pm-tbl td.pm-act { width: 1%; white-space: nowrap; padding: 8px 10px; }
#sima-panel .pm-cell { padding: 6px 10px; vertical-align: top; }

#sima-panel .pm-label, #sima-panel .pm-text { width: 100%; }
#sima-panel .pm-mode { width: 100%; max-width: 130px; border-radius: 7px; border: 1px solid var(--win-border);
    background: var(--win-card); color: var(--win-text); padding: 5px 7px; font-family: inherit; font-size: .8rem; }
#sima-panel .pm-text { margin-top: 5px; }

#sima-panel .pm-rowtools { display: flex; gap: 4px; }
#sima-panel .pm-icon { border: 1px solid var(--win-border); background: var(--win-card); color: var(--win-text);
    border-radius: 7px; width: 28px; height: 28px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
#sima-panel .pm-icon:hover:not(:disabled) { background: color-mix(in srgb, var(--win-text) 8%, transparent); }
#sima-panel .pm-icon:disabled { opacity: .4; cursor: default; }
#sima-panel .pm-icon.pm-del { color: var(--danger, #e5534b); border-color: color-mix(in srgb, var(--danger, #e5534b) 45%, transparent); }

#sima-panel .pm-empty { font-size: .82rem; color: var(--win-muted); padding: 14px 4px; }
#sima-panel .pm-tools { margin-top: 12px; }
#sima-panel .pm-note-box { margin-top: 14px; display: flex; flex-direction: column; gap: 5px; max-width: 520px; }
#sima-panel .pm-note-lbl { font-size: .78rem; color: var(--win-muted); }
#sima-panel .pm-actions { margin-top: 18px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
#sima-panel .pm-nogate { font-size: .8rem; color: var(--win-muted); font-style: italic; }
#sima-panel .pm-actions .spin { display: inline-block; animation: pm-spin 1s linear infinite; }
@keyframes pm-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #sima-panel .pm-actions .spin { animation: none; } }