.routes-management-page,.route-detail-page{padding-top:14px}.route-summary-grid{grid-template-columns:repeat(5,minmax(135px,1fr));gap:5px;margin-bottom:6px;display:grid}.route-summary-card{background:linear-gradient(#092435,#071e2e);border:1px solid #153b4e;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:end;min-height:78px;padding:9px 11px;display:grid}.route-summary-card small{color:#b9c9d2;grid-column:1/-1;font-size:11px;font-weight:700}.route-summary-card strong{font-size:28px;font-weight:600;line-height:1}.route-summary-card span{color:#8ea8b8;text-align:right;font-size:10.5px}.route-summary-card.selected{border-color:#36b9f3;box-shadow:inset 0 0 0 1px #36b9f3}.route-summary-card.operating strong{color:#84cc16}.route-summary-card.scheduled strong{color:#f59e0b}.route-summary-card.active strong{color:#38bdf8}.route-summary-card.inactive strong{color:#94a3b8}.route-filter-panel{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:7px 9px;display:flex}.route-search-form{align-items:end;gap:7px;min-width:0;display:flex}.route-search-form label{color:#9eb3bf;gap:3px;min-width:320px;font-size:11px;display:grid}.route-search-form input{color:#eaf4f9;background:#061925;border:1px solid #1a455b;border-radius:4px;height:34px;padding:0 9px;font-size:12px}.route-map-legend{color:#b8c9d2;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:11px;display:flex}.route-map-legend span{align-items:center;gap:5px;display:flex}.route-map-legend i{background:#38bdf8;border-radius:50%;width:11px;height:11px}.route-map-legend i.operating{background:#84cc16}.route-map-legend i.scheduled{background:#f59e0b}.route-map-legend i.active{background:#38bdf8}.route-map-legend i.inactive{background:#64748b}.routes-management-grid{grid-template-columns:minmax(560px,1.75fr) minmax(380px,1fr);gap:6px;display:grid}.routes-map-panel{position:relative;overflow:hidden}.routes-map-panel #routes-management-map{background:#0c2836;height:calc(100vh - 286px);min-height:565px}.route-map-note{z-index:500;color:#c4d4dc;background:#051825e0;border:1px solid #1c485c;border-radius:4px;padding:6px 8px;font-size:10.5px;line-height:1.35;position:absolute;bottom:10px;left:12px;right:12px}.routes-list-panel{max-height:calc(100vh - 220px);overflow:hidden}.routes-list{height:calc(100% - 36px);overflow:auto}.route-list-card{background:#071f2f;border-bottom:1px solid #153b4e;grid-template-columns:7px 1fr;display:grid}.route-list-card:hover{background:#09283a}.route-card-status{background:var(--route-color,#38bdf8)}.route-card-body{padding:9px 10px}.route-card-head{justify-content:space-between;align-items:flex-start;gap:9px;display:flex}.route-card-head small,.route-card-head strong{display:block}.route-card-head small{color:#6ec9f2;font-size:10.5px;font-weight:700}.route-card-head strong{margin-top:2px;font-size:13px}.route-state-badge{white-space:nowrap;border:1px solid #0000;border-radius:3px;padding:4px 6px;font-size:10.5px;font-weight:700}.route-state-badge.operating{color:#bdf77a;background:#183712;border-color:#3b6f20}.route-state-badge.scheduled{color:#ffd879;background:#3d3010;border-color:#6d5517}.route-state-badge.active{color:#8ed8fa;background:#0b3045;border-color:#185875}.route-state-badge.inactive{color:#c1cbd4;background:#222d38;border-color:#455363}.route-card-path{background:#061925;border:1px solid #11384b;border-radius:3px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;margin:7px 0;padding:5px 7px;font-size:11px;display:grid}.route-card-path span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.route-card-path b{color:#4fbae9}.route-list-card dl{grid-template-columns:1fr 1fr;gap:3px 10px;margin:0;display:grid}.route-list-card dl div{border-bottom:1px solid #123446;justify-content:space-between;gap:7px;padding:3px 0;font-size:10.5px;display:flex}.route-list-card dt,.route-list-card dd{margin:0}.route-list-card dt{color:#89a3b2}.route-list-card dd{text-align:right}.route-active-vessels{flex-wrap:wrap;align-items:center;gap:7px;margin-top:6px;display:flex}.route-active-vessels>small{color:#84cc16;font-size:9.5px;font-weight:700}.route-card-actions{flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;display:flex}.route-card-actions form{margin:0}.route-card-actions button:disabled{opacity:.45;cursor:not-allowed}.route-location-marker-wrap{background:0 0;border:0}.route-location-marker{color:#fff;white-space:nowrap;background:#061b29eb;border:1px solid #38bdf8;border-radius:5px;padding:4px 7px;font-size:11.5px;box-shadow:0 2px 8px #0000008c}.route-map-popup{min-width:220px}.route-map-popup small,.route-map-popup strong,.route-map-popup span{display:block}.route-map-popup small{color:#8fc9e5;font-size:10px}.route-map-popup strong{margin:2px 0 5px;font-size:14px}.route-map-popup p{margin:5px 0;font-size:11px}.route-map-popup a{color:#69c8f2;margin-top:5px;font-size:11.5px;display:inline-block}.route-popup-state{border-left:4px solid var(--route-color);padding-left:6px;font-size:11px;font-weight:700}.route-map-tooltip{color:#eaf4f8!important;background:#061d2c!important;border-color:#24536a!important;font-size:11.5px!important;font-weight:700!important}.route-error-message,.success-message{border-radius:4px;margin:0 0 8px;padding:9px 11px;font-size:12px}.route-error-message{color:#ffc0bd;background:#35191b;border:1px solid #7f3030}.success-message{color:#c7f795;background:#183512;border:1px solid #3d6b2b}.route-heading-actions{align-items:center;gap:6px;display:flex}.route-heading-actions form{margin:0}.route-detail-kpis{grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:6px;display:grid}.route-detail-kpis article{background:#082232;border:1px solid #153b4e;min-height:73px;padding:9px 10px}.route-detail-kpis small,.route-detail-kpis strong,.route-detail-kpis span{display:block}.route-detail-kpis small{color:#96acb9;font-size:10.5px;font-weight:700}.route-detail-kpis strong{margin-top:6px;font-size:18px}.route-detail-kpis span{color:#90a8b7;margin-top:2px;font-size:10.5px}.route-editor-layout{grid-template-columns:minmax(560px,1.6fr) minmax(360px,.8fr);gap:6px;display:grid}.route-editor-map-panel{overflow:hidden}.route-editor-map-panel #route-editor-map{background:#0c2836;height:570px}.route-editor-map-panel #route-editor-map.adding-point{cursor:crosshair}.route-editor-toolbar{border-top:1px solid #153b4e;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 8px;display:flex}.route-editor-toolbar span{color:#9db2bd;flex:1;min-width:240px;font-size:10.5px}.route-editor-toolbar .active{color:#c7f795;background:#193512;border-color:#84cc16}.route-waypoint-wrap{background:0 0;border:0}.route-waypoint{color:#fff;background:#0a78b6;border:2px solid #bceaff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid;box-shadow:0 2px 7px #000}.route-waypoint.origin{color:#071e12;background:#84cc16;border-color:#e3ffb5}.route-waypoint.destination{color:#241600;background:#f59e0b;border-color:#ffe7a6}.route-edit-panel{overflow:hidden}.route-edit-form{gap:10px;padding:11px;display:grid}.route-edit-form label{color:#abc0cb;gap:4px;font-size:11.5px;display:grid}.route-edit-form input{color:#eaf4f9;background:#061925;border:1px solid #1a455b;border-radius:4px;width:100%;padding:8px 9px;font-size:12.5px}.route-edit-form input:disabled{opacity:.65}.route-edit-form label small{color:#7895a5;font-size:10px}.route-edit-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.route-stops-summary{border-top:1px solid #153b4e;gap:5px;padding-top:9px;display:grid}.route-stops-summary>small{color:#65c5ef;font-size:10px;font-weight:700}.route-stops-summary article{background:#071f2f;border:1px solid #123a4e;grid-template-columns:27px 1fr;align-items:center;gap:7px;padding:6px;display:grid}.route-stops-summary article>b{background:#0b6697;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.route-stops-summary strong,.route-stops-summary span{display:block}.route-stops-summary strong{font-size:11.5px}.route-stops-summary span{color:#8fa9b8;margin-top:2px;font-size:10px}.route-operations-panel,.route-history-panel{margin-top:6px}.route-operations-panel a,.route-history-panel a{color:#66c8f3}@media (width<=1250px){.route-summary-grid{grid-template-columns:repeat(3,1fr)}.routes-management-grid,.route-editor-layout{grid-template-columns:1fr}.routes-list-panel{max-height:none}.routes-list{height:auto;max-height:540px}.routes-map-panel #routes-management-map{height:600px}.route-editor-map-panel #route-editor-map{height:560px}}@media (width<=820px){.route-summary-grid,.route-detail-kpis{grid-template-columns:repeat(2,1fr)}.route-filter-panel{flex-direction:column;align-items:stretch}.route-search-form{flex-wrap:wrap;align-items:stretch}.route-search-form label{width:100%;min-width:0}.route-map-legend{justify-content:flex-start}.route-heading-actions{flex-direction:column;align-items:stretch}.route-edit-fields{grid-template-columns:1fr}.routes-map-panel #routes-management-map,.route-editor-map-panel #route-editor-map{height:58vh;min-height:430px}}