/* ChatCompany - configurable mention bots admin UI */
.chatbot-admin-grid{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(360px,1.7fr);gap:12px;align-items:start}
.chatbot-admin-list,.chatbot-admin-editor{min-width:0}
.chatbot-note{font-size:12px;line-height:1.5;color:var(--text-sub);margin:7px 0 10px}
.chatbot-list-item{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-main);border-radius:9px;margin:5px 0;cursor:pointer;text-align:left}
.chatbot-list-item:hover{background:var(--active-bg)}
.chatbot-list-item .chatbot-avatar{font-size:22px;width:30px;text-align:center}.chatbot-list-item span:nth-child(2){display:flex;flex-direction:column;min-width:0}.chatbot-list-item small{color:var(--text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatbot-list-item em{margin-left:auto;font-style:normal;font-size:11px}.chatbot-list-item em.on{color:#16a34a}.chatbot-list-item em.off{color:#dc2626}
.chatbot-new-row{display:flex;gap:7px;margin-top:9px}.chatbot-new-row .add-input{min-width:0;flex:1}
.chatbot-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.chatbot-form-grid label,.chatbot-full-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-sub)}
.chatbot-toggle{justify-content:center;padding:8px;border:1px solid var(--border-color);border-radius:7px;flex-direction:row!important;align-items:center;gap:7px!important}
.chatbot-knowledge-head{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:8px}.chatbot-knowledge-head b{color:var(--text-main)}
.chatbot-knowledge-row{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(130px,1fr) minmax(180px,2fr) 32px;gap:7px;align-items:start;margin-top:7px}.chatbot-delete-btn{height:34px;border:1px solid var(--border-color);border-radius:7px;background:transparent;color:#dc2626;font-size:20px;cursor:pointer}.chatbot-delete-btn:hover{background:rgba(220,38,38,.1)}
.chatbot-editor-actions{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.chatbot-delete-bot{background:#7f1d1d!important;color:#fff!important;border:0!important;padding:7px 12px!important;border-radius:7px!important;cursor:pointer}
.chatbot-empty{padding:12px;color:var(--text-sub);text-align:center}
@media(max-width:800px){.chatbot-admin-grid{grid-template-columns:1fr}.chatbot-form-grid{grid-template-columns:1fr}.chatbot-knowledge-row{grid-template-columns:1fr 1fr 36px}.chatbot-knowledge-row .cb-k-content{grid-column:1/3}.chatbot-knowledge-row .chatbot-delete-btn{grid-column:3;grid-row:1}.chatbot-admin-tab{display:inline-flex!important}}
@media(max-width:520px){.chatbot-knowledge-row{grid-template-columns:1fr 36px}.chatbot-knowledge-row .cb-k-keywords{grid-column:1/3}.chatbot-knowledge-row .cb-k-content{grid-column:1/3}.chatbot-knowledge-row .chatbot-delete-btn{grid-column:2;grid-row:1}.chatbot-new-row{flex-direction:column}}


/* Bot-only typing indicator. It is intentionally isolated from the existing chat bubbles. */
.chatbot-typing-row{opacity:1;animation:chatbotTypingEnter .18s ease-out both}
.chatbot-typing-bubble{display:inline-flex!important;align-items:center;gap:4px;min-height:34px;padding:8px 11px!important}
.chatbot-typing-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.42;animation:chatbotDot 1s ease-in-out infinite}
.chatbot-typing-dot:nth-child(2){animation-delay:.14s}
.chatbot-typing-dot:nth-child(3){animation-delay:.28s}
.chatbot-typing-text{margin-left:4px;font-size:11px;opacity:.62}
@keyframes chatbotDot{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-3px);opacity:.85}}
@keyframes chatbotTypingEnter{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}

/* V22 targeted bot-membership / URL-import additions */
.bot-member-suggestion{background:color-mix(in srgb,var(--active-bg) 65%,transparent)}
.bot-mention-item{border-left:3px solid var(--accent-color,#8b5cf6)}
.v22-hr-url-import{margin:10px 0 12px;padding:10px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-main)}
.v22-hr-url-title{font-weight:700;color:var(--text-main);margin-bottom:7px}
.v22-hr-url-row{display:flex;gap:7px;align-items:center}
.v22-hr-url-row .add-input{flex:1;min-width:0}
.v22-hr-url-status{font-size:12px;color:var(--text-sub);margin-top:6px;line-height:1.45}
@media(max-width:600px){.v22-hr-url-row{flex-direction:column;align-items:stretch}}
.reply-quote-media{display:block;width:72px;height:52px;object-fit:cover;border-radius:7px;margin-top:5px;border:1px solid var(--border-color);cursor:pointer}
.reply-quote-system{opacity:.82;text-align:center;font-size:12px}