/* Productivity module (Phase 6): tasks, 1:1, documents. Tokens only. */

.pr-toolbar { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-5); }
.pr-toolbar h2 { font-size: var(--text-lg); }
.pr-subhead { font-size: var(--text-sm); font-weight: var(--font-semibold); color: var(--color-fg-muted); margin: var(--space-6) 0 var(--space-3); }

/* Priority badges */
.prio-badge { display: inline-flex; align-items: center; padding: 1px var(--space-2); border-radius: var(--radius-full); font-size: var(--text-xs); font-weight: var(--font-semibold); }
.prio-low { background: var(--color-surface-hover); color: var(--color-fg-muted); }
.prio-medium { background: var(--color-info-soft); color: var(--color-info); }
.prio-high { background: var(--color-danger-soft); color: var(--color-danger); }

/* Task list */
.task-table td { vertical-align: middle; }
.tk-check { width: 18px; height: 18px; accent-color: var(--color-primary); cursor: pointer; }
.tk-title.is-done { text-decoration: line-through; color: var(--color-fg-muted); }
.tk-overdue { color: var(--color-danger) !important; font-weight: var(--font-semibold); }

/* Task board card */
.task-card { cursor: grab; flex-direction: column; }
.task-card__foot { display: flex; align-items: center; gap: var(--space-2); margin-top: var(--space-2); }
.task-card__due { font-size: var(--text-xs); color: var(--color-fg-muted); font-variant-numeric: tabular-nums; }

/* Meetings */
.meet-list { display: flex; flex-direction: column; gap: var(--space-3); }
.meet-card { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-4); cursor: pointer; transition: box-shadow var(--dur-fast); }
.meet-card:hover { box-shadow: var(--shadow-sm); }
.meet-card__people { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.meet-card__name { font-weight: var(--font-semibold); font-size: var(--text-sm); }
.autosave { font-size: var(--text-xs); color: var(--color-success); font-weight: var(--font-normal); }

/* 1:1 agenda checklist (Priority 27) */
.oo-checklist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.oo-checklist__item { display: flex; align-items: center; gap: var(--space-3); }
.oo-checklist__item .modal-check { flex: 1; min-width: 0; }
.oo-checklist__note { flex: 1; min-width: 0; }

/* Documents */
.doc-list { display: flex; flex-direction: column; gap: var(--space-3); }
.doc-item { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4); transition: box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out); }
.doc-item:hover { box-shadow: var(--shadow-md); border-color: var(--color-border-strong); }
/* 2026-07-13 — icon-chip instead of a bare colored glyph, same "icon +
   tint" device used across the app this pass. Shared by every document-row
   usage (Documents hub, profile Documents tab, Knowledge Base, candidate
   CVs, Dashboard's company-docs widget) — tone defaults to primary, two
   call sites (Documents hub + profile) additionally tint by expiry status. */
.doc-icon-chip { display: grid; place-items: center; width: 26px; height: 26px; border-radius: var(--radius-sm); flex-shrink: 0; background: var(--color-primary-soft); }
.doc-icon-chip .doc-icon { width: 15px; height: 15px; color: var(--color-primary); }
.doc-icon-chip--warn { background: var(--color-warning-soft); }
.doc-icon-chip--warn .doc-icon { color: var(--color-warning); }
.doc-icon-chip--bad { background: var(--color-danger-soft); }
.doc-icon-chip--bad .doc-icon { color: var(--color-danger); }
.doc-item__main { flex: 1; min-width: 0; }
.doc-item__name { font-weight: var(--font-semibold); font-size: var(--text-sm); }
.doc-exp { display: inline-flex; align-items: center; font-size: var(--text-xs); font-weight: var(--font-semibold); padding: 2px var(--space-2); border-radius: var(--radius-full); }
.doc-exp--ok { color: var(--color-fg-muted); font-variant-numeric: tabular-nums; }
.doc-exp--warn { background: var(--color-warning-soft); color: var(--color-warning); }
.doc-exp--bad { background: var(--color-danger-soft); color: var(--color-danger); }