/* Semáforo de procesos: color, ícono y texto (nunca solo color) */
.sem{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.sem svg{flex:none}
.sem-verde{background:#E2F3E9;color:#17693C}
.sem-naranja{background:#FFE7CC;color:#8A3F00}
.sem-rojo{background:#FDE3DF;color:#A21D13}
.mv[data-sem="naranja"]:not(.nuevo){box-shadow:inset 3px 0 0 #E8892B}
.mv[data-sem="rojo"]:not(.nuevo){box-shadow:inset 3px 0 0 #D9412D}

.sem-resumen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:stretch}
.sem-caja{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-align:left;font:inherit;cursor:pointer;box-shadow:var(--shadow,none);transition:border-color .15s,box-shadow .15s}
.sem-caja:hover{border-color:currentColor}
.sem-caja[aria-pressed="true"]{box-shadow:0 0 0 2px currentColor}
.sem-punto{width:14px;height:14px;border-radius:50%;flex:none}
.sem-num{font-size:24px;font-weight:700;line-height:1}
.sem-lbl{display:flex;flex-direction:column;font-weight:600;font-size:13.5px;min-width:0}
.sem-lbl small{font-weight:500;font-size:12px;color:var(--muted)}
.sem-caja-verde{color:#17693C}.sem-caja-verde .sem-punto{background:#2E9E5B}
.sem-caja-naranja{color:#8A3F00}.sem-caja-naranja .sem-punto{background:#E8892B}
.sem-caja-rojo{color:#A21D13}.sem-caja-rojo .sem-punto{background:#D9412D;box-shadow:0 0 0 4px rgba(217,65,45,.18)}
.sem-caja .sem-num,.sem-caja .sem-lbl{color:var(--ink)}
.sem-ajustar{display:inline-flex;align-items:center;gap:6px;align-self:center;white-space:nowrap}
.sem-form{margin-top:10px;padding:14px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,220px)) auto;gap:10px 14px;align-items:end}
.sem-form .hint{grid-column:1/-1;margin:0}
.sem-botones{display:flex;gap:8px}
@media (max-width:760px){
  .sem-resumen{grid-template-columns:minmax(0,1fr)}
  .sem-ajustar{justify-self:start}
  .sem-form{grid-template-columns:minmax(0,1fr)}
}
