/* Checklist employee: compact layout that follows the active GhzTheme tokens. */
.employee-checklist-card { overflow: hidden; }
.employee-checklist-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.employee-checklist-title { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.employee-checklist-title .ui-section-title { margin: 0; }
.employee-checklist-title .ui-section-copy { margin-top: 3px; }
.employee-checklist-date { display: grid; gap: 5px; flex: 0 0 auto; }
.employee-checklist-date label { color: var(--ghz-text-muted, #9ca3af); font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.employee-checklist-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; color: var(--ghz-text-muted, #9ca3af); font-size: 12px; }
.employee-checklist-summary strong { color: var(--ghz-brand-color, #00c37a); }
.employee-checklist-summary #emp-date-txt { color: var(--ghz-text-muted, #9ca3af); }
.employee-checklist-progress { height: 4px; margin: 8px 0 16px; overflow: hidden; border-radius: 99px; background: var(--ghz-card-border, #30343b); }
.employee-checklist-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--ghz-brand-color, #00c37a); transition: width .2s ease; }
#task-checklist { display: grid; gap: 8px; }
#task-checklist .task-item { margin-bottom: 0 !important; border-radius: 9px !important; background: var(--ghz-input-bg, var(--ghz-cardbg, #181b20)) !important; border-color: var(--ghz-card-border, #30343b) !important; transition: opacity .2s ease, border-color .2s ease, background .2s ease; }
#task-checklist .task-item.task-item-completed { opacity: .5; background: var(--ghz-cardbg, #181b20) !important; border-color: var(--ghz-brand-soft-30, rgba(0,195,122,.3)) !important; }
#task-checklist .task-item.task-item-completed p.font-bold { text-decoration: line-through; }
#task-checklist .task-item:hover { border-color: var(--ghz-brand-color, #00c37a) !important; }
.employee-checklist-history-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--ghz-card-border, #30343b); }
.employee-checklist-history-head h4 { margin: 0; color: var(--ghz-text-primary, #fff); font-size: 13px; }
.employee-checklist-history-head h4 i { margin-right: 7px; color: var(--ghz-brand-color, #00c37a); }
.employee-checklist-history-head button { border: 0; padding: 0; color: var(--ghz-brand-color, #00c37a); background: transparent; font-size: 11px; font-weight: 800; cursor: pointer; }
.employee-checklist-history { display: grid; gap: 0; margin-top: 8px; }
.employee-checklist-history-row { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border: 0; border-bottom: 1px solid var(--ghz-card-border, #30343b); color: var(--ghz-text-muted, #9ca3af); background: transparent; font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
.employee-checklist-history-row:last-child { border-bottom: 0; }
.employee-checklist-history-row:hover { color: var(--ghz-brand-color, #00c37a); }
.employee-checklist-history-row strong { color: var(--ghz-text-primary, #fff); }
.employee-checklist-history-row.is-current { color: var(--ghz-brand-color, #00c37a); }
.employee-checklist-history-empty { padding: 10px 0; color: var(--ghz-text-muted, #9ca3af); font-size: 12px; }
@media (max-width: 640px) {
  .employee-checklist-head { flex-direction: column; }
  .employee-checklist-date { width: 100%; }
  .employee-checklist-date input { width: 100%; }
  .employee-checklist-summary { align-items: flex-start; flex-direction: column; gap: 3px; }
}