.connectors-view .connected-app-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 11px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(36,66,49,.76);color:#fff;font:inherit;font-size:11px;font-weight:650;line-height:1.2;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.12)}.connectors-view .connected-app-button:hover{background:rgba(36,66,49,.92);filter:none}.connectors-view .connected-app-button:disabled{opacity:.55;cursor:wait}
@media(max-width:480px){.connectors-view .connector-catalog-row{align-items:center;flex-wrap:wrap;row-gap:10px}.connectors-view .connector-catalog-row .connected-app-copy{flex:1 1 140px}.connectors-view .connector-catalog-row>.connected-app-button{margin-left:0}}
.connector-subheading{margin:12px 16px 4px;font-size:10px;font-weight:650;letter-spacing:.04em;opacity:.72}

/* Connector catalog: one compact, icon-led grid instead of duplicate connection lists. */
.connectors-view .connector-category{margin-top:18px}
.connectors-view .connector-category>.section-label{margin:0 0 8px;font-size:10px;letter-spacing:.045em;font-weight:650}
.connectors-view .connector-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:8px;align-items:stretch}
.connectors-view .connector-app-grid>section,.connectors-view .connector-tile{min-width:0;min-height:84px;padding:10px;border:1px solid rgba(49,75,57,.12);border-radius:13px;background:rgba(255,255,255,.65)}
.connectors-view .connector-google-tile{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-content:start;justify-content:initial;gap:8px 9px;padding:11px}
.connectors-view .connector-google-tile .connector-google-icon,.connectors-view .connector-tile>.connector-google-icon{grid-column:1;grid-row:1;width:34px;height:34px;align-self:center}
.connectors-view .connector-google-tile .connected-app-copy{grid-column:2;grid-row:1;align-self:center;min-width:0;display:grid;gap:3px}
.connectors-view .connector-google-tile .connected-app-copy strong,.connectors-view .connector-tile .connected-app-copy strong{font-size:12px;line-height:1.2}
.connectors-view .connector-google-tile .connected-app-copy small,.connectors-view .connector-tile .connected-app-copy small{font-size:10px;line-height:1.25;overflow-wrap:anywhere}
.connectors-view .connector-google-tile>.connected-app-button,.connectors-view .connector-tile>.gmail-connect{grid-row:2;align-self:end;justify-self:start;margin:5px 0 0;min-height:30px;padding:5px 10px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(36,66,49,.82);color:#fff;font:inherit;font-size:10px;font-weight:650;white-space:nowrap}
.connectors-view .connector-google-tile>.connected-app-button:nth-of-type(1){grid-column:1 / -1;grid-row:2;justify-self:start}
.connectors-view .connector-google-tile>.connected-app-button:nth-of-type(2){grid-column:1 / -1;grid-row:3;justify-self:start}
.connectors-view .connector-tile{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;justify-content:initial;gap:8px 9px;list-style:none}
.connectors-view #connected-apps-list{padding:0;margin:0;list-style:none}
.connectors-view .connector-planned-row{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-content:start;justify-content:initial;min-height:94px;padding:11px;border:1px solid rgba(49,75,57,.12);border-radius:13px;background:rgba(255,255,255,.65);gap:7px 9px}
.connector-app-icon{grid-column:1;grid-row:1/3;width:34px;height:34px;display:block;object-fit:contain;border-radius:9px;background:#edf3ea;color:#365540}
.connector-planned-row .connected-app-copy{grid-column:2;grid-row:1;display:grid;gap:3px;min-width:0}
.connectors-view .connector-planned-row .connected-app-copy strong{font-size:12px;line-height:1.2}
.connector-planned-row .connector-planned{grid-column:2;grid-row:2;justify-self:start;font-size:10px}
.connectors-view .connector-google-tile .connector-results,.connectors-view .connector-google-tile+div{grid-column:1/-1}
@media(max-width:480px){.connectors-view .connector-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.connectors-view .connector-app-grid>section,.connectors-view .connector-tile{min-height:78px;padding:8px}.connectors-view .connector-google-tile>.connected-app-button{font-size:9px;padding:5px 8px}.connectors-view .connector-planned-row{min-height:64px;padding:8px}}

/* Connected services are compact identity chips; the library uses clickable icon tiles. */
.connectors-view .connector-connected-section{margin-top:12px}
.connectors-view .connector-connected-list{display:flex;align-items:center;gap:18px;min-height:42px;overflow-x:auto;padding:4px 0 8px}
.connectors-view .connector-connected-item{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:max-content;padding:0;border:0;background:transparent;box-shadow:none}
.connectors-view .connector-connected-icon{display:block;width:30px;height:30px;object-fit:contain;border:0;border-radius:0;background:transparent}
.connectors-view .connector-connected-icon.connector-account-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}
.connectors-view .connector-connected-item .connected-app-copy{display:grid;gap:2px}
.connectors-view .connector-connected-item strong{font-size:11px;line-height:1.2}
.connectors-view .connector-connected-item small{font-size:9px;opacity:.66;line-height:1.2}
.connectors-view .connector-library-heading{margin:12px 0 8px;font-size:11px;font-weight:650}
.connectors-view .connector-library-group+.connector-library-group{margin-top:12px}
.connectors-view .connector-google-tile[hidden],.connectors-view .connector-tile[hidden],.connectors-view .connector-planned-row[hidden],.connectors-view .connector-app-grid>section[hidden]{display:none!important}
.connectors-view .connector-google-tile>.connected-app-button,.connectors-view .connector-google-tile>.gmail-connect,.connectors-view .connector-tile>.gmail-connect{display:none!important}
.connectors-view .connector-library-tile{cursor:pointer}
.connectors-view .connector-library-tile:hover,.connectors-view .connector-google-tile:hover,.connectors-view .connector-tile:hover{border-color:rgba(49,75,57,.28);background:rgba(255,255,255,.86)}
.connectors-view .connector-library-tile:focus-visible,.connectors-view .connector-google-tile:focus-visible,.connectors-view .connector-tile:focus-visible{outline:2px solid #41664b;outline-offset:2px}

/* Match PAM's transparent, vertically scrolling settings rows. */
.connectors-view .connector-connected-section{margin:16px 0 10px}
.connectors-view .connector-connected-list{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;max-height:none;overflow:visible;padding:0}
.connectors-view .connector-connected-item{width:100%;min-width:0;min-height:58px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.2);background:transparent;box-shadow:none}
.connectors-view .connector-connected-icon{width:34px;height:34px;flex:0 0 34px}
.connectors-view .connector-apps-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin:12px 0;padding:10px 0;border:0;border-top:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent;color:inherit;text-align:left;font:inherit;font-size:13px;font-weight:650;filter:none;box-shadow:none}
.connectors-view .connector-apps-toggle:hover,.connectors-view .connector-apps-toggle:active{background:transparent;filter:none;box-shadow:none;transform:none}
.connectors-view .connector-apps-toggle svg{width:17px;height:17px;opacity:.72}
.connectors-view .connector-app-library{margin-top:8px}
.connectors-view .connector-app-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}
.connectors-view .connector-app-grid>.connector-google-card,.connectors-view .connector-tile,.connectors-view .connector-planned-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-width:0;min-height:58px;padding:10px 0;border:0;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent;box-shadow:none}
.connectors-view .connector-google-tile{display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent}
.connectors-view .connector-google-tile:hover,.connectors-view .connector-tile:hover,.connectors-view .connector-planned-row:hover,.connectors-view .connector-library-tile:hover{border-color:rgba(255,255,255,.2);background:transparent;box-shadow:none}
.connectors-view .connector-google-tile:focus-visible,.connectors-view .connector-tile:focus-visible,.connectors-view .connector-library-tile:focus-visible{outline:2px solid #d9ef92;outline-offset:3px}
.connectors-view .connector-google-tile .connector-google-icon,.connectors-view .connector-tile>.connector-google-icon,.connectors-view .connector-planned-row .connector-app-icon{width:34px;height:34px;flex:0 0 34px;grid-column:auto;grid-row:auto;border:0;border-radius:0;background:transparent}
.connectors-view .connector-google-tile .connected-app-copy,.connectors-view .connector-tile .connected-app-copy,.connectors-view .connector-planned-row .connected-app-copy{display:grid;grid-column:auto;grid-row:auto;gap:3px;min-width:0}
.connectors-view .connector-planned-row .connector-planned{margin-left:auto;grid-column:auto;grid-row:auto}
.connectors-view .connector-connected-item .connected-app-copy{flex:1}
.connectors-view .connector-google-card[hidden],.connectors-view .connector-planned-row[hidden],.connectors-view .connector-tile[hidden]{display:none!important}
.connectors-view .connector-google-tile:focus-visible,.connectors-view .connector-tile:focus-visible,.connectors-view .connector-library-tile:focus-visible{background:transparent}
.connectors-view .connector-tabs{display:flex;align-items:center;gap:24px;margin:4px 0 18px;border-bottom:1px solid rgba(255,255,255,.22)}
.connectors-view .connector-tab{position:relative;min-height:44px;padding:10px 0;border:0;border-radius:0;background:transparent;color:rgba(255,255,255,.7);font:inherit;font-size:12px;font-weight:600;filter:none;box-shadow:none}
.connectors-view .connector-tab:hover,.connectors-view .connector-tab:active{background:transparent;filter:none;box-shadow:none;transform:none;color:#fff}
.connectors-view .connector-tab.is-active{color:#fff}
.connectors-view .connector-tab.is-active::after{content:'';position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#d9ef92;border-radius:2px}
.connectors-view .connector-connected-section{margin:0}
.connectors-view .connector-connected-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;align-items:start}
.connectors-view .connector-connected-item{min-height:50px;padding:5px 0;border:0;background:transparent;box-shadow:none}
.connectors-view .connector-app-library{margin-top:0}
.connectors-view .connector-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;align-items:start}
.connectors-view .connector-app-grid>.connector-google-card,.connectors-view .connector-tile,.connectors-view .connector-planned-row{min-height:56px;padding:8px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.connectors-view .connector-google-tile{padding:0;border:0;background:transparent}
.connectors-view .connector-google-tile:hover,.connectors-view .connector-tile:hover,.connectors-view .connector-planned-row:hover,.connectors-view .connector-library-tile:hover{border:0;background:transparent;box-shadow:none;filter:none}
.connectors-view .connector-library-heading{margin:18px 0 8px}
.connectors-view .connector-library-connect{font:inherit;color:inherit;text-align:left;cursor:pointer}
.connectors-view .connector-library-connect:focus-visible{outline:2px solid #d9ef92;outline-offset:3px}
.connectors-view .connector-creator-marketspace-icon{mix-blend-mode:screen}
@media(max-width:360px){.connectors-view .connector-tabs{gap:18px}.connectors-view .connector-app-grid{gap:6px 12px}.connectors-view .connector-connected-list{gap:8px 12px}}