:root{font:15px system-ui,sans-serif;color:#edf4ff;background:#102338}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:32px;min-height:84px;padding:16px 24px;border-bottom:1px solid #47607c}strong{font-size:23px;letter-spacing:.04em}small{display:block;color:#b7c8dd;margin-top:5px}nav{display:flex;gap:10px;flex:1}button{font:inherit;padding:12px 18px;border:1px solid #547190;border-radius:8px;background:transparent;color:inherit;cursor:pointer}button[aria-pressed=true]{background:#e5effc;color:#112d4a}header span{font-size:12px;line-height:1.6;color:#c7d6e6}main{height:calc(100vh - 86px);background:white}iframe{width:100%;height:100%;border:0}iframe[hidden]{display:none}@media(max-width:800px){header{flex-wrap:wrap;gap:10px}header span{display:none}main{height:calc(100vh - 140px)}}

main{display:grid;grid-template-columns:minmax(0,1fr) 350px;overflow:hidden}.application{min-width:0;height:100%;overflow:hidden}#activityPanel{background:#101d2d;color:#e7eef8;border-left:1px solid #3e5169;padding:20px 16px;overflow-y:auto;font-size:13px}.activity-head{display:flex;align-items:center;gap:10px}.activity-head h2{margin:0;font-size:19px}.live-dot{width:9px;height:9px;background:#60dab4;border-radius:50%}#activityConnection{color:#81dec1;font-size:12px}.activity-note,#activityEmpty{color:#b1c0d3;line-height:1.6}#activityConnection.stale{color:#ffd38b}#clearActivity{font-size:12px;padding:7px 10px}#activityLog{list-style:none;margin:16px 0 0;padding:0}#activityLog li{border-left:3px solid #6484aa;border-bottom:1px solid #293b50;padding:10px 10px 12px;margin-bottom:9px;background:#17283c;border-radius:4px}#activityLog time{display:block;font-size:11px;color:#9eb5d0;margin-bottom:5px}#activityLog strong{display:block;font-size:13px;letter-spacing:0;font-weight:600}#activityLog p{margin:7px 0 0;line-height:1.6;color:#cad8e9}#activityLog .activity-complete{border-left-color:#60dab4}#activityLog .activity-blocked,#activityLog .activity-rejected,#activityLog .activity-unavailable{border-left-color:#ffb66c}@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:700px){main{display:flex;flex-direction:column;overflow:auto;height:auto}.application{height:70vh;min-height:420px;flex:none}#activityPanel{max-height:40vh;border-left:0;border-top:1px solid #3e5169}}