/*
 * public/m33-static/relay-float.css — the Proto host's floating Relay window
 * (lib/views/htmls/proto/relay-float.ejs; ADR 0082 D6, rule 10a).
 *
 * Served from /m33/ by lib/proto/serve.js. Rules unchanged from the <style>
 * block serve.js used to inject.
 */

/* ── Window, bar and frame ────────────────────────────────────────── */
#m33-relay-float{position:fixed;top:74px;left:120px;width:720px;height:560px;z-index:9500;display:none;flex-direction:column;background:var(--m33-bg,#0d1017);border:1px solid rgba(74,134,255,0.6);border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.6);overflow:hidden;resize:both;min-width:440px;min-height:340px}
#m33-relay-float.open{display:flex}
#m33-relay-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;cursor:move;background:var(--m33-surface,#1b2740);border-bottom:1px solid rgba(255,255,255,0.08);user-select:none}
#m33-relay-bar b{font:600 13px/1 system-ui,sans-serif;color:var(--m33-text,#eef2fb)}
#m33-relay-bar .d{color:var(--m33-text-muted,#9fb0d0);font-weight:400;margin-left:7px;font-size:12px}
#m33-relay-dock{background:rgba(74,134,255,0.16);border:1px solid rgba(74,134,255,0.5);color:#dfe7f5;cursor:pointer;font:600 11px/1 system-ui,sans-serif;padding:6px 11px;border-radius:7px}
#m33-relay-float iframe{flex:1;border:0;width:100%;background:var(--m33-bg,#0d1017)}