[hidden]{display:none!important}.connection-locked{background:#f5f4ee}.connection-gate{min-height:100dvh;padding:32px 20px;display:grid;place-items:center}.connection-gate-card{width:min(100%,540px);background:var(--paper,#fffefa);border:1px solid var(--line,#e3e5da);border-radius:24px;padding:38px}.connection-gate-card h1{font-size:31px;line-height:1.2;margin:30px 0 18px}.connection-gate-card>p{color:var(--muted,#75817b);font-size:14px}.connection-brand{font-size:28px;font-weight:600;color:var(--green,#173f39)}.connection-gate-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.connection-gate-actions .primary{display:inline-block}.connection-caption{font-size:11px!important;margin:32px 0 0!important}.connection-loader{height:5px;margin:26px 0;border-radius:5px;background:linear-gradient(90deg,#e3e5da,#8fa47d,#e3e5da);background-size:200%;animation:connection-loading 1.8s linear infinite}@keyframes connection-loading{to{background-position:-200% 0}}.connection-toolbar{margin:20px 44px 0;padding:18px 22px;border:1px solid var(--line);background:var(--paper);border-radius:15px;font-size:12px}.connection-state-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.connection-state-row strong{font-size:12px;font-weight:550}.connection-sync-status{font-size:11px;color:var(--muted);margin:5px 0 0}.connection-sync-status[data-save-status=conflict],.connection-sync-status[data-save-status=local-error],.connection-sync-status[data-save-status=error]{color:#955632}.connection-status-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.connection-owner,.connection-preferences{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.connection-owner summary,.connection-preferences summary{cursor:pointer;color:var(--green);font-size:12px}.connection-owner-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.connection-owner-grid h3{font-size:13px}.connection-owner label,.connection-preferences label{display:grid;font-size:11px;gap:6px;margin-bottom:14px}.connection-owner input,.connection-owner select,.connection-preferences input:not([type=checkbox]){width:100%;min-width:0;border:1px solid #dfe3d6;border-radius:9px;background:#fbfcf5;padding:10px;color:var(--ink);font:inherit}.connection-owner .text-button{margin-top:10px}.connection-pending{margin-top:22px}.connection-approve{background:var(--soft);padding:18px;border-radius:12px;margin-top:14px}.connection-form-result{font-size:11px;color:#955632;margin:12px 0 0}.connection-conflict{background:var(--peach);border-radius:10px;padding:15px;margin-top:15px}.connection-conflict p{font-size:12px}.connection-preferences form{max-width:440px;margin-top:18px}.connection-preferences .check{display:flex;align-items:center;gap:8px}.connection-preferences .check input{width:auto}.connection-caption-strip{margin:14px 44px 0;color:var(--muted);font-size:11px}.connection-owner-gate{width:min(100%,800px)}.connection-owner-gate .connection-owner{border-top:0;padding-top:0}.connection-owner-gate>p{margin-bottom:25px}.connection-toolbar p,.connection-gate-card p{overflow-wrap:anywhere}.connection-toolbar button{white-space:normal}.connection-toolbar [role=status]{overflow-wrap:anywhere}
@media(max-width:640px){.connection-gate{padding:20px 16px}.connection-gate-card{padding:26px 22px;border-radius:18px}.connection-gate-card h1{font-size:27px}.connection-toolbar{margin:15px 20px 0;padding:16px}.connection-caption-strip{margin:12px 20px 0}.connection-state-row{display:block}.connection-status-actions{margin-top:13px}.connection-owner-grid{grid-template-columns:minmax(0,1fr);gap:18px}.connection-approve{padding:15px}.connection-gate-actions{display:grid}.connection-gate-actions>a,.connection-gate-actions>button{text-align:center}.connection-owner-gate .connection-owner-grid{gap:22px}}