:root { --nmc-primary:#0f172a; --nmc-accent:#2563eb; }
.nmc-chat-wrapper { display:flex; flex-direction:column; border:1px solid #e2e8f0; border-radius:12px; overflow:hidden; background:#fff; }
.nmc-chat-header { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:var(--nmc-primary); color:#fff; }
.nmc-brand { font-weight:700; } .nmc-room { opacity:.9; } .nmc-tools { display:flex; gap:8px; }
.nmc-theme-toggle { background:transparent; border:0; cursor:pointer; color:#fff; font-size:16px; }
.nmc-chat-body { display:flex; flex:1 1 auto; min-height:0; } .nmc-chat-sidebar { width:240px; border-inline-end:1px solid #e2e8f0; padding:10px; overflow:auto; background:#f8fafc; }
.nmc-users-title { font-size:12px; text-transform:uppercase; color:#64748b; margin:10px 0 6px; }
.nmc-rooms, .nmc-users { list-style:none; padding:0; margin:0; } .nmc-rooms li, .nmc-users li { padding:6px 8px; border-radius:8px; margin-bottom:4px; background:#fff; border:1px solid #e2e8f0; }
.nmc-rooms li.is-active { outline:2px solid var(--nmc-accent); }
.nmc-chat-main { flex:1 1 auto; display:flex; flex-direction:column; } .nmc-messages { flex:1 1 auto; padding:12px; overflow:auto; background:#f1f5f9; }
.nmc-message { background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:8px 10px; margin-bottom:10px; }
.nmc-message .nmc-user { font-weight:600; margin-right:8px; } .nmc-message .nmc-time { color:#94a3b8; font-size:12px; margin-right:8px; } .nmc-message .nmc-text { margin-top:4px; white-space:pre-wrap; }
.nmc-input { display:flex; gap:8px; padding:10px; background:#fff; border-top:1px solid #e2e8f0; } .nmc-input input[type="text"] { flex:1 1 auto; padding:8px 10px; border:1px solid #cbd5e1; border-radius:8px; } .nmc-input .button { padding:8px 14px; border-radius:8px; background:var(--nmc-accent); color:#fff; border:none; }
.nmc-hr-dashboard .nmc-cards { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; margin-top:14px; } .nmc-hr-dashboard .nmc-card { border:1px solid #e2e8f0; border-radius:12px; padding:16px; background:#fff; }
.nmc-metric { font-size:32px; font-weight:700; }
.nmc-directory .nmc-search { width:100%; padding:8px 10px; border:1px solid #cbd5e1; border-radius:8px; margin-bottom:10px; }
.nmc-table { width:100%; border-collapse:collapse; } .nmc-table th, .nmc-table td { border:1px solid #e5e7eb; padding:8px; } .nmc-table th { background:#f8fafc; text-align:left; }
.nmc-kanban { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } .nmc-kanban-col { border:1px solid #e2e8f0; border-radius:12px; background:#fff; padding:12px; }
.nmc-ticket-list { list-style:none; margin:0; padding:0; } .nmc-ticket { border:1px solid #e2e8f0; border-radius:10px; padding:8px 10px; margin-bottom:8px; background:#fff; } .nmc-ticket.nmc-priority-high { border-color:#ef4444; } .nmc-ticket.nmc-priority-low { border-color:#22c55e; }
.nmc-demo, .nmc-demo * { box-sizing: border-box; } .nmc-demo { display:block; width:100%; }
.nmc-suite-admin .nmc-cards { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; margin-top:14px; } .nmc-suite-admin .nmc-card { border:1px solid #e2e8f0; border-radius:12px; padding:16px; background:#fff; }