.overview-health-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.integration-disclosure{position:relative;flex-shrink:0}
.integration-status{--status:#8a98aa;position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:12px 17px;border:1px solid #ffffffdb;border-radius:999px;background:linear-gradient(155deg,#ffffffad,#ffffff38 48%,#e3edf678);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px #98acc51c,0 2px 4px #47648204,0 8px 24px #4764820c;color:#506377;font-size:12px;font-weight:550;white-space:nowrap;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);transition:background .18s,box-shadow .18s}
.integration-status:hover,.integration-status[aria-expanded=true]{background:linear-gradient(155deg,#ffffffe0,#ffffff6b 48%,#e3edf68c);box-shadow:inset 0 1px #fff,0 4px 22px #435b7912}
.integration-chevron{display:block;width:6px;height:6px;border-right:1.5px solid #8396aa;border-bottom:1.5px solid #8396aa;transform:translateY(-2px) rotate(45deg);margin-left:5px;transition:transform .18s}
.integration-status[aria-expanded=true] .integration-chevron{transform:translateY(1px) rotate(225deg)}
[data-state=healthy]{--status:#49977d}[data-state=delayed],[data-state=review]{--status:#b88a3d}[data-state=syncing]{--status:#708fba}[data-state=disconnected]{--status:#c66c6c}[data-state=unknown],[data-state=not_connected],[data-state=archived]{--status:#8a98aa}
.integration-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--status,#8a98aa);box-shadow:inset 0 1px 1px #fff6,0 0 0 3px color-mix(in srgb,var(--status,#8a98aa) 9%,transparent);flex-shrink:0}
.integration-panel{position:absolute;z-index:40;top:calc(100% + 12px);right:0;display:flex;flex-direction:column;width:min(520px,calc(100vw - 40px));max-height:min(680px,var(--integration-available-height,70dvh));padding:0;border:1px solid #ffffffe3;border-radius:24px;color:#34485d;background:linear-gradient(140deg,#f8fcffdc,#edf1f9c9 60%,#eef8f3db);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px #ffffff38,0 2px 5px #29435d05,0 16px 44px #29435d1b;backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);overflow:hidden;animation:integration-reveal .16s ease-out;transform-origin:top right}
.integration-panel[hidden]{display:none}
.integration-panel>header,.integration-panel>.integration-summary,.integration-panel>footer{flex-shrink:0}
.integration-panel>.integration-list{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aebed070 transparent}
.integration-heading{padding:21px 22px 15px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.integration-heading h2{font-size:18px;letter-spacing:-.35px;margin:0 0 5px}
.integration-heading #integration-intro{font-size:11px;color:#718295;margin:0;line-height:1.5}
.integration-close{display:grid;place-items:center;width:28px;height:28px;min-height:28px;flex-shrink:0;border-radius:50%;border:1px solid #ffffffb5;background:#ffffff5c;color:#6f8194;font-size:20px;line-height:1;padding:0}
.integration-close:hover{background:#ffffffb0}
.integration-summary{margin:0 22px 9px;padding:11px 0;border-top:1px solid #bacadb35;border-bottom:1px solid #bacadb35;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#7c8c9c;line-height:1.5}
.integration-summary>span:first-child{font-weight:600;color:#536b7d}
.integration-list{padding:0 12px}
.integration-row{border:1px solid #ffffff9e;border-radius:13px;background:linear-gradient(120deg,#ffffff72,#ffffff30);box-shadow:inset 0 1px #ffffff85;margin:5px 0;overflow:hidden}
.integration-row-head{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 13px;cursor:pointer}
.integration-row-head::-webkit-details-marker{display:none}
.integration-row-head:hover{background:#ffffff40}
.integration-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.integration-info strong{font-size:12px;font-weight:600}
.integration-info>span{font-size:10px;color:#75889a;line-height:1.4}
.integration-row-state{display:flex;align-items:center;gap:11px;text-align:right;font-size:10px;color:#617b8e;flex-shrink:0;max-width:135px}
.integration-row-detail{margin:0 13px;padding:11px 0 13px;border-top:1px solid #b9cbdc40}
.integration-row-detail p{font-size:11px;line-height:1.6;color:#61798e;margin:0 0 6px}
.integration-row-detail p:last-child{margin:0}
.integration-row-detail .integration-last{font-weight:600;color:#526a7c}
.integration-month{margin-top:10px;padding:8px 10px;border:1px solid #ffffffad;border-radius:12px;background:#ffffff45}
.integration-month .integration-row-head{padding:2px 0 7px;cursor:default;font-size:11px}.integration-month .integration-row-head:hover{background:transparent}
.integration-definition{font-size:10px;color:#75889a;line-height:1.6;margin:13px 10px 5px}
.integration-empty{padding:15px 10px;font-size:12px;color:#718295}
.integration-footer{padding:12px 22px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.integration-footer p{margin:0;color:#7b8d9f;font-size:10px}
.integration-footer .button{font-size:10px;min-height:32px;padding:7px 10px}
@keyframes integration-reveal{from{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:650px){.overview-health-heading{align-items:flex-start;flex-direction:column;gap:18px}.integration-disclosure{width:100%}.integration-panel{left:0;right:auto;width:100%;border-radius:20px;transform-origin:top left}.integration-heading{padding:18px 17px 13px}.integration-summary{margin:0 17px 9px;flex-wrap:wrap;gap:3px 12px}.integration-list{padding:0 9px}.integration-row-head{padding:12px 11px;gap:10px}.integration-row-state{gap:9px;max-width:100px}.integration-info>span{font-size:10px}.integration-footer{padding:12px 17px 16px;flex-wrap:wrap}.integration-row-detail{margin:0 11px}}
@media(prefers-reduced-motion:reduce){.integration-panel{animation:none}.integration-status,.integration-chevron{transition:none}}
@media(prefers-reduced-transparency:reduce){.integration-panel{background:#f5f8fc}.integration-status,.integration-row{background:#fff}}