/* SIOV360 V21.213 · Paradas y estados */
.m213-stop-block{border-left:3px solid #6cab45!important;background:#fbfdf9!important}
.m213-stop-grid{grid-template-columns:repeat(4,minmax(155px,1fr))!important}
.m213-stop-note{margin-top:8px;padding:8px 10px;border:1px solid #d8e8cc;border-radius:8px;background:#f5faef;color:#536a45;font-size:9px;line-height:1.4}
.m213-hours-cell{font-weight:900;color:#173c61;white-space:nowrap}

.m213-status-operative{background:#eef8e7!important;color:#3d7c20!important;font-weight:850!important}
.m213-status-inoperative{background:#feecec!important;color:#b42318!important;font-weight:900!important}
.m213-status-maintenance{background:#fff7df!important;color:#92400e!important;font-weight:850!important}
.m213-status-demobilized{background:#f1f4f7!important;color:#5a6878!important;font-weight:850!important}

.m213-modal-bg{display:none;position:fixed;inset:0;z-index:10060;background:rgba(5,22,39,.48);align-items:center;justify-content:center;padding:20px}
.m213-modal-bg.active{display:flex}
.m213-modal{width:min(720px,96vw);max-height:88vh;overflow:auto;background:#fff;border:1px solid #cfdae5;border-radius:16px;box-shadow:0 18px 60px rgba(16,39,63,.22);padding:18px;color:#153653}
.m213-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #e3eaf0;padding-bottom:12px}.m213-modal-head small{font-size:8px;font-weight:900;color:#70849a;letter-spacing:.5px}.m213-modal-head h3{margin:3px 0 0;font-size:18px}.m213-modal-head button{border:1px solid #d3dee8;background:#fff;border-radius:8px;width:34px;height:34px;color:#45617e;cursor:pointer}
.m213-summary{margin:12px 0;padding:10px 12px;background:#f7f9fb;border:1px solid #dbe4ec;border-radius:10px;font-size:11px;line-height:1.5}.m213-summary span{color:#687c91}
.m213-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.m213-form-grid label{display:flex;flex-direction:column;gap:5px}.m213-form-grid label.full{grid-column:1/-1}.m213-form-grid label>span{font-size:8px;font-weight:900;color:#5d7288;letter-spacing:.3px}.m213-form-grid input,.m213-form-grid select,.m213-form-grid textarea{width:100%;box-sizing:border-box;border:1px solid #cfdbe6;border-radius:9px;background:#fff;color:#163653;padding:9px 10px;font:700 11px Arial,sans-serif;outline:none}.m213-form-grid input:focus,.m213-form-grid select:focus,.m213-form-grid textarea:focus{border-color:#6bb747;box-shadow:0 0 0 3px rgba(107,183,71,.1)}
.m213-modal-note{margin-top:11px;padding:9px 11px;border-radius:9px;background:#f3f8ee;border:1px solid #d5e7c8;color:#4f6d3b;font-size:9px;line-height:1.45}.m213-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.m213-modal-actions button{border-radius:9px;padding:10px 14px;font-size:9px;font-weight:900;cursor:pointer}.m213-modal-actions .secondary{border:1px solid #cdd9e3;background:#fff;color:#244766}.m213-modal-actions .primary{border:1px solid #5fa638;background:#69b743;color:#fff}

#m213OtStopBox{border:1px solid #d8e5ce;border-radius:10px;background:#f8fbf5;padding:10px;opacity:.62}#m213OtStopBox.has-event{opacity:1}.m213-ot-stop-title{font-size:8px;font-weight:950;color:#4f832f;letter-spacing:.4px}.m213-ot-stop-summary{font-size:9px;color:#5d7185;margin:5px 0 8px;line-height:1.4}.m213-ot-stop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.m213-downtime-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;margin-bottom:12px}.m213-downtime-kpi{border:1px solid #d7e2eb;border-radius:11px;background:#fff;padding:10px 12px;min-width:0}.m213-downtime-kpi small{display:block;font-size:7.5px;font-weight:900;color:#718397;letter-spacing:.4px;text-transform:uppercase}.m213-downtime-kpi strong{display:block;margin-top:4px;color:#14395d;font-size:18px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m213-downtime-kpi>span{display:block;margin-top:5px;color:#718397;font-size:7.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m213-downtime-kpi.availability{border-top:3px solid #54b52d}.m213-downtime-kpi.mttr{border-top:3px solid #f0a020}.m213-downtime-kpi.mtbf{border-top:3px solid #1f77b4}.m213-downtime-kpi.wide strong{font-size:10px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.m213-downtime-categories{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.m213-downtime-categories span{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #dbe5ed;background:#fbfcfd;border-radius:999px;color:#617489;font-size:7.5px}.m213-downtime-categories b{font-weight:850}.m213-downtime-categories strong{color:#193c5f;font-size:8px}.m213-hours-bar{background:linear-gradient(90deg,#1d6f9f,#4f9ac5)!important}
.siov-maint-v193-grid.m213-grid{grid-template-columns:repeat(2,minmax(330px,1fr))}.siov-maint-v193-grid.m213-grid .trend,.siov-maint-v193-grid.m213-grid .gauge-panel{min-height:300px}

@media(max-width:1250px){.m213-downtime-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.m213-downtime-kpis{grid-template-columns:repeat(2,1fr)}.m213-downtime-kpi.wide{grid-column:1/-1}.siov-maint-v193-grid.m213-grid{grid-template-columns:1fr 1fr}.m213-stop-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){.m213-form-grid,.m213-ot-stop-grid{grid-template-columns:1fr}.m213-form-grid label.full{grid-column:auto}.m213-downtime-kpis,.siov-maint-v193-grid.m213-grid{grid-template-columns:1fr}.m213-stop-grid{grid-template-columns:1fr!important}}