/* Approved PROFILE-01 connection surfaces. Admin and chat adapters keep their own styles. */
.connection-component{min-width:0;color:var(--auth-ink);font:400 16px/1.45 "Umila Inter",sans-serif;overflow-wrap:anywhere}
.connection-component [hidden]{display:none!important}
.connection-component .form-stack{display:grid;gap:16px;min-width:0}
.connection-component h2,.connection-component h3{margin:0;color:var(--auth-ink);font:800 24px/1.2 "Umila Nunito",sans-serif;letter-spacing:-.015em}
.connection-component h3{font-size:21px}
.connection-component p{margin:0}
.connection-component .section-caption{font-size:14px;line-height:1.5;color:var(--auth-muted);white-space:pre-wrap}
.connection-component label{display:grid;gap:7px;min-width:0;font-size:15px;line-height:1.4;color:var(--auth-ink)}
.connection-component input:not([type=checkbox]),.connection-component select,.connection-component textarea{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--auth-border);border-radius:10px;background:transparent;color:var(--auth-ink);font:inherit;font-size:16px;line-height:1.4}
.connection-component textarea{resize:vertical}
.connection-component input[type=checkbox]{appearance:auto;width:23px;height:23px;min-height:0;margin:0;accent-color:var(--auth-accent);flex:none}
.connection-component .button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;max-width:100%;padding:10px 16px;border:1px solid transparent;border-radius:12px;background:var(--auth-accent);color:var(--auth-action-ink);font:800 18px/1.3 "Umila Nunito",sans-serif;text-align:center;text-decoration:none;white-space:normal;cursor:pointer}
.connection-component .button.secondary{border-color:var(--auth-border);background:transparent;color:var(--auth-ink);font:400 16px/1.4 "Umila Inter",sans-serif}
.connection-component .button:disabled{cursor:default;opacity:.5}
.connection-component .button:hover:not(:disabled){filter:brightness(.97)}
.connection-component :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--auth-ink);outline-offset:4px}
.connection-component .actions{display:flex;gap:12px;flex-wrap:wrap;min-width:0}
.connection-component>.form-stack>.actions>.button:only-child{min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--auth-ink);font:400 15px/1.4 "Umila Inter",sans-serif;text-decoration:underline;text-underline-offset:4px}
.connection-component .connection-state{justify-self:start;max-width:100%;padding:8px 14px;border-radius:10px;background:var(--auth-surface);color:var(--auth-ink);font-size:15px}
.connection-component .connection-state.is-connected{font-weight:600}
.connection-component .connection-identity{display:block;padding:12px 16px;background:var(--auth-surface);border-radius:11px;font-size:19px;line-height:1.4}
.connection-component .connection-note{padding:14px 16px;border-radius:11px;background:var(--auth-surface);font-size:14px;line-height:1.5}
.connection-component .connection-workbench{min-width:0;border-top:1px solid color-mix(in srgb,var(--auth-border) 55%,transparent);padding-top:12px}
.connection-component .connection-workbench>summary{min-height:44px;padding:9px 0;cursor:pointer;color:var(--auth-ink);font-size:15px;text-decoration:underline;text-underline-offset:4px}
.connection-component .connection-workbench[open]{display:grid;gap:16px}
.connection-component .connection-workbench .form-stack{gap:12px}
.connection-component .connection-workbench>.form-stack+.form-stack{margin-top:20px}
.connection-component .connection-workbench>p{margin-bottom:16px}
.connection-component .connection-workbench .form-stack>.form-stack{padding:14px 16px;border:1px solid color-mix(in srgb,var(--auth-border) 60%,transparent);border-radius:11px}
.connection-component .connection-workbench h3{font-size:19px}
.connection-component .connection-services{gap:14px}
.connection-component label.connection-service{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;font-size:15px;line-height:1.45}
.connection-component .form-error{margin:0;padding:12px 16px;border-radius:10px;background:color-mix(in srgb,var(--auth-error) 8%,var(--auth-paper));color:var(--auth-error);font-size:14px;line-height:1.5}
.connection-component .connection-pairing{display:flex;flex-direction:column;gap:16px}
.connection-component .connection-pairing.is-reviewing .connection-review{order:-1}
.connection-component .connection-pairing ol{margin:0;padding-left:22px}
.connection-component .connection-pairing ol li+li{margin-top:6px}
.connection-component .connection-pairing.is-reviewing .connection-review h2{margin-top:8px}
.connection-calendar .actions{display:grid;grid-template-columns:minmax(0,1fr)}
.connection-google-tools>.form-stack>.button.secondary{justify-self:stretch}
.connection-google-tools>.form-stack>.button:last-child{justify-self:start;padding:8px 0;border:0;background:transparent;color:var(--auth-ink);font:400 15px/1.4 "Umila Inter",sans-serif;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.connection-component h2{font-size:24px}.connection-component .button{width:100%;min-height:46px}.connection-component .connection-services{gap:18px}.connection-component .connection-state{justify-self:stretch}.connection-component .actions{display:grid;grid-template-columns:minmax(0,1fr)}.connection-component>.form-stack>.actions>.button:only-child{justify-self:start;width:auto}.connection-component .connection-workbench .form-stack>.form-stack{padding:12px}}