.connector-main{padding:0 28px 50px;overflow:auto;background:#f8f9fb}.connector-head{margin:0 -28px;padding:20px 28px;height:auto;min-height:92px}.connector-head>div>p:last-child{margin:5px 0 0;color:#667085;font-size:12px}.eyebrow{margin:0 0 4px!important;color:#3156d9!important;font-size:10px!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.credential-note{display:flex;gap:10px;margin:18px 0;padding:12px 14px;border:1px solid #c9d5ff;border-radius:9px;background:#f2f5ff;color:#344054;font-size:11px}.connector-main section{margin-top:16px;padding:18px;background:#fff;border:1px solid #e4e7ec;border-radius:11px}.section-title{display:flex;align-items:start;margin-bottom:13px}.section-title>div{margin-right:auto}.section-title h2{font-size:15px;margin:0}.section-title p{font-size:10px;color:#667085;margin:4px 0 0}.connector-health{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.health-card{border:1px solid #e4e7ec;border-radius:9px;padding:13px}.health-card header{display:flex;justify-content:space-between;align-items:center}.health-card h3{margin:0;font-size:12px;text-transform:capitalize}.health-card b{font-size:22px}.health-card p{margin:8px 0 0;color:#667085;font-size:9px}.health-bar{height:5px;background:#eef0f4;border-radius:99px;overflow:hidden;margin-top:10px}.health-bar span{display:block;height:100%;background:#23845c}.connector-list{display:grid;gap:9px}.connector-card{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) minmax(180px,1fr) auto;gap:12px;align-items:center;border:1px solid #e4e7ec;border-radius:9px;padding:13px}.connector-card h3{font-size:12px;margin:0}.connector-card p{font-size:9px;color:#667085;margin:4px 0 0}.connector-card code{display:block;max-width:350px;overflow:hidden;text-overflow:ellipsis;color:#475467;font-size:9px}.connector-actions{display:flex;gap:6px}.connector-actions button,.connector-actions a,.run-row button{border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:7px;padding:7px 9px;text-decoration:none;font-size:10px;font-weight:650}.connector-actions .test{color:#3156d9;border-color:#bdcaff}.status{display:inline-flex;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:750;text-transform:capitalize}.status.connected,.status.succeeded{background:#e9f8f0;color:#137047}.status.degraded,.status.claimed{background:#fff5df;color:#8a4b05}.status.error,.status.failed,.status.dead_letter,.status.needs_review{background:#fff0f1;color:#b42335}.run-table{border:1px solid #e4e7ec;border-radius:9px;overflow:hidden}.run-head,.run-row{display:grid;grid-template-columns:150px 130px minmax(140px,1fr) 110px 100px 130px;gap:10px;align-items:center;padding:10px 12px}.run-head{background:#f6f7f9;color:#667085;font-size:9px;font-weight:750;text-transform:uppercase}.run-row{border-top:1px solid #e4e7ec;font-size:10px}.run-row code{font-size:9px}.empty{padding:24px;text-align:center;color:#667085;font-size:11px}#connector-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#142033;color:#fff;border-radius:8px;padding:10px 14px;font-size:11px;transition:.2s}#connector-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.connector-card{grid-template-columns:1fr 1fr}.run-table{overflow:auto}.run-head,.run-row{min-width:760px}}@media(max-width:650px){.connector-main{padding:0 12px 80px}.connector-head{margin:0 -12px;padding:16px 12px}.credential-note{display:grid}.connector-card{grid-template-columns:1fr}.connector-actions{flex-wrap:wrap}}