:root{font-family:system-ui,sans-serif;color:#e6edf8;background:#101624;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}header,nav{display:flex;align-items:center;gap:1rem;padding:1rem 3vw;background:#182137}header strong{flex:1;font-size:1.5rem}small{font-size:.75rem;color:#a9b8d4}main{max-width:1350px;margin:auto;padding:2rem}button,input,select{font:inherit;border:1px solid #42536f;border-radius:6px;padding:.65rem;background:#202e48;color:inherit}button{cursor:pointer}button:hover{border-color:#93b9ff}button:disabled{opacity:.4;cursor:not-allowed}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.card{text-align:left}.selected{border-color:#65dcbd}.good{color:#65dcbd}.warn{color:#ffca7b}.tools,form{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}section{background:#182137;border:1px solid #2c3d59;border-radius:10px;padding:1.5rem;margin:1.5rem 0}.error{background:#682c38;padding:1rem}table{width:100%;border-collapse:collapse;overflow-wrap:anywhere}th,td{text-align:left;padding:.7rem;border-bottom:1px solid #35435a}footer{margin-top:3rem;color:#a9b8d4;font-size:.85rem}svg{width:100%;max-height:200px;background:#101624}pre{white-space:pre-wrap;overflow-wrap:anywhere}label{display:block}fieldset{width:100%;border:1px solid #42536f}input[type=checkbox]{margin-right:.5rem}.login{max-width:550px;margin:10vh auto}.login form,.login label{display:grid;width:100%;gap:.8rem}.remote-config{border-color:#385173;background:linear-gradient(145deg,#1a2740,#172033)}.route-section-heading,.route-list-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.route-section-heading h3,.route-list-heading h4{margin:.1rem 0 .45rem}.eyebrow,.route-label{display:block;color:#a9b8d4;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.muted{color:#a9b8d4;margin:.35rem 0}.route-status{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;margin:1rem 0;padding:.8rem 1rem;border-radius:8px;background:#111a2b;color:#c7d5ea}.route-template-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;padding:1rem;border:1px solid #354a6b;border-radius:9px;background:#131e31}.route-template-card>div,.route-card-main>div{display:grid;gap:.35rem;min-width:0}.route-template-card code,.route-card code{overflow-wrap:anywhere;word-break:break-word;color:#d9e7ff}.route-list{display:grid;gap:.75rem;margin-top:.7rem}.route-card{border:1px solid #344966;border-radius:9px;padding:1rem;background:#111a2b}.route-card-main{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(180px,1fr) minmax(220px,1.3fr);gap:1rem;align-items:start}.route-card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin-top:.9rem;padding-top:.8rem;border-top:1px solid #2c3d59;color:#b9c7dc}.route-card-footer .secondary-button{margin-left:auto}.secondary-button{background:#263855;border-color:#637995}.primary-button,.apply-button{background:#174f56;border-color:#3c9a91}.route-editor{margin-top:1.25rem;padding:1rem;border:1px solid #466284;border-radius:9px;background:#111a2b}.route-editor form{display:grid;grid-template-columns:1fr;gap:.8rem}.route-editor label{display:grid;gap:.4rem}.route-editor input,.route-editor select{width:100%;min-width:0}.route-editor-actions{display:flex;justify-content:flex-end}.route-editor-actions button,.apply-button{min-height:44px}.route-warning{padding:.8rem 1rem;border-radius:7px;background:#542b37;color:#ffe2e7}.route-note{color:#b9c7dc}.route-empty{padding:1rem;border:1px dashed #536783;border-radius:8px;color:#c2cee0}.apply-button{margin-top:.4rem}@media(max-width:760px){main{padding:1rem}header,nav{flex-wrap:wrap;gap:.55rem;padding:.8rem 1rem}header strong{flex:1 0 100%;font-size:1.25rem}header>span{flex:1}nav button{flex:1;min-height:44px}section{padding:1rem;margin:1rem 0}.route-section-heading,.route-list-heading{align-items:stretch;flex-direction:column}.route-section-heading>button,.route-list-heading>button{width:100%}.route-template-card{grid-template-columns:1fr}.route-card-main{grid-template-columns:1fr;gap:.75rem}.route-card-footer{display:grid;grid-template-columns:1fr 1fr;align-items:start}.route-card-footer .secondary-button{grid-column:1/-1;margin:0;width:100%}.tools,form{display:grid;grid-template-columns:1fr;width:100%}.tools>*,form>*{min-width:0;max-width:100%}button,input,select{min-height:44px;max-width:100%}.route-editor form p{overflow-wrap:anywhere}table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}td,th{white-space:normal;min-width:7rem}.cards{grid-template-columns:1fr}.login{margin:6vh auto;padding:0 1rem}}@media(max-width:420px){main{padding:.75rem}section{padding:.85rem}.route-card{padding:.8rem}.route-card-footer{grid-template-columns:1fr}.route-status{display:grid;gap:.45rem}header>span{font-size:.85rem}button,input,select{width:100%}}