/* Reference-density layout; Maharlika identity and live data retained. */
:root { --mci-navy:#1b3f4d; --mci-sidebar:#bbd5dd; }
body,.page { color:#3d3d3d; font-size:13px; }
.page-content { background-color:#f4f5f7; }
.page-sidebar { border-right:0; }
.page-sidebar h2 { color:#d80032; font-size:11px; letter-spacing:0; }
.page-sidebar .routeservers-list .routeserver-id { color:#183f50; font-weight:400; }
.page-sidebar .routeservers-list .routeserver-id[aria-current="page"] { color:#183f50; background:transparent; box-shadow:inset 0 0 0 1px #496777; }
.page-sidebar .routeservers-list .routeserver-id:focus-visible { outline:2px solid #173b49; outline-offset:2px; }
.page-header { border-bottom:0; color:#ff4168; font-size:13px; }
.page-header .status-name,.page-header .status-protocol { color:#ff4168; font-size:13px; }
.page-header:not(:has(>.spacer)) a { color:#ff4168; }
.page-header h1,.page-header h2 { font-size:13px; margin:0; color:inherit; }
.card { border:1px solid #e5e5e5; border-radius:2px; padding:15px; box-shadow:0 1px 3px #00000015; }
.card-header { font-size:13px; font-weight:400; letter-spacing:0; margin-bottom:14px; }
.card-header-neighbors.established,.card-header-routes.received { color:#009c0c; }
.table { font-size:13px; margin-bottom:12px; }
.table>thead>tr>th { color:#3d3d3d; font-size:13px; font-weight:700; padding:9px 7px; border-bottom:2px solid #ddd; }
.table>tbody>tr>td { padding:8px 7px; line-height:1.5; border-top:1px solid #ddd; }
.table-striped>tbody>tr:nth-of-type(odd) { background:#f8f8f8; }
.table a,.table .route-network { color:#337eae; }
.form-control { min-height:34px; height:34px; font-size:13px; border-radius:2px; }
.input-group-addon { padding:6px 12px; background:#eee; color:#555; }
.routes-quick-links,.neighbors-quick-links { font-size:13px; line-height:1.5; margin-top:8px; margin-bottom:12px; }
.routes-quick-links li,.neighbors-quick-links li { border:0; padding:1px 5px; border-radius:2px; }
.routeserver-status { font-size:13px; line-height:1.5; }
.routeserver-status td { padding-top:4px; padding-bottom:4px; }
.routeserver-status svg { font-size:14px; }
@media(min-width:1200px) {
 .page-sidebar { flex-basis:230px; width:230px; }
 .page-sidebar .sidebar-header,.page-header { height:60px; min-height:60px; }
 .details-main.row { margin-left:0; margin-right:0; padding:20px 15px; gap:28px; grid-template-columns:minmax(0,1fr) 280px; min-height:calc(100vh - 60px); }
 .details-main.row>.col-main { overflow-x:auto; }
 .table-protocols,.table-routes { display:table; width:100%; }
 .col-aside-details::after { flex:1 0 300px; min-height:300px; background-size:auto 300px; margin-top:25px; }
}
@media(max-width:767px) {
 .table>thead>tr>th,.table>tbody>tr>td { padding:9px 7px; }
 .form-control { min-height:40px; height:40px; }
 .page-header { height:auto; min-height:48px; }
}