#ktlc-agent-root{max-width:1200px;margin:24px auto;font-family:Arial,sans-serif}.ktlc-agent-login{max-width:420px;margin:60px auto;padding:24px;border:1px solid #d8e0ea;border-radius:14px;background:#fff}.ktlc-agent-login input{width:100%;padding:12px;margin:10px 0;border:1px solid #ccd6e2;border-radius:8px}.ktlc-agent-login button,.ktlc-agent-send,.ktlc-agent-end{background:#2872fa;color:#fff;border:0;border-radius:8px;padding:10px 16px;cursor:pointer}.ktlc-agent-layout{display:grid;grid-template-columns:330px 1fr;gap:18px}.ktlc-agent-list,.ktlc-agent-chat{background:#fff;border:1px solid #d8e0ea;border-radius:14px;overflow:hidden}.ktlc-agent-top{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e5ecf3}.ktlc-agent-items{max-height:720px;overflow:auto}.ktlc-agent-item{padding:12px 14px;border-bottom:1px solid #eef3f7;cursor:pointer}.ktlc-agent-item:hover,.ktlc-agent-item.active{background:#eef5ff}.ktlc-agent-item small{color:#64748b}.ktlc-agent-messages{height:520px;overflow:auto;background:#f5f7fb;padding:14px}.ktlc-agent-msg{margin:10px 0;max-width:760px}.ktlc-agent-msg>div{display:inline-block;padding:10px 12px;border-radius:12px;background:#fff;border-left:4px solid #999}.ktlc-agent-msg.customer>div{background:#eaf3ff;border-left-color:#2872fa}.ktlc-agent-msg.agent>div{background:#eafff1;border-left-color:#20a464}.ktlc-agent-msg.system>div{background:#fff;border-left-color:#999}.ktlc-agent-time{font-size:12px;color:#64748b;margin-top:5px}.ktlc-agent-reply{padding:12px;border-top:1px solid #e5ecf3}.ktlc-agent-reply textarea{width:100%;min-height:80px;border:1px solid #ccd6e2;border-radius:8px;padding:10px}.ktlc-agent-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.ktlc-agent-attachment{max-width:280px;border-radius:8px;margin-top:8px}.ktlc-agent-youtube iframe{width:100%;max-width:520px;aspect-ratio:16/9;margin-top:8px;border-radius:10px}.ktlc-agent-meta{padding:12px 16px;background:#fafcff;border-bottom:1px solid #e5ecf3}.ktlc-agent-error{color:#b42318;margin-top:10px}.ktlc-agent-file input{display:none}.ktlc-agent-file{border:1px solid #ccd6e2;border-radius:8px;padding:9px 12px;cursor:pointer;background:#fff}@media(max-width:800px){.ktlc-agent-layout{grid-template-columns:1fr}.ktlc-agent-messages{height:430px}}
.ktlc-quick-wrap{display:flex;gap:8px;margin-bottom:8px}.ktlc-quick-wrap select{flex:1;min-width:0;border:1px solid #ccd6e2;border-radius:8px;padding:9px;background:#fff}.ktlc-quick-wrap button{border:1px solid #ccd6e2;background:#fff;border-radius:8px;padding:9px 12px;cursor:pointer}.ktlc-agent-youtube{width:560px;max-width:100%;aspect-ratio:16/9;margin-top:8px;border-radius:10px;overflow:hidden;background:#000;position:relative}.ktlc-agent-youtube iframe{width:100%;height:100%;position:absolute;inset:0;border:0}
#ktlc-quick-manager{border:1px solid #d8e0ea;border-radius:10px;background:#fbfdff;padding:10px;margin-bottom:8px}.ktlc-quick-form{display:grid;grid-template-columns:1fr 1fr 90px auto auto;gap:6px;margin-bottom:10px}.ktlc-quick-form input,.ktlc-quick-form textarea{border:1px solid #ccd6e2;border-radius:8px;padding:8px}.ktlc-quick-form textarea{grid-column:1/-1;min-height:60px}.ktlc-quick-row{border-top:1px solid #e5ecf3;padding:8px 0}.ktlc-quick-row button{margin-right:6px;margin-top:4px;border:1px solid #ccd6e2;background:#fff;border-radius:6px;padding:4px 8px;cursor:pointer}@media(max-width:700px){.ktlc-quick-form{grid-template-columns:1fr}.ktlc-quick-form textarea{grid-column:auto}}
/* v2.2 quick reply improvements */
.ktlc-quick-wrap{display:grid;grid-template-columns:180px 1fr auto auto;gap:8px;align-items:center}.ktlc-quick-wrap select{width:100%}.ktlc-reply-textarea-wrap{position:relative}.ktlc-quick-search-row{margin:8px 0}.ktlc-quick-search-row input{width:100%;box-sizing:border-box;border:1px solid #ccd6e2;border-radius:8px;padding:8px}.ktlc-quick-group-title{font-weight:700;margin:10px 0 4px;color:#1e293b}.ktlc-quick-row strong{color:#2872fa}#ktlc-shortcut-suggestions{position:absolute;left:8px;right:8px;bottom:100%;margin-bottom:4px;background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 12px 30px rgba(15,23,42,.18);z-index:10;max-height:280px;overflow:auto}.ktlc-suggestion{padding:8px 10px;border-bottom:1px solid #edf2f7;cursor:pointer}.ktlc-suggestion:last-child{border-bottom:0}.ktlc-suggestion.active,.ktlc-suggestion:hover{background:#eef5ff}.ktlc-suggestion span{font-size:12px;color:#64748b;margin-left:6px}.ktlc-suggestion small{color:#475569}@media(max-width:800px){.ktlc-quick-wrap{grid-template-columns:1fr}.ktlc-quick-wrap button{width:100%}}
.ktlc-typing{color:#2872fa;font-weight:600;display:inline-block;margin-top:4px}