.distribution-dashboard{display:flex;flex-direction:column;gap:14px}.distribution-dashboard-heading{align-items:center}.distribution-dashboard-heading h1{letter-spacing:-.02em}.distribution-dashboard-metrics{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.distribution-dashboard-metrics article{display:grid;gap:5px;min-width:0;padding:11px 12px;border:1px solid #e3eee9;border-radius:10px;background:#fff}.distribution-dashboard-metrics small{color:#849990;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.distribution-dashboard-metrics strong{color:#315e55;font-size:19px;line-height:1}.distribution-dashboard-metrics .metric-1 strong,.distribution-dashboard-metrics .metric-3 strong,.distribution-dashboard-metrics .metric-4 strong{color:#b06f34}.distribution-dashboard-metrics .metric-2 strong{color:#398268}.distribution-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.7fr);gap:14px;align-items:start}.distribution-dashboard-panel{padding:0;overflow:hidden}.distribution-dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;border-bottom:1px solid #edf3f0}.distribution-dashboard-panel-head h2{margin:4px 0 0;color:#294852;font-size:15px}.distribution-dashboard-panel-head>span{color:#8a9e96;font-size:9px}.distribution-dashboard-table{min-width:760px}.distribution-dashboard-table th{white-space:nowrap}.distribution-dashboard-state{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef5f2;color:#628279;font-size:9px;font-weight:700;white-space:nowrap}.distribution-dashboard-state.en-ejecucion{background:#e8f6ef;color:#398268}.distribution-dashboard-state.entregada{background:#edf7f1;color:#398268}.distribution-dashboard-state.no-entregada,.distribution-dashboard-state.requiere-nueva-visita{background:#fff0ec;color:#b65346}.distribution-dashboard-state.pendiente,.distribution-dashboard-state.asignada{background:#fff6e6;color:#a8782e}.distribution-progress{display:inline-block;width:70px;height:6px;margin-right:5px;overflow:hidden;border-radius:99px;background:#e7efec;vertical-align:middle}.distribution-progress span{display:block;height:100%;border-radius:99px;background:#3e9a7e}.distribution-dashboard-alert{min-height:220px}.distribution-dashboard-alert-row{display:flex;align-items:flex-start;gap:8px;margin:12px 15px;padding:10px;border:1px solid #edf1ed;border-radius:9px;background:#fbfdfc}.distribution-dashboard-alert-row.warning{border-color:#f1dfc5;background:#fffaf1}.distribution-dashboard-alert-row>span{display:grid;place-items:center;width:18px;height:18px;flex:none;border-radius:50%;background:#e6f4ed;color:#398268;font-size:10px;font-weight:800}.distribution-dashboard-alert-row.warning>span{background:#fff0d5;color:#b06f34}.distribution-dashboard-alert-row p{margin:0;color:#607a70;font-size:10px;line-height:1.4}.distribution-dashboard-ok{padding:25px 15px;color:#398268;font-size:11px}.distribution-dashboard-legend{display:flex;gap:10px;flex-wrap:wrap;padding:12px 15px;border-top:1px solid #edf3f0;color:#8a9e96;font-size:9px}.distribution-dashboard-legend i{display:inline-block;width:7px;height:7px;margin-right:3px;border-radius:50%;background:#398268}.distribution-dashboard-legend i.warning{background:#b06f34}@media(max-width:1100px){.distribution-dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:750px){.distribution-dashboard-grid{grid-template-columns:1fr}.distribution-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.distribution-dashboard-heading{align-items:flex-start;gap:10px;flex-direction:column}}
.distribution-dashboard-table th[data-dd-sort],.distribution-dashboard-table th[data-dd-recent-sort]{cursor:pointer;user-select:none}.distribution-dashboard-table th[data-dd-sort]:hover,.distribution-dashboard-table th[data-dd-recent-sort]:hover{background:#f2f8f5!important;color:#328b79!important}
