.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.metric{padding:23px;background:#fff;border:1px solid #e6eaf0;border-radius:13px}.metric span{font-size:12px;color:#8190a4}.metric strong{display:block;font-family:Manrope,sans-serif;font-size:32px;margin-top:11px;color:#263953}.onboarding-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#edf2fc;border:1px solid #e0e8f8;border-radius:15px;padding:32px;margin-bottom:22px}.onboarding-card h2{font:800 25px Manrope,sans-serif;letter-spacing:-1px;margin:12px 0}.onboarding-card p,.platform-card>p{color:#76869c;font-size:13px;line-height:1.7}.steps-list{display:grid;gap:10px}.steps-list button{display:flex;align-items:center;gap:16px;border:1px solid #e2e9f4;border-radius:11px;padding:16px;background:#ffffffc9;text-align:left;color:#344c6b}.steps-list b{color:#8ca1c2;font-size:12px}.steps-list span{flex:1;font-size:13px;font-weight:700}.steps-list small{display:block;font-size:11px;color:#8b9bb0;margin-top:5px;font-weight:400}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.platform-card{background:#fff;border:1px solid #e3e8ef;border-radius:13px;padding:25px;margin-bottom:18px}.platform-card h3{font-size:16px;letter-spacing:-.3px;margin:0 0 16px}.platform-card .field{margin-bottom:8px}.platform-card form>.btn{margin-top:17px}.platform-card .actions{margin-top:20px}.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.provider-card{background:#fff;border:1px solid #e4e9f0;border-radius:15px;padding:25px;display:flex;flex-direction:column}.provider-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.provider-logo{width:45px;height:45px;display:grid;place-items:center;font:bold 24px Manrope;border-radius:13px;color:#fff;background:#152a32}.provider-logo.anthropic{background:#c98967}.provider-logo.twilio{background:#e35463}.provider-logo.ultravox{background:#7966c5}.provider-card h2{font:800 22px Manrope;margin:7px 0 9px;letter-spacing:-.7px}.provider-card p{font-size:12px;line-height:1.7;color:#8793a5;flex:1}.provider-meta{font-size:10px;color:#95a0af;margin:17px 0}.provider-actions{display:flex;gap:8px;flex-wrap:wrap}.connection-status{font-size:9px;padding:6px 8px;border-radius:6px;background:#f1f3f7;color:#8090a4;font-weight:800;letter-spacing:.5px}.connection-status.good{background:#e6f6ed;color:#398b63}.connection-status.bad{background:#fcebed;color:#b34c60}.connection-editor{margin-top:22px;max-width:650px}.inline-error{padding:10px;border-radius:8px;background:#fff1f2;color:#b55261;font-size:11px}.empty-panel{padding:28px 14px;color:#96a2b2;font-size:13px;text-align:center;line-height:1.7}.record-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f5;padding:16px 0;gap:15px;font-size:12px}.record-row small,.run-row small{display:block;color:#8f9daf;font-size:10px;margin-top:6px}.record-row code{color:#9aa8ba}.agent-output p{white-space:pre-wrap;font-size:13px;line-height:1.75;color:#536780}.agent-output{margin-top:24px}.check-label{display:flex;gap:9px;align-items:center;font-size:12px;color:#7b8c9f;margin:16px 0}.check-label input{width:auto}.run-row{border-top:1px solid #e9edf3;padding:16px 0}.run-row summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:12px;font-size:12px}.run-row pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#566a82;font:13px 'DM Sans',sans-serif}.settings-card{max-width:650px}.source-result{border:1px solid #e5eaf1;padding:15px;border-radius:9px;margin-top:15px;font-size:12px}.source-result p{white-space:pre-wrap;color:#7e8fa2;line-height:1.6}.search-row{display:flex;gap:9px;margin-top:20px}.search-row .field{margin:0}.btn:disabled{opacity:.45;cursor:not-allowed}a.btn{text-decoration:none;display:inline-block}.workspace-selector{width:100%;font-size:11px;border:1px solid #e4e8ef;border-radius:7px;color:#63768f;background:#fff;padding:8px;margin-top:9px}.side .nav-item{font-size:12px;padding:10px 12px}.side .brand{padding-bottom:20px}.side .nav-caption{padding:10px 12px}.side{position:sticky;top:0;height:100vh;overflow:auto}.shell>.main{min-height:100vh}.account-link{color:#5677b8;text-decoration:none;font-size:12px}.loading-app{display:grid;place-items:center;min-height:100vh;color:#7c8da4;font-size:14px}@media(max-width:950px){.provider-grid,.platform-grid,.onboarding-card{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.onboarding-card{gap:24px}}@media(max-width:700px){.side{display:flex;position:static;height:auto;padding:14px;flex-direction:row;flex-wrap:wrap;gap:3px;border-bottom:1px solid #e4e9f1}.side .brand{width:100%;padding:5px 8px 12px}.side .nav-item{width:auto;padding:8px;font-size:11px}.side .nav-caption,.side .side-bottom,.side .ico{display:none}.provider-card,.platform-card{padding:20px}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:26px}.onboarding-card{padding:23px}}
.social-controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.social-message-text{white-space:pre-wrap;overflow-wrap:anywhere}.social-thread-button{width:100%;border:1px solid #e4e9f0;border-radius:10px;background:#f8faff;padding:14px;text-align:left;color:#344c6b;cursor:pointer;flex-wrap:wrap}.social-thread-button:hover{background:#edf2fc;border-color:#b8c9e4}.social-thread-button:focus-visible{outline:2px solid #5677b8;outline-offset:2px}.social-thread-button>span{min-width:0;overflow-wrap:anywhere}.social-thread-button small{line-height:1.5}
