.atlas-integrations{min-height:100dvh;background:var(--background);color:var(--foreground);padding-bottom:env(safe-area-inset-bottom)}.integrations-topbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(24px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--border);background:var(--card)}.integration-back{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--foreground);text-decoration:none;min-height:44px}.integration-back:hover{color:var(--brand-mid)}.integrations-body{width:min(100%,1080px);padding:28px 24px 40px;margin:auto}.integration-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--muted-foreground);font-size:12px;margin-bottom:22px}.integration-breadcrumb a{color:inherit;text-decoration:none;min-height:28px;display:inline-flex;align-items:center}.integration-breadcrumb a:hover{text-decoration:underline}.integration-breadcrumb [aria-current]{color:var(--foreground);font-weight:600}.integration-title{display:flex;align-items:center;gap:16px;margin-bottom:26px}.integration-title h1{font-size:clamp(26px,4vw,34px);letter-spacing:-.8px;line-height:1.15}.integration-title p{margin-top:7px;color:var(--muted-foreground);font-size:14px}.integration-mark{display:flex;align-items:center;justify-content:center;flex:none;width:58px;height:58px;border-radius:17px;background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.integration-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.integration-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 28px;margin-bottom:24px}.integration-intro>div{max-width:660px;min-width:0}.integration-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.2px;color:var(--muted-foreground)}.integration-intro h2{font-size:19px;line-height:1.35;letter-spacing:-.2px;margin:8px 0}.integration-intro p{font-size:14px;color:var(--muted-foreground);line-height:1.65}.integration-intro .integration-permission-note{display:flex;align-items:flex-start;gap:8px;margin-top:15px;font-size:12px}.integration-permission-note svg{flex:none;margin-top:2px;color:var(--brand-mid)}.atlas-integrations .btn{min-height:44px;white-space:normal}.integration-intro>.btn{flex:none;min-width:155px}.integration-banner,.integration-notice{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--muted);font-size:13px;line-height:1.6;margin:0 0 20px}.integration-banner svg,.integration-notice svg{flex:none;margin-top:2px}.integration-notice>span{flex:1;min-width:0}.integration-notice>.icon-btn{margin:-7px -7px -7px 0;min-height:36px;width:36px}.integration-notice.success{background:color-mix(in srgb,var(--brand) 13%,var(--card))}.integration-notice.error{background:color-mix(in srgb,var(--destructive) 8%,var(--card));border-color:color-mix(in srgb,var(--destructive) 40%,var(--border))}.connections-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 26px}.connections-heading h2{font-size:17px}.connections-heading p{font-size:12px;color:var(--muted-foreground);margin-top:4px}.integration-refresh{display:inline-flex;align-items:center;gap:7px;flex:none;min-height:44px;padding:8px 11px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--foreground);font-size:12px}.integration-refresh:hover{background:var(--muted)}.connection-owner-toggle{display:flex;gap:4px;padding:4px;background:var(--muted);border:1px solid var(--border);border-radius:9px;margin:0 26px 20px;width:fit-content;max-width:calc(100% - 52px)}.connection-owner-toggle button{background:transparent;border:1px solid transparent;color:var(--muted-foreground);padding:9px 13px;min-height:40px;border-radius:6px;font-size:12px;font-weight:600;line-height:1.4}.connection-owner-toggle button[aria-pressed=true]{background:var(--card);color:var(--foreground);border-color:var(--border);box-shadow:0 1px 3px #00000008}.connections-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 24px 42px;border-top:1px solid var(--border)}.connections-empty>svg{color:var(--brand-mid);margin-bottom:15px}.connections-empty h3{font-size:16px;margin-bottom:7px}.connections-empty p{font-size:13px;color:var(--muted-foreground);max-width:360px;line-height:1.6}.connections-empty .text-btn{min-height:44px;margin-top:10px}.integration-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:38px 20px;font-size:13px;color:var(--muted-foreground);min-height:140px}.connections-error{display:flex;align-items:flex-start;gap:10px;padding:18px 26px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--destructive) 6%,var(--card));font-size:13px}.connections-error>svg{flex:none;margin-top:2px;color:var(--destructive)}.connections-error p{color:var(--muted-foreground);margin-top:5px;line-height:1.5}.connections-error .text-btn{min-height:38px;margin-top:5px}.connections-list{border-top:1px solid var(--border)}.connection-card{padding:22px 26px}.connection-card+.connection-card{border-top:1px solid var(--border)}.connection-card>header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.connection-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;background:var(--muted);border:1px solid var(--border);border-radius:10px}.connection-name{flex:1;min-width:0}.connection-name h3{font-size:14px;overflow-wrap:anywhere}.connection-name>span{font-size:12px;color:var(--muted-foreground);display:block;margin-top:2px;overflow-wrap:anywhere}.connection-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;white-space:nowrap;border-radius:999px;padding:5px 9px;background:var(--muted);color:var(--muted-foreground)}.connection-status.active{color:var(--brand-mid);background:color-mix(in srgb,var(--brand) 17%,var(--card))}.connection-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 19px}.connection-dates dt{font-size:11px;color:var(--muted-foreground);margin:0 0 4px}.connection-dates dd{font-size:12px;margin:0;line-height:1.5;overflow-wrap:anywhere}.connection-scopes h4{font-size:11px;color:var(--muted-foreground);font-weight:400;margin:0 0 8px}.connection-scopes ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}.connection-scopes li{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;background:var(--muted);font-size:11px;line-height:1.4;overflow-wrap:anywhere}.connection-scopes li svg{color:var(--brand-mid);flex:none}.connection-card>footer{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:18px}.connection-activity{flex:1;min-width:0}.connection-activity>summary{display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none;min-height:40px;font-size:12px;font-weight:600;color:var(--brand-mid);width:fit-content}.connection-activity>summary::-webkit-details-marker{display:none}.connection-activity[open]>summary>svg{transform:rotate(90deg)}.connection-activity>summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:4px}.connection-activity>p{font-size:12px;color:var(--muted-foreground);padding:9px 0;line-height:1.6}.connection-activity ol{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:12px}.connection-activity li{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5}.connection-activity li>span{display:flex;flex:none;margin-top:2px}.connection-activity li>div{min-width:0;overflow-wrap:anywhere}.connection-activity small,.connection-activity time{display:block;font-size:11px;color:var(--muted-foreground);margin-top:2px}.activity-success{color:var(--brand-mid)}.activity-denied,.connection-revoke{color:var(--muted-foreground)}.connection-revoke{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;font-size:12px;min-height:40px;padding:8px 11px;background:var(--card);border:1px solid var(--border);border-radius:7px}.connection-revoke:hover{background:color-mix(in srgb,var(--destructive) 8%,var(--card));border-color:var(--destructive);color:var(--destructive)}.connection-card>footer>.text-btn{font-size:12px;min-height:40px}.integration-state-note{display:flex;align-items:flex-start;gap:8px;color:var(--muted-foreground);font-size:12px;line-height:1.65;margin-top:16px;padding:0 3px}.integration-state-note svg{flex:none;margin-top:3px}.integration-signin{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 24px;gap:14px}.integration-signin>svg{color:var(--brand-mid)}.integration-signin p,.integration-signin small{color:var(--muted-foreground);font-size:13px;max-width:460px}.integration-signin .btn{margin-top:3px;text-decoration:none}.integration-guide{display:flex!important;flex-direction:column;padding:0!important;gap:0!important;width:min(610px,calc(100vw - 32px))!important;max-width:610px!important;max-height:calc(100dvh - 32px);background:var(--card)!important;overflow:hidden}.integration-guide>[data-slot=dialog-header]{padding:24px 50px 20px 24px;border-bottom:1px solid var(--border);flex:none;text-align:left}.integration-guide [data-slot=dialog-description]{font-size:13px;line-height:1.6}.integration-guide-body{overflow-y:auto;overscroll-behavior:contain;padding:24px;min-height:0}.integration-steps{list-style:none;display:grid;gap:24px;padding:0;margin:0}.integration-steps>li{display:flex;align-items:flex-start;gap:13px;min-width:0}.integration-steps>li>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:var(--secondary);color:var(--secondary-foreground);font-size:12px;font-weight:700}.integration-steps>li>div{flex:1;min-width:0}.integration-steps strong{font-size:14px;display:block;line-height:1.5;padding-top:2px}.integration-steps p{font-size:13px;line-height:1.65;color:var(--muted-foreground);margin-top:5px}.integration-manual{border-top:1px solid var(--border);margin-top:24px;padding-top:10px}.integration-manual>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;list-style:none;cursor:pointer;font-size:13px;font-weight:600;line-height:1.5;color:var(--brand-mid)}.integration-manual>summary::-webkit-details-marker{display:none}.integration-manual>summary>svg{flex:none}.integration-manual[open]>summary>svg{transform:rotate(90deg)}.integration-manual>summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:4px}.integration-manual-body{padding-top:12px}.integration-manual-body>p:first-child{font-size:13px;line-height:1.65;color:var(--muted-foreground);margin-bottom:20px}.integration-endpoint{display:flex;align-items:center;gap:6px;background:var(--muted);border:1px solid var(--border);border-radius:8px;padding:8px 7px 8px 11px;margin-top:10px}.integration-endpoint code{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.6;user-select:all}.integration-endpoint button{display:grid;place-items:center;flex:none;width:38px;height:38px;border:0;border-radius:6px;background:var(--card);color:var(--foreground)}.integration-endpoint button:hover{background:var(--secondary)}.integration-guide-note{display:flex;align-items:flex-start;gap:8px;background:var(--muted);border-radius:8px;padding:12px;font-size:12px;line-height:1.65;color:var(--muted-foreground);margin-top:19px}.integration-guide-note+.integration-guide-note{background:transparent;padding:0;margin-top:14px}.integration-guide-note svg{flex:none;margin-top:2px}.integration-guide>[data-slot=dialog-footer]{padding:16px 24px;border-top:1px solid var(--border);background:var(--card);flex:none;gap:10px}.integration-guide .btn{text-decoration:none;min-height:44px}.integration-revoke-dialog{width:min(440px,calc(100vw - 32px))!important;background:var(--card)!important}.integration-revoke-dialog [data-slot=dialog-description]{line-height:1.7}.integration-revoke-dialog [data-slot=dialog-footer]{gap:9px}.profile-integration-link{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--border);border-radius:9px;background:var(--muted);color:var(--foreground);text-decoration:none;margin-top:4px}.profile-integration-link>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.profile-integration-link strong{font-size:13px}.profile-integration-link small{font-size:11px;color:var(--muted-foreground)}.profile-integration-link:hover{border-color:var(--brand-mid);background:var(--secondary)}@media(max-width:700px){.integrations-topbar{height:60px;padding:0 17px}.integrations-body{padding:19px 16px 30px}.integration-breadcrumb{font-size:11px;gap:4px;margin-bottom:18px}.integration-title{gap:12px;margin-bottom:21px}.integration-mark{width:48px;height:48px;border-radius:14px}.integration-title h1{font-size:25px}.integration-title p{font-size:12px;margin-top:5px}.integration-intro{align-items:stretch;flex-direction:column;gap:18px;padding:21px 19px;margin-bottom:18px}.integration-intro h2{font-size:17px}.integration-intro p{font-size:13px}.integration-intro>.btn{align-self:flex-start;padding-inline:17px}.connections-heading{padding:19px}.connection-owner-toggle{margin:0 19px 18px;max-width:calc(100% - 38px)}.connections-heading h2{font-size:16px}.integration-refresh span{display:none}.integration-refresh{width:44px;justify-content:center}.connection-card{padding:20px 19px}.connection-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.connection-last-use{grid-column:1/-1}.connection-card>footer{gap:10px}.connections-error{padding:18px 19px}.integration-guide>[data-slot=dialog-header]{padding:21px 48px 18px 19px}.integration-guide-body{padding:20px 19px}.integration-guide>[data-slot=dialog-footer]{padding:14px 19px;flex-direction:row}.integration-guide>[data-slot=dialog-footer]>.btn{flex:1;min-width:0;padding-inline:10px;font-size:13px}.integration-steps{gap:22px}.integration-steps>li{gap:10px}}@media(max-width:360px){.integration-breadcrumb{font-size:10px}.integration-title h1{font-size:23px}.connection-card>header{flex-wrap:wrap}.connection-status{margin-left:48px}.connection-card>footer{flex-direction:column;align-items:stretch}.connection-revoke{align-self:flex-end}.connection-activity{width:100%}}