/* The cloud controls keep their existing IDs and permission-driven visibility. */
#connection-controls { position: fixed; left: 22px; bottom: 20px; z-index: 100; }
body:has(#login:not([hidden])) #connection-controls { display: none; }
#connection-toggle { display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border-radius: 15px; background: #b6ff36; color: #24351b; border: 1px solid #d2ff85; box-shadow: 0 5px 18px #111b2633; cursor: pointer; }
#connection-toggle:hover { background: #a5ee2c; }
#connection-menu { position: fixed; inset: auto auto 78px 22px; width: min(300px,calc(100vw - 32px)); max-height: calc(100dvh - 105px); overflow-y: auto; margin: 0; padding: 20px; border-radius: 22px; background: #fcfdf8f5; backdrop-filter: blur(18px); color: #263321; border: 1px solid #dce5d1; box-shadow: 0 18px 60px #0c162c33; }
#connection-menu::backdrop { background: transparent; }
.connection-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.connection-heading small { color: #748565; font-size: 10px; letter-spacing: .16em; }
.connection-heading h2 { font-size: 19px; font-weight: 500; letter-spacing: -.5px; margin: 5px 0; }
.connection-heading button { border: 1px solid #e1e7da; background: #fff; color: #65745b; width: 32px; height: 32px; padding: 0; font-size: 21px; border-radius: 50%; }
#connection-menu #status { margin: 12px 0 16px; padding: 10px 12px; border-radius: 12px; background: #edf4e5; color: #526b3d; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
#connection-menu #tools { display: grid; gap: 5px; }
#connection-menu #tools button { width: 100%; border: 0; border-radius: 10px; background: transparent; text-align: left; color: #394b2d; font-size: 12px; font-weight: 500; padding: 12px; }
#connection-menu #tools button:hover { background: #e9f2df; }
#connection-menu #logout { margin-top: 5px; border-top: 1px solid #e5eadf !important; color: #a34a40 !important; }
body.falcon-entry:has(#app:not([hidden])) { height: 100dvh; overflow: hidden; }
body.falcon-entry #app { display: block; width: 100%; height: 100dvh; border: 0; }
@media(max-width:600px) { #connection-controls { left: 12px; bottom: 12px; } #connection-toggle { width: 38px; height: 38px; border-radius: 12px; } #connection-menu { left: 12px; bottom: 62px; } }