/* OCTA access-state layer. Navigation is open; mutations require Start. */
.observe-only .nav a{display:block;padding:11px 12px;border-radius:10px;color:#687685}
.observe-only .nav a:hover{color:#c9d8e8;background:#091a2a}
.observe-only .nav a.active{color:#6aa6ff;background:#0d2846;border:1px solid #12375f}
.activate-link{margin-top:5px;padding:9px 7px;border:1px solid #2d75d6;border-radius:7px;color:#79b4ff!important;text-align:center;font-size:8px;font-weight:800}
.control input,.control select,.m-control input,.m-control select{width:100%;border:0;outline:0;background:transparent;color:#f4f7fb;font:inherit}
.pair-control{width:165px}
.plan-observer .locked{position:relative;opacity:.76}
.plan-observer .locked:after{content:'LOCK';position:absolute;right:6px;top:5px;color:#738196;font-size:6px;letter-spacing:.12em}
.plan-active .control,.plan-active .m-control{border-color:#25476c}
.plan-active .tabs button,.plan-active .m-tabs button{cursor:pointer;color:#a9b8ca}
.observer-banner{display:grid;gap:3px;margin:0 0 10px;padding:10px 12px;border:1px solid #2a5683;border-radius:10px;background:#071b2d;color:#77aff6}
.observer-banner b{font-size:9px;letter-spacing:.1em}
.observer-banner span{color:#a4b5c8;font-size:8px}
.m-bottom a{display:grid;place-content:center;text-align:center;color:#8793a3;font-size:17px}
.m-bottom a.active{color:#63a2ff;background:#0c2037}
.m-control input,.m-control select{font-size:10px}
.observe-only button:disabled,.observe-only input:disabled,.observe-only select:disabled{cursor:not-allowed;opacity:1;-webkit-text-fill-color:#7a8796}
@media(max-width:760px){.pair-control{width:auto}}