.connection-gate{max-width:620px;margin:6vh auto;padding:36px;background:#fff;border:1px solid #dce6e1;border-radius:18px;box-shadow:0 12px 40px #193f4210}.gate-brand{display:block;font-size:32px;font-weight:750;color:#133f43;text-decoration:none;margin-bottom:20px}.gate-brand span{color:#c68e65}.connection-gate h1{font-size:28px;margin:24px 0 12px}.connection-gate p{line-height:1.65}.gate-field{display:block;margin:18px 0}.gate-field .input{display:block;width:100%;margin-top:7px}.connection-gate .btn{margin:12px 8px 0 0}.connected-toolbar{background:#133f43;color:white;padding:12px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;position:relative;z-index:10}.connected-toolbar .link-btn{color:#d8eeea;font-size:12px}.connected-controls{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap}#sync-status{font-size:12px;max-width:420px}#sync-status[data-kind=error],#sync-status[data-kind=conflict]{color:#ffdbb1}#sync-status[data-kind=pending]{color:#f2de9a}#connected-alert>.notice{margin:0;border-radius:0}.cloud-chat-layout{display:grid;grid-template-columns:210px 1fr;gap:24px;margin-top:24px}.cloud-chat-list{height:350px;overflow:auto;padding:12px;border:1px solid #dce6e1;border-radius:12px;background:#f8faf8}.cloud-message{max-width:90%;padding:14px;border-radius:12px;background:white;margin:10px 0;border:1px solid #e4ece7;white-space:normal;overflow-wrap:anywhere}.cloud-message.outbound{margin-left:auto;background:#e5f3ee}.cloud-message p{margin:8px 0;line-height:1.5}.cloud-message time{font-size:11px;color:#667c78}.cloud-message .chip{margin-left:10px}.cloud-recipients{display:flex;flex-wrap:wrap;gap:10px 20px;max-height:150px;overflow:auto}.cloud-chat-layout fieldset{border:0;padding:12px 0}.cloud-chat-layout form>.field-label{display:block;margin:16px 0}.cloud-chat-layout textarea{display:block;width:100%;margin-top:8px}#cloud-chat-feedback{margin:12px 0;color:#386b5b}.connected-toolbar~#app .sidebar{top:0}@media(max-width:760px){.connection-gate{margin:16px;padding:24px}.connected-toolbar{padding:10px 14px;gap:9px}.connected-controls{margin-left:0;gap:10px}.cloud-chat-layout{grid-template-columns:1fr}.cloud-chat-list{height:320px}.cloud-message{max-width:95%}.connection-gate .input,.cloud-chat-layout .input,.cloud-chat-layout .textarea{font-size:16px}}
.connected-toolbar{z-index:30}@media(min-width:721px){.connected-toolbar{margin-left:240px}}@media(min-width:721px) and (max-width:1100px){.connected-toolbar{margin-left:214px}}@media(min-width:721px) and (max-width:900px){.connected-toolbar{margin-left:190px}}