.distribution-supervision{display:flex;flex-direction:column;gap:14px}.distribution-supervision-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:12px}.distribution-supervision-filters label{display:grid;gap:5px;min-width:210px;color:#7d9189;font-size:9px}.distribution-supervision-filters select{min-height:34px;padding:8px 9px;border:1px solid #dce9e4;border-radius:7px;background:#fff;color:#31564e;font-size:10px}.distribution-supervision-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.distribution-supervision-metrics article{display:grid;gap:5px;padding:11px 12px;border:1px solid #e3eee9;border-radius:10px;background:#fff}.distribution-supervision-metrics small{color:#849990;font-size:9px}.distribution-supervision-metrics strong{color:#315e55;font-size:19px}.distribution-supervision-panel{padding:0;overflow:hidden}.distribution-supervision-heading{padding:14px 17px;border-bottom:1px solid #edf3f0}.distribution-supervision-heading h2{margin:4px 0 0;color:#294852;font-size:15px}.distribution-supervision-table{min-width:850px}.distribution-supervision-table th[data-ds-person],.distribution-supervision-table th[data-ds-route]{cursor:pointer;user-select:none;white-space:nowrap}.distribution-supervision-table th[data-ds-person]:hover,.distribution-supervision-table th[data-ds-route]:hover{background:#f2f8f5!important;color:#328b79!important}.distribution-supervision-table td small{display:block;margin-top:3px;color:#849990;font-size:9px}.distribution-supervision-state{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef5f2;color:#628279;font-size:9px;font-weight:700;white-space:nowrap}.distribution-supervision-state.en-ejecucion{background:#e8f6ef;color:#398268}.distribution-supervision-state.pausada{background:#fff6e6;color:#a8782e}.distribution-supervision-state.cerrada{background:#eef0f3;color:#69747c}.distribution-supervision-state.con-pendientes{background:#fff0ec;color:#b65346}.distribution-supervision-progress{display:inline-block;width:70px;height:6px;margin-right:5px;overflow:hidden;border-radius:99px;background:#e7efec;vertical-align:middle}.distribution-supervision-progress span{display:block;height:100%;border-radius:99px;background:#3e9a7e}@media(max-width:850px){.distribution-supervision-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.distribution-supervision-metrics{grid-template-columns:repeat(2,1fr)}.distribution-supervision-filters label{min-width:150px;flex:1}}