:root{--remote-bar-height:64px}.remote-bar{position:fixed;z-index:1001;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#351b12;border-bottom:2px solid #eaa34c;box-shadow:0 4px 24px #000;color:#fff3dc;flex-wrap:wrap}.remote-bar strong{flex:1;min-width:210px}.remote-bar a{color:#fff3dc;text-decoration:underline}.remote-bar button{font-size:12px}body{padding-top:var(--remote-bar-height)}body>.app,.app>.shell{height:calc(100dvh - var(--remote-bar-height))}.sandbox-banner{display:none}dialog{max-width:560px;width:90%;padding:24px;border:1px solid #eaa34c;border-radius:12px;background:#151b14;color:#eee}dialog::backdrop{background:#000c}dialog input{display:block;margin:16px 0;width:100%}dialog button{margin:8px 8px 0 0}@media(max-width:900px){body>.app,.app>.shell{height:auto;min-height:calc(100dvh - var(--remote-bar-height))}.rail{top:var(--remote-bar-height);height:calc(100dvh - var(--remote-bar-height));overflow-y:auto}.topbar{top:var(--remote-bar-height)}}@media(max-width:760px){.remote-bar{gap:8px}.remote-bar strong{width:100%;font-size:12px}.remote-bar a{font-size:12px}}
.remote-status{flex:1;min-width:210px}.remote-status small{display:block;font-size:11px;margin-top:4px;color:#e0d0bc}.remote-bar[data-connection=offline]{border-color:#ee816f}.remote-note{padding:12px;border-left:3px solid #eaa34c;background:#eaa34c0d;font-size:13px;line-height:1.6}.remote-unavailable{border-style:dashed;opacity:.85}.remote-confirm-hint{color:#f4ca8b;font-weight:700}.history-page{height:auto;overflow-y:auto}.history-main{max-width:1180px;margin:0 auto;padding:28px 22px}.history-main h1{margin:12px 0 20px}.history-main nav{margin-bottom:24px}.history-main a{color:#d5eaa5}.history-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.history-controls label{min-width:230px}.history-controls p{width:100%;margin:0}.history-card{margin:14px 0;border-left:4px solid #7b976a}.history-card h2{font-size:18px;margin:0 0 10px}.history-card[data-outcome=uncertain],.history-card[data-outcome=error]{border-left-color:#ef8f7b}.history-card[data-outcome=sent],.history-card[data-outcome=local_pending],.history-card[data-outcome=local_running]{border-left-color:#eaa34c}.history-card pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;background:#0c100c;padding:14px;border-radius:8px}.history-id{overflow-wrap:anywhere;font-size:12px}.history-pagination{justify-content:center;margin:24px 0;align-items:center}.history-help{margin-bottom:32px}.history-help li{margin:10px 0;line-height:1.6}@media(max-width:760px){.remote-status{width:100%;min-width:0}.remote-status small{font-size:10px}.history-main{padding:20px 12px}.history-card h2{font-size:16px}}
@media(max-width:760px){.remote-status{flex:1 0 100%}}