.connection-status{border-top:1px solid #456175;margin-top:16px;padding-top:14px;font:11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#d7e7f1;text-align:left;letter-spacing:0}
.connection-heading{display:block;font-size:11px;margin-bottom:8px;color:inherit}.connection-summary{display:flex;align-items:center;gap:7px;margin-bottom:10px;line-height:1.4}.connection-summary i{width:7px;height:7px;border-radius:50%;background:#a6b8c7;flex-shrink:0}.connection-status[data-severity=ok] .connection-summary i{background:#68d9aa}.connection-status[data-severity=error] .connection-summary i{background:#ff8794}.connection-status[data-severity=warning] .connection-summary i{background:#ffd27a}
.connection-row{display:flex;justify-content:space-between;gap:8px;margin:7px 0;font-size:10px}.connection-row b{font-size:10px;font-weight:500;text-align:right}.connection-row b[data-state=connected]{color:#86e2bb}.connection-row b[data-state=reauthorization_required],.connection-row b[data-state=access_denied],.connection-row b[data-state=configuration_error]{color:#ff9aa4}.connection-details{margin-top:10px}.connection-details summary{cursor:pointer;font-size:10px;color:inherit}.connection-details p{font-size:10px!important;color:inherit!important;margin:8px 0!important;line-height:1.5!important}.connection-check{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:10px}.connection-check small{font-size:9px!important;color:#adc1d1!important;margin:0!important}.connection-check button{background:transparent;border:1px solid #647e91;border-radius:4px;color:inherit;font-family:inherit;font-weight:500;line-height:1.3;font-size:10px;padding:5px 7px;cursor:pointer}.connection-check button:disabled{opacity:.6;cursor:wait}.connection-check button:focus-visible,.connection-details summary:focus-visible{outline:2px solid #f5c94f;outline-offset:2px}
.connection-mobile{display:none}.connection-page{background:#122d43;border-radius:10px;padding:4px 20px 18px;max-width:440px;margin:24px auto}.connection-page .connection-status{border:0}.connection-mobile .connection-status{background:#122d43;border-radius:8px;padding:14px;margin:24px 16px}.sidebar:has(.connection-status){overflow-y:auto}.connection-status [data-state=not_connected]{color:#b6c5d1}
@media(max-width:900px){body[data-connection-layout=weekend] .connection-mobile{display:block}body[data-connection-layout=weekend] .sidebar [data-connection-status]{display:none}}
@media(max-width:760px){body[data-connection-layout=placements] .connection-mobile,body[data-connection-layout=organic] .connection-mobile{display:block}}
@media(max-width:700px){body[data-connection-layout=performance] .connection-mobile,body[data-connection-layout=paid] .connection-mobile{display:block}body[data-connection-layout=paid] #ops-sidebar [data-connection-status]{display:none}}
@media print{[data-connection-status]{display:none!important}}