.kanban-board{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;min-height:500px}
.kanban-column{flex:0 0 280px;background:#111827;border:1px solid #1f2937;border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}
.kanban-card{background:#1f2937;border:1px solid #374151;border-radius:.5rem;padding:.75rem;cursor:grab;transition:all .15s}
.kanban-card:hover{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.15)}
.kanban-card.dragging{opacity:.5;cursor:grabbing}
.kanban-column.drag-over{background:#1a2235;border-color:#6366f1}
.chat-container{display:flex;height:calc(100vh - 8rem);overflow:hidden}
.chat-sidebar{width:320px;flex-shrink:0;border-right:1px solid #1f2937;overflow-y:auto}
.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden}
.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;align-items:stretch;gap:.5rem}
.message-bubble{max-width:70%;padding:.5rem .875rem;border-radius:1rem;font-size:.875rem;line-height:1.4;word-break:break-word}
.message-bubble.outbound{background:#6366f1;color:white;align-self:flex-end;border-bottom-right-radius:.25rem;margin-left:auto}
.message-bubble.inbound{background:#1f2937;color:#e5e7eb;align-self:flex-start;border-bottom-left-radius:.25rem;margin-right:auto}
.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}
.crm-table{width:100%;border-collapse:collapse}
.crm-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;border-bottom:1px solid #1f2937}
.crm-table td{padding:.875rem 1rem;font-size:.875rem;color:#d1d5db;border-bottom:1px solid #111827}
.crm-table tr:hover td{background:#111827}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}
.modal-box{background:#1f2937;border:1px solid #374151;border-radius:.75rem;padding:1.5rem;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}
.form-input{width:100%;background:#111827;border:1px solid #374151;color:#f9fafb;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}
.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.form-label{display:block;font-size:.8125rem;font-weight:500;color:#9ca3af;margin-bottom:.375rem}
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:#6366f1;color:white;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s;text-decoration:none}
.btn-primary:hover{background:#4f46e5}
.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:#374151;color:#d1d5db;border:1px solid #4b5563;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none}
.btn-secondary:hover{background:#4b5563;color:white}
.btn-danger{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:#f87171;border:1px solid #f87171;padding:.4rem .875rem;border-radius:.5rem;font-size:.8125rem;cursor:pointer;transition:all .15s}
.btn-danger:hover{background:#f87171;color:white}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#111827}
::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}
