.connector-options{min-width:0;margin-top:16px}.connector-toolbar{grid-template-columns:minmax(0,1fr) minmax(160px,220px);gap:12px;margin-bottom:16px;display:grid}.connector-search{min-width:0;font-size:var(--workspace-small);color:var(--color-text-muted);flex-direction:column;gap:8px;display:flex}.connector-search .input{width:100%;min-width:0;font-size:var(--workspace-body);min-height:44px}.connector-filters{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.connector-filters button{border:1px solid var(--color-rail);min-height:44px;font-size:var(--workspace-small);color:var(--color-text-muted);border-radius:12px;padding:8px 14px}.connector-filters button[aria-pressed=true]{color:var(--color-brand);border-color:color-mix(in srgb, var(--color-brand) 35%, var(--color-rail));background:color-mix(in srgb, var(--color-brand) 8%, transparent)}.connector-filters button:focus-visible,.connector-search .input:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.connector-directory-note,.connector-empty{font-size:var(--workspace-small);color:var(--color-text-muted);margin-bottom:16px;line-height:1.6}.connector-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.connector-grid>li{min-width:0}.connector-card{border:1px solid var(--color-rail);background:var(--bg-card);overflow-wrap:anywhere;border-radius:18px;flex-direction:column;gap:16px;min-width:0;height:100%;padding:20px;display:flex}.connector-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.connector-card-icon{background:color-mix(in srgb, var(--color-text-muted) 7%, transparent);width:46px;height:46px;color:var(--color-text-muted);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.connector-card-icon-live{color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 9%, transparent)}.connector-availability{border:1px solid var(--color-rail);font-size:var(--workspace-caption);color:var(--color-text-muted);border-radius:20px;padding:4px 9px;line-height:1.4}.connector-availability-available{color:var(--color-brand)}.connector-availability-pilot{color:var(--color-text-secondary)}.connector-category{font-size:var(--workspace-caption);color:var(--color-text-muted);margin-bottom:5px;display:block}.connector-card h3{font-family:var(--font-sans);font-size:var(--workspace-heading);letter-spacing:-.02em;font-weight:600;line-height:1.4}.connector-card-description{font-size:var(--workspace-small);color:var(--color-text-secondary);line-height:1.65}.connector-card-footer{flex-direction:column;align-items:flex-start;gap:12px;margin-top:auto;display:flex}.connector-status{font-size:var(--workspace-caption);color:var(--color-text-muted);align-items:center;gap:7px;line-height:1.5;display:inline-flex}.connector-status-connected{color:var(--color-brand)}.connector-status-connected:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.connector-card-footer .btn{width:100%;min-height:44px}.connector-grid>.connector-option-open{grid-column:1/-1}.connector-option-open>.connector-card{border-bottom:0;border-radius:18px 18px 0 0;grid-template-columns:minmax(0,1fr) auto;height:auto;display:grid}.connector-option-open>.connector-card .connector-card-top,.connector-option-open>.connector-card .connector-card-heading{grid-column:1}.connector-option-open>.connector-card .connector-card-top{justify-content:flex-start}.connector-option-open>.connector-card .connector-card-description{display:none}.connector-option-open>.connector-card .connector-card-footer{grid-area:1/2/3;align-self:center;align-items:flex-end;margin-top:0}.connector-option-open .connector-card-footer .btn{width:auto;min-width:100px}.connector-inline-setup{border:1px solid var(--color-rail);background:var(--bg-card);overflow-wrap:anywhere;border-top:0;border-radius:0 0 18px 18px;padding:0 16px 16px}.connector-inline-setup .input{min-width:0;max-width:100%}.connector-inline-setup>.card{background:0 0;border:0;padding:12px 4px 4px}.connector-empty{border:1px dashed var(--color-rail);text-align:center;border-radius:16px;padding:28px 16px}@media (width<=639px){.connector-toolbar{grid-template-columns:minmax(0,1fr)}.connector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.connector-card{gap:12px;padding:14px}.connector-card-top{flex-wrap:wrap}.connector-card-icon{border-radius:12px;width:40px;height:40px}.connector-card h3{font-size:var(--workspace-body)}.connector-card-description{font-size:var(--workspace-caption)}.connector-card-footer .btn{font-size:var(--workspace-small);padding-inline:10px}.connector-inline-setup{padding:0 10px 10px}}@media (width<=359px){.connector-grid{grid-template-columns:minmax(0,1fr)}}[id^=connection-]{scroll-margin-block-start:120px}[id^=connection-]:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.connection-action-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.connection-action-bar .btn{min-height:44px;font-size:var(--workspace-small);white-space:normal;overflow-wrap:normal;gap:8px;scroll-margin-block:120px 96px}.connection-action-bar .btn svg{flex-shrink:0}.connection-action-bar .btn.connection-disconnect{color:var(--color-text-muted)}.dashboard-shell .connection-action-bar .btn.connection-disconnect{border:1px solid var(--border-light);background:var(--workspace-control);color:var(--text-secondary)}.calendar-account{padding-block:8px}.calendar-permissions summary{cursor:pointer;min-height:44px;color:var(--text-muted);font-size:var(--workspace-caption);padding-block:10px}.calendar-permissions p{max-width:66ch;margin-bottom:8px;line-height:1.6}.connection-action-bar .btn.connection-disconnect:hover:not(:disabled){color:var(--danger)}.connection-confirmation{border:1px solid var(--color-rail);background:color-mix(in srgb, var(--color-text-muted) 4%, transparent);border-radius:14px;padding:16px;scroll-margin-block:120px 96px}.connection-confirmation h4{font-size:var(--workspace-body);font-weight:600}.connection-confirmation p{max-width:65ch;font-size:var(--workspace-small);color:var(--color-text-secondary);margin-block:8px 16px;line-height:1.6}.connection-action-bar .btn.connection-disconnect-confirm{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.connection-action-bar .btn.connection-disconnect-confirm:hover:not(:disabled){border-color:var(--danger);background:color-mix(in srgb, var(--danger) 6%, transparent)}.connection-checking{animation:1.2s linear infinite connection-spin}@keyframes connection-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.connection-checking{animation:none}}@media (width<=639px){.connection-confirmation .connection-action-bar{grid-template-columns:auto minmax(0,1fr);display:grid}.connection-confirmation .connection-action-bar .btn{min-width:0;padding-inline:12px}.connection-confirmation .connection-action-bar .btn:first-child{white-space:nowrap}}