/* Page: manholes — auto-split from the old single styles.css, 41 rule block(s). Do not duplicate class names across files. */

.dashboard-main{grid-template-columns:1.7fr 1fr}

@media (max-width:1250px){
.dashboard-main{grid-template-columns:1fr}
}

.manhole-routes-panel{width:100%;min-height:0!important}

.manhole-routes-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px!important}

.manhole-routes-title{min-width:0;flex:1}

.manhole-routes-title h3{margin:0 0 4px!important}

.manhole-routes-title small{display:block;color:var(--muted);line-height:1.5}

.manhole-routes-table-wrap{width:100%;overflow-x:auto;margin:0;padding:0}

.manhole-routes-table{width:100%!important;min-width:1180px!important;table-layout:fixed;border-collapse:collapse}

.manhole-routes-table th,.manhole-routes-table td{padding:10px 9px!important;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.manhole-routes-table th:nth-child(1){width:16%}

.manhole-routes-table th:nth-child(2){width:8%}

.manhole-routes-table th:nth-child(3){width:13%}

.manhole-routes-table th:nth-child(4){width:13%}

.manhole-routes-table th:nth-child(5){width:8%}

.manhole-routes-table th:nth-child(6){width:9%}

.manhole-routes-table th:nth-child(7){width:8%}

.manhole-routes-table th:nth-child(8){width:9%}

.manhole-routes-table th:nth-child(9){width:8%}

.manhole-routes-table th:nth-child(10){width:8%}

.manhole-routes-table td:first-child b{display:block;overflow:hidden;text-overflow:ellipsis}

@media (max-width:1200px){
.manhole-routes-table{min-width:1060px!important}
}

@media (max-width:700px){
.manhole-routes-head{align-items:stretch}
}

.route-name-link{appearance:none;border:0;background:transparent;color:inherit;padding:3px 0;cursor:pointer;text-align:start;width:100%;font:inherit}

.route-name-link b{text-decoration:underline;text-decoration-color:rgba(62,190,235,.45);text-underline-offset:4px}

.route-name-link:hover b,.route-name-link:focus-visible b{color:#48cdf5;text-decoration-color:#48cdf5}

.route-name-link:focus-visible{outline:2px solid rgba(72,205,245,.6);outline-offset:3px;border-radius:6px}

.route-name-link:focus-visible{outline:2px solid #29c7f0;outline-offset:3px;border-radius:6px}

.linked-manhole-grid{align-items:start}

.critical-routes-panel{margin-top:14px}

.empty-state-cell{text-align:center!important;color:var(--muted);padding:24px!important}

@media (max-width:900px){
.critical-routes-table{min-width:980px}
}

.linked-manhole-grid{
  grid-auto-rows:1fr;
}

@media (max-width:1250px){
.dashboard-main,
  .linked-manhole-grid{
    grid-auto-rows:auto;
  }
}

.dashboard-main,
.linked-manhole-grid,
.content-split,
.two-col,
.split-layout,
.map-table-grid,
.table-map-grid,
.panel-grid{
  align-items:stretch!important;
}

.linked-manhole-grid{
  grid-auto-rows:1fr;
}

@media (max-width:900px){
.dashboard-main,
  .linked-manhole-grid,
  .content-split,
  .two-col,
  .split-layout,
  .map-table-grid,
  .table-map-grid,
  .panel-grid{
    align-items:start!important;
  }
}

.manhole-routes-panel{
  margin-bottom:14px!important;
}

.manhole-routes-panel + .linked-manhole-grid{
  margin-top:0!important;
}

.critical-routes-panel{
  margin-top:14px!important;
}

@media (max-width:900px){
.manhole-routes-panel{
    margin-bottom:10px!important;
  }
}