.chat-card{max-width:800px;margin-inline:auto;padding:22px!important}
.chat-card .eyebrow{color:#65e7d1;font-size:10px;letter-spacing:.15em}
.chat-card h2{margin:8px 0;color:#f0f7ff;font-size:24px}
.chat-feed{height:clamp(260px,48vh,570px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:16px 10px;border:1px solid #344c66;border-radius:16px;background:#0c182a;scrollbar-color:#426b87 #0c182a}
.chat-message{max-width:94%;align-self:flex-start;padding:13px 16px;border-radius:16px 16px 16px 4px;background:#203047;border:1px solid #3c5270;min-width:160px;flex-shrink:0}
.chat-own{align-self:flex-end;border-radius:16px 16px 4px 16px;background:#12434c;border-color:#337b85}
.chat-message-head{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
.chat-message-head b{color:#82eee3;overflow-wrap:anywhere}.chat-message-head small{font-size:10px;color:#b8cadd}
.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#f1f7ff;font-size:14px;line-height:1.55;margin:9px 0 2px}
.chat-message p.chat-deleted{font-style:italic;color:#9cacbf}.chat-message-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.chat-message-actions button{background:transparent;border:0!important;color:#bdccdf;font-size:10px;min-height:28px;padding:3px 7px}
.chat-message-actions button:hover{color:#fff;background:#ffffff15}.chat-card form{margin:18px 0 12px}.chat-card label{display:block;font-size:12px;margin-bottom:8px;font-weight:700}
.chat-card textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:84px;border-radius:12px;border:1px solid #426b87;background:#0c1b30;color:#fff;padding:13px;font:inherit;line-height:1.5}
.chat-card textarea:focus{outline:2px solid #62ddde;outline-offset:2px}.chat-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}
.chat-compose-actions .primary{min-width:148px;min-height:44px;background:linear-gradient(100deg,#35dbc1,#199ac6);color:#062432;font-weight:800;border:1px solid #62e5d9;border-radius:10px}.chat-compose-actions .primary:disabled{opacity:.5}
.chat-card [data-chat-status]{font-size:12px;min-height:18px;margin:10px 0}.chat-empty{margin:auto;color:#adbed2;text-align:center;padding:35px 20px}
@media(max-width:480px){.chat-card{padding:14px!important}.chat-message{max-width:96%;padding:11px}.chat-feed{padding:10px 6px}.chat-card h2{font-size:21px}}