/* Giao viec, ghi chu noi bo, bao cao hieu suat */

/* ================= Nhom 3: giao viec, ghi chu, bao cao ================= */
.chat-work-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.chat-work-row:empty { display: none; }
.work-chip {
  border: 1px solid var(--ux-border-strong); background: var(--ux-surface); color: var(--ux-text-2); cursor: pointer;
  border-radius: 999px; padding: 2px 10px; font-size: 12px; font-weight: 500; display: inline-flex; align-items: center; gap: 4px;
}
.work-chip:hover { border-color: var(--ux-sel-bar); color: var(--ux-link); }
.work-chip.assigned { background: var(--ux-sel); border-color: transparent; color: var(--ux-link); font-weight: 600; }
.work-chip.st-doing { background: var(--ux-warn-soft); border-color: transparent; color: var(--ux-warn); }
.work-chip.st-done { background: var(--ux-ok-soft); border-color: transparent; color: var(--ux-ok); }
.conv-needs-reply {
  font-size: 13px; font-weight: 700; color: var(--primary); flex-shrink: 0; line-height: 1;
}
.conv-owner, .conv-status { background: none; padding: 0; border-radius: 0; }
.conv-work { font-size: 11px; font-weight: 600; padding: 0 6px; border-radius: 999px; background: var(--surface-2); color: var(--text-2); white-space: nowrap; max-width: 110px; overflow: hidden; text-overflow: ellipsis; }
.conv-work.is-unassigned, .conv-owner.is-unassigned { font-weight: 500; color: var(--muted); }
.conv-work.st-doing { background: var(--warning-soft); color: var(--warning); }
.conv-work.st-done { background: var(--success-soft); color: var(--success); }
.conv-toolbar { flex-wrap: wrap; gap: 6px; }

.info-notes { padding: 4px 16px 12px; }
.info-notes .info-section-title { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; font-weight: 700; font-size: 13px; }
.note-form { display: flex; gap: 6px; align-items: flex-end; }
.note-form textarea { flex: 1; min-width: 0; resize: vertical; padding: 8px 10px; border: 1px solid var(--border); border-radius: 10px; font: inherit; font-size: 13px; background: var(--warning-soft); }
.note-list { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.note-item { background: var(--warning-soft); border: 1px solid var(--border-default); border-radius: 10px; padding: 7px 10px; }
.note-text { font-size: 13px; white-space: pre-wrap; word-break: break-word; }
.note-meta { display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: var(--muted); margin-top: 3px; }
.note-del { border: none; background: transparent; color: var(--danger); cursor: pointer; font-size: 11px; }

.report-box { width: 860px; max-width: calc(100vw - 32px); }
.report-range { display: flex; gap: 6px; }
.report-range button { background: var(--surface-2) !important; color: var(--text-2) !important; box-shadow: none !important; padding: 7px 14px !important; border-radius: 999px !important; font-weight: 600; }
.report-range button.active { background: var(--grad) !important; color: #fff !important; }
.report-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 10px; }
.report-summary div { background: var(--surface-2); border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; }
.report-summary b { font-size: 20px; }
.report-summary span { font-size: 12px; color: var(--muted); }
.report-summary .warn b { color: var(--danger); }
.report-table-wrap { overflow-x: auto; }
.report-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.report-table th { text-align: left; font-size: 11.5px; color: var(--muted); font-weight: 600; padding: 6px 8px; border-bottom: 1px solid var(--border); white-space: nowrap; }
.report-table td { padding: 8px; border-bottom: 1px solid var(--border); white-space: nowrap; }
.report-table td:first-child { font-weight: 600; }
.report-table td.best { color: #0f8a50; font-weight: 700; }
.report-table tr.muted td { color: var(--muted); font-weight: 400; }