[data-page=connections] .app-main{max-width:1260px}.connections-head{align-items:center;margin-bottom:25px}.connections-head .eyebrow{color:var(--accent)}.connections-tools{flex-shrink:0;align-items:center;gap:17px;display:flex}.connection-count{color:var(--muted);font:10px/1.5 var(--mono);white-space:nowrap}.connection-count:before{content:"";background:var(--faint);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.connection-count.has-connections:before{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 8%, transparent)}.connections-tools button.refresh-connections{background:0 0;min-height:35px;padding:8px 12px;font-size:10px}.connections-overview{border:1px solid var(--line);background:linear-gradient(120deg, var(--glass), var(--accent-soft));border-radius:15px;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:center;gap:20px;margin-bottom:31px;padding:23px 29px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59}.connection-flow-step{min-width:0}.flow-label{color:var(--muted);font:8px var(--mono);letter-spacing:.09em;margin-bottom:11px;display:block}.flow-identity{align-items:center;gap:12px;display:flex}.flow-identity>div{min-width:0}.flow-identity strong{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:13px;font-weight:650;display:block}.flow-identity div>span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.flow-icon,.flow-core{background:var(--card);border:1px solid var(--line);width:43px;height:43px;color:var(--accent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.flow-icon .provider-mark{background:0 0;border:0;border-radius:7px;width:29px;height:29px}.flow-icon .provider-logo{width:24px;height:24px}.flow-core{background:linear-gradient(135deg, color-mix(in srgb, var(--blue) 12%, var(--card)), color-mix(in srgb, var(--teal) 10%, var(--card)));border-color:color-mix(in srgb, var(--teal) 35%, var(--line));position:relative;overflow:hidden;box-shadow:0 5px 22px #00cdb511,inset 0 1px #ffffff30}.flow-core img{width:52px;height:auto;transform:scale(1.15)}.flow-empty-symbol{font:12px var(--mono);color:var(--faint)}.flow-connector{background:color-mix(in srgb, var(--accent) 24%, var(--line));height:1px;color:var(--accent);position:relative}.flow-connector>svg{position:absolute;top:-6px;right:-5px}.flow-harness .flow-label{color:var(--accent)}.connection-group{margin-top:29px}.connection-group-heading{align-items:center;gap:13px;margin-bottom:17px;display:flex}.connection-group-number{color:var(--accent);font:10px var(--mono);border-right:1px solid var(--line);align-self:stretch;align-items:center;padding-right:13px;display:flex}.connection-group-heading h2{margin:0;font-size:16px;font-weight:650}.connection-group-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}.connection-group-rule{color:var(--muted);font:8px/1.5 var(--mono);border:1px solid var(--line);white-space:nowrap;border-radius:6px;margin-left:auto;padding:5px 8px}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.provider-card{border:1px solid var(--line);background:var(--card);min-width:0;box-shadow:var(--shadow);border-radius:15px;flex-direction:column;padding:26px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.provider-card[data-state=connected]{border-color:color-mix(in srgb, var(--ok) 30%, var(--line));background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--teal) 7%, transparent), transparent 70%), var(--card);box-shadow:0 4px 20px -10px color-mix(in srgb, var(--ok) 15%, transparent)}.provider-card[data-state=connected]:before{content:"";background:linear-gradient(90deg, var(--teal), color-mix(in srgb, var(--teal) 20%, transparent));border-radius:3px;height:2px;position:absolute;top:-1px;left:25px;right:25px}.provider-card:hover{border-color:color-mix(in srgb, var(--accent) 25%, var(--line));box-shadow:0 10px 30px -20px color-mix(in srgb, var(--accent) 20%, transparent)}.provider-card[data-state=connected]:hover{border-color:color-mix(in srgb, var(--ok) 48%, var(--line))}.provider-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.provider-card-identity{align-items:center;gap:13px;min-width:0;display:flex}.provider-card-identity h3{letter-spacing:-.04em;margin:0 0 2px;font-size:20px;font-weight:650}.provider-category{color:var(--muted);font-size:9px;display:block}.provider-mark{border:1px solid var(--line);background:var(--field);border-radius:12px;flex-shrink:0;place-items:center;width:47px;height:47px;display:inline-grid}.provider-mark-linear{background:#f1f0fe;border-color:#e6e4fb}.provider-mark-jira{background:#edf4ff;border-color:#ddeaff}.provider-mark-github{background:var(--field)}.provider-mark-gitlab{background:#fff5ee;border-color:#ffeadc}.provider-logo{object-fit:contain;width:27px;height:27px;display:block}.provider-logo-linear{filter:none}.provider-logo-gitlab{transform:scale(2.2)}:root[data-theme=dark] .provider-mark-linear{background:#23213d;border-color:#383052}:root[data-theme=dark] .provider-mark-jira{background:#142f4c;border-color:#224368}:root[data-theme=dark] .provider-mark-gitlab{background:#33241d;border-color:#483024}:root[data-theme=dark] .provider-logo-github,:root[data-theme=dark] .provider-logo-linear{filter:invert()}.provider-state{color:var(--muted);background:var(--field);border:1px solid var(--line);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:550;display:inline-flex}.provider-state.connected{color:var(--ok);background:var(--ok-bg);border-color:color-mix(in srgb, var(--ok) 18%, transparent)}.provider-state.connected:before{content:"✓";font-size:10px}.provider-state.ready{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 15%, transparent);background:var(--accent-soft)}.provider-purpose{color:var(--muted);max-width:385px;margin:0 0 14px;font-size:11px;line-height:1.8}.provider-capabilities{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.provider-capabilities>span{color:var(--muted);font:8px/1.5 var(--mono);background:var(--field);border-radius:5px;padding:4px 7px}.provider-card-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:70px;margin-top:auto;padding-top:17px;display:flex}.provider-detail{min-width:0;color:var(--muted);overflow-wrap:anywhere;max-width:265px;font-size:10px;line-height:1.7}.provider-detail-label{font:7px/1.6 var(--mono);color:var(--ok);letter-spacing:.08em}.provider-detail strong{color:var(--fg);margin-top:3px;font-size:11px;font-weight:600;display:block}.provider-date{color:var(--muted);margin-top:2px;font-size:9px;display:block}.provider-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:9px;display:flex}.provider-actions button.provider-connect,.provider-actions button.provider-disconnect{min-height:35px;padding:8px 12px;font-size:10px}.provider-actions button.provider-connect{background:var(--blue)}.provider-actions button.provider-connect:disabled{opacity:1;background:var(--field);color:var(--faint);border-color:var(--line);cursor:not-allowed}.provider-actions button.provider-disconnect{background:0 0}.provider-actions button.provider-disconnect:hover:enabled{background:var(--bad-bg);border-color:color-mix(in srgb, var(--bad) 25%, var(--line));color:var(--bad);box-shadow:none}.provider-projects{color:var(--ok);font-size:10px;font-weight:600;text-decoration:none}.provider-projects:hover{text-decoration:underline}.connections-security{background:color-mix(in srgb, var(--card) 50%, transparent);border:1px solid var(--line);border-radius:12px;align-items:center;gap:13px;margin-top:26px;padding:17px 20px;display:flex}.connections-security>span{color:var(--ok);display:flex}.connections-security strong{font-size:10px;font-weight:600}.connections-security p{color:var(--muted);margin:3px 0 0;font-size:10px}.provider-skeleton{border:1px solid var(--line);background:var(--card);border-radius:15px;height:258px;padding:26px}.provider-skeleton>span{background:var(--field);border-radius:12px;width:47px;height:47px;margin-bottom:22px;display:block}.provider-skeleton>i{background:var(--field);border-radius:4px;height:11px;margin:11px 0;display:block}.provider-skeleton>i:last-child{width:70%}.provider-skeleton>span,.provider-skeleton>i{animation:1.6s ease-in-out infinite provider-pulse}@keyframes provider-pulse{50%{background:var(--accent-soft)}}@media (width<=1150px){.connections-head{flex-direction:column;align-items:flex-start;gap:20px}.connections-tools{justify-content:space-between;width:100%}.connections-overview{grid-template-columns:1fr 20px 1fr 20px 1fr;gap:13px;padding:21px}.flow-identity{gap:9px}.flow-identity strong{font-size:11px}.flow-identity div>span{font-size:8px}.provider-card{padding:22px}.provider-card-foot{align-items:flex-start;gap:15px}.provider-actions{gap:8px}}@media (width<=960px){.provider-card-head{flex-wrap:wrap;align-items:flex-start}.provider-card-foot{flex-direction:column}.provider-actions{flex-flow:wrap;justify-content:space-between;align-items:center;width:100%}.provider-detail{max-width:none}.connections-overview{grid-template-columns:1fr 1fr 1fr;gap:13px;padding:20px}.flow-connector{display:none}.flow-identity{flex-direction:column;align-items:flex-start}}@media (width<=600px){.connections-head{margin-bottom:20px}.connections-head h1{font-size:30px}.connections-tools{gap:12px}.connection-count{font-size:9px}.connections-overview{border-radius:12px;gap:12px;margin-bottom:26px;padding:19px 15px}.flow-label{letter-spacing:.03em;white-space:nowrap;margin-bottom:11px;font-size:6px}.flow-icon,.flow-core{border-radius:9px;width:37px;height:37px}.flow-identity strong{margin-top:3px;font-size:10px}.flow-identity div>span{font-size:8px;line-height:1.7}.flow-core img{width:45px}.connection-group-heading{align-items:flex-start;gap:9px}.connection-group-number{align-self:auto;height:23px;padding-right:9px;font-size:9px}.connection-group-heading h2{font-size:15px}.connection-group-heading p{max-width:210px;font-size:10px}.connection-group-rule{white-space:normal;text-align:center;max-width:75px;margin-top:1px;padding:4px 6px;font-size:7px}.provider-grid{grid-template-columns:1fr;gap:13px}.provider-card{border-radius:13px;padding:23px}.provider-card-head{flex-wrap:nowrap;align-items:center}.provider-card-identity{gap:11px}.provider-mark{border-radius:11px;width:43px;height:43px}.provider-card-identity h3{font-size:20px}.provider-category{font-size:8px}.provider-state{padding:4px 7px;font-size:8px}.provider-purpose{font-size:12px}.provider-capabilities>span{font-size:9px}.provider-card-foot{gap:15px}.provider-detail{font-size:11px}.provider-detail strong{font-size:12px}.provider-actions button.provider-connect,.provider-actions button.provider-disconnect{min-height:41px;font-size:11px}.provider-projects{font-size:11px}.provider-actions button.provider-connect{width:100%}.connections-security{align-items:flex-start;padding:17px}.connections-security strong{font-size:11px}.connections-security p{font-size:10px;line-height:1.8}}@media (prefers-reduced-motion:reduce){.provider-skeleton>span,.provider-skeleton>i{animation:none}}