/* DE-CIX-style member detail proportions with Maharlika branding. */
@media (min-width: 768px) {
  .details-main.row { align-items: start; }
  .details-main .col-main > .card:first-child { margin-bottom: 10px; }
  .details-main .routes-quick-links { margin: 8px 0 !important; min-height: 28px; }
  .details-main .routes-view { margin-top: 8px !important; }
  .routes-view .table-routes > thead > tr > th { padding-top: 10px; padding-bottom: 10px; }
  .routes-view .table-routes > tbody > tr > td { padding-top: 9px; padding-bottom: 9px; }
  .card-related-peers { overflow-x: hidden !important; }
  .card-related-peers table { width: 100% !important; table-layout: fixed; }
  .card-related-peers td { white-space: normal !important; overflow-wrap: anywhere !important; }
  .card-related-peers .related-peers-rs-peer { min-width: 0; }
}
.table-routes > tbody > tr > td:first-child { letter-spacing: 0; }
.table-routes > tbody > tr > td:first-child a,
.table-routes > tbody > tr > td:first-child span,
.table-routes > tbody > tr > td:first-child i {
  max-width: 18px;
}
.table-routes > tbody > tr > td:first-child i,
.table-routes > tbody > tr > td:first-child svg {
  width: 12px !important;
  height: 12px !important;
  font-size: 12px !important;
}
.table-routes > tbody > tr:hover { background-color: #f3f7fb; }
.page-header .status-name { overflow-wrap: anywhere; }
@media (max-width: 767px) {
  .card-related-peers { overflow-x: auto; }
  .page-header .status-name { font-size: 15px; }
}