/* Civitas Nexus AI CRM V1.7 · Operatori e chat */
.modal.chat-modal{width:min(600px,100%);display:flex;flex-direction:column;max-height:min(90vh,760px);padding:18px}
.chat-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--stroke)}
.chat-head h2{font-size:18px}
.chat-head .top-icon{margin-left:auto}
.chat-sub{font-size:11px;color:var(--secondary)}
.chat-avatar,.op-preview-avatar{width:48px;height:48px;border-radius:14px;overflow:hidden;display:grid;place-items:center;flex:none}
.chat-avatar .employee-svg,.op-preview-avatar .employee-svg{width:56px;height:56px;margin-top:12px}
.chat-log{flex:1;min-height:240px;max-height:46vh;overflow-y:auto;padding:14px 2px;display:flex;flex-direction:column;gap:8px}
.chat-msg{display:flex}
.chat-msg p{margin:0;max-width:82%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.5}
.chat-msg.op p{background:rgba(57,168,255,.12);border:1px solid rgba(57,168,255,.25);color:var(--ink);border-bottom-left-radius:4px}
.chat-msg.me{justify-content:flex-end}
.chat-msg.me p{background:linear-gradient(110deg,var(--blue),var(--green));color:#031d31;font-weight:600;border-bottom-right-radius:4px}
.chat-empty{color:var(--muted);font-size:12px;text-align:center;padding:30px}
.chat-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}
.chat-chip{border:1px solid var(--stroke-2);background:var(--panel);color:var(--secondary);border-radius:999px;padding:5px 11px;font-size:11px}
.chat-chip:hover{border-color:var(--cyan);color:var(--ink)}
.chat-form{display:flex;gap:8px}
.chat-form input{flex:1;min-width:0;border-radius:11px;padding:11px 13px;border:1px solid var(--stroke-2);background:rgba(3,17,34,.65);color:var(--ink);outline:none;font-size:13px}
.chat-form input:focus{border-color:var(--cyan)}
.chat-note{font-size:10px;color:var(--muted);margin:8px 0 0}
.op-preview{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px;border:1px dashed var(--stroke-2);border-radius:12px;font-size:12px;color:var(--secondary)}
.op-preview strong{color:var(--ink);font-size:14px}
.op-preview small{color:var(--muted)}
.check-label{display:flex!important;align-items:center;gap:8px;margin-top:28px;cursor:pointer}
.check-label input{width:auto!important}
.team-panel .panel-heading .staff-toolbar{display:flex;gap:8px;flex-wrap:wrap}
.inspector-actions .btn-danger{min-width:34px}
:root[data-theme="light"] .chat-form input{background:#f7fbff}
:root[data-theme="light"] .chat-msg.op p{background:#eaf5fd}
@media(max-width:620px){.modal.chat-modal{padding:13px}.chat-log{max-height:52vh}}