.supervision-metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px;margin-bottom:14px}.supervision-metrics>div{display:grid;gap:5px;padding:12px 14px;background:#fff;border:1px solid #e5eeea;border-radius:9px}.supervision-metrics small{font-size:9px;color:#8a9e96}.supervision-metrics strong{font-size:18px;color:#315e55}.supervision-metrics strong.has-alert{color:#b65346}.supervision-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:12px;margin-bottom:12px}.supervision-panel{padding:0;overflow:hidden}.supervision-heading{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #edf2f0}.supervision-heading h2{margin:4px 0 0;font-size:15px;color:#315e55}.supervision-table-scroll{overflow:auto}.supervision-panel table{min-width:720px}.supervision-panel tbody td small{display:block;margin-top:3px;color:#71848a}.supervision-alert{display:flex;gap:9px;align-items:flex-start;margin:10px 12px;padding:10px;border-radius:8px;background:#fff6e9;border:1px solid #f0dfba;color:#8c6a2f}.supervision-alert.error{background:#fff1ef;border-color:#f0d0cb;color:#ad544b}.supervision-alert span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#d7a64f;color:#fff;font-size:11px;font-weight:700}.supervision-alert.error span{background:#c76c62}.supervision-alert p{margin:1px 0;font-size:10px;line-height:1.5}.supervision-ok{padding:17px;color:#55917c;font-size:11px}.supervision-state{display:inline-flex;padding:4px 7px;border-radius:999px;background:#edf5f1;color:#5c8475;font-size:9px;font-weight:650}.supervision-state.en_ejecucion{background:#e8f5ef;color:#318266}.supervision-state.con_pendientes{background:#fff0ec;color:#b65346}.supervision-alert-number{color:#b65346;font-weight:700}.supervision-progress{width:80px;height:6px;border-radius:999px;background:#e8efec;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:5px}.supervision-progress span{display:block;height:100%;background:#63ad91;border-radius:999px}.supervision-panel td>small{font-size:9px;color:#82938e}@media(max-width:900px){.supervision-grid{grid-template-columns:1fr}.supervision-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.supervision-metrics{grid-template-columns:repeat(2,140px);overflow:auto}}
.supervision-filters{display:flex;align-items:flex-end;gap:12px;padding:12px 14px;margin-bottom:14px;flex-wrap:wrap}.supervision-filters label{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:145px;color:#506d65;font-size:10px;font-weight:650;line-height:1.2}.supervision-filters label select,.supervision-filters label input{width:100%;min-height:34px;padding:8px 10px;border:1px solid #dce9e4;border-radius:7px;background:#fff;color:#315e55;font-size:11px;outline:none}.supervision-filters label select:focus,.supervision-filters label input:focus{border-color:#63ad91;box-shadow:0 0 0 2px #63ad9122}.supervision-filters .button{min-height:34px;padding:8px 13px;font-size:10px}