.role-welcome{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px;background:#251a40;color:white;border-radius:14px;margin-bottom:25px}.role-welcome h2{font-size:26px;margin:13px 0}.role-welcome .eyebrow{color:#d5bafa}.role-welcome p{color:#ddd0ed;margin-bottom:20px}.role-welcome img{width:300px;object-fit:contain}.role-copy{margin:15px 0 25px;font-size:13px;line-height:1.8}.clean-list{padding:0;list-style:none;margin:20px 0}.clean-list li{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.clean-list li b{font-size:11px;text-align:right}.installed-catalog{grid-template-columns:repeat(2,1fr);max-width:920px}.mcp-panel{border:1px solid #dfd7ed;background:linear-gradient(120deg,#f2edfb,#fff 65%);border-radius:16px;padding:28px;margin:0 0 28px}.mcp-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.mcp-heading h2{font-size:25px;letter-spacing:-.8px}.mcp-heading p{font-size:13px}.mcp-brand{background:white;border:1px solid #e3ddec;border-radius:12px;padding:20px;min-width:170px;text-align:center}.mcp-brand img{max-width:145px;height:35px;object-fit:contain}.mcp-brand>span{display:block;font-size:8px;letter-spacing:1px;color:#766482;margin-top:10px}.mcp-flow{display:flex;align-items:center;justify-content:space-between;margin:25px 0;gap:14px;padding:23px 28px;border:1px solid #e3dcec;background:#fff9;border-radius:12px}.mcp-flow>div{display:flex;flex-direction:column;align-items:center;flex:1;gap:6px}.mcp-flow svg{width:24px;height:24px;color:#7d59be;margin-bottom:6px}.mcp-flow b{font-size:13px}.mcp-flow small{font-size:11px;color:#71607d}.flow-line{font-size:24px;color:#b5a1ce}.broker-node{background:#eee6fa;border-radius:9px;padding:16px}.assistant-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.assistant-card{border:1px solid #e0d8e9;background:#fff;border-radius:12px;padding:23px}.assistant-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.assistant-title .status{margin-left:auto;font-size:10px}.assistant-title h3{font-size:18px;margin-bottom:0}.assistant-title p{font-size:10px;margin:2px 0}.assistant-monogram{width:42px;height:42px;border-radius:10px;background:#25222d;color:white;display:grid;place-items:center;font-size:25px}.claude .assistant-monogram{background:#f4e5db;color:#ad6044;font-family:Georgia,serif;font-size:30px}.assistant-card>p{font-size:12px;line-height:1.8;min-height:45px;margin-bottom:18px}.assistant-card>button{width:100%;font-size:12px}.session-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;margin-top:20px;border:1px solid #bfdccf;background:#edf8f2;border-radius:8px;font-size:12px}.session-banner p{font-size:11px;margin-top:5px;color:#476654}.connection-note{font-size:11px;text-align:center;color:#756980;margin-top:20px}.mcp-small{padding:16px 0 25px}.mcp-small img{width:180px;max-height:50px;object-fit:contain;object-position:left}dialog textarea{display:block;width:100%;resize:vertical;padding:12px;border:1px solid #cec4dc;border-radius:8px;font:13px inherit;margin-top:8px}dialog textarea:focus-visible{outline:3px solid #ba8e30}.supportgrid .panel{box-shadow:none}.sidebottom{padding-top:22px}@media(max-width:1100px){.mcp-heading h2{font-size:22px}.mcp-brand{min-width:135px;padding:15px}.mcp-brand img{max-width:105px}.assistant-title{flex-wrap:wrap}.assistant-title .status{margin-left:0}.role-welcome img{width:220px}}@media(max-width:800px){.role-welcome{padding:22px}.role-welcome img{width:180px}.mcp-panel{padding:20px}.mcp-heading{align-items:flex-start}.mcp-heading h2{font-size:20px}.mcp-brand{min-width:100px;padding:12px}.mcp-brand img{width:75px}.mcp-brand>span{display:none}.mcp-flow{padding:18px 12px;gap:7px}.mcp-flow small{font-size:9px;text-align:center}.mcp-flow b{font-size:11px;text-align:center}.mcp-flow .broker-node{padding:12px}.assistant-options{grid-template-columns:1fr}.assistant-title .status{margin-left:auto}.session-banner{flex-wrap:wrap}.mcp-flow svg{width:22px;height:22px}}@media(max-width:480px){.role-welcome img{display:none}.role-welcome h2{font-size:22px}.installed-catalog{grid-template-columns:1fr}.mcp-heading{flex-direction:column}.mcp-brand{display:none}.assistant-card{padding:18px}.assistant-title .status{font-size:9px}.mcp-flow{gap:4px;padding:14px 8px}.flow-line{font-size:16px}.mcp-flow small{font-size:8px}.mcp-flow b{font-size:10px}.mcp-flow svg{width:19px;height:19px}.clean-list li{font-size:11px}}
