/* =============================================================================
   Daily Logs list + detail — page styles.
   spec: docs/specs/ui/daily-activity-log-ui-spec.md §4.6, §5.1–§5.5
   Ported from docs/specs/mockups/daily-activity-log/_mockup.css (.dl-* PROPOSED
   block) per build plan §4.6. Tokens only — no raw hex.
   ============================================================================= */

/* List: Not logged and Reminder failed rows are not clickable (§4.6, UI-12).
   The theme's row hover reads --ag-row-hover-color, so clearing it on the row
   removes the hover background without !important. */
.erp-grid .ag-row.dl-row-static { cursor: default; --ag-row-hover-color: transparent; }
.erp-grid .ag-row.dl-row-static .ag-cell { color: var(--text-muted); }

/* List: From > To inline error under the filter row (UI-7) */
.dl-date-error { margin: -4px 0 12px; }

/* Detail header meta line (§5.1) — scoped so other detail pages are unaffected */
.dl-detail .detail-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.dl-meta-times { font-size: 13px; color: var(--text-secondary); }
.dl-meta-sep { color: var(--text-muted); margin: 0 2px; }

/* Stacked cards under the header (no tabs) */
.dl-detail-body { max-width: 860px; margin-top: 20px; }
.dl-card-hint { font-size: 12px; color: var(--text-muted); }
.dl-english { font-size: 14px; line-height: 1.6; color: var(--text-primary); }
.dl-english p { margin: 0 0 8px; white-space: pre-wrap; overflow-wrap: anywhere; }
.dl-english p:last-child { margin-bottom: 0; }
.dl-holiday { font-weight: 600; }

/* Conversation: one row per message, time on the left (§5.5) */
.dl-conv { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.dl-msg { display: grid; grid-template-columns: 72px 1fr; gap: 12px; align-items: start; }
.dl-msg-time { font-size: 12px; color: var(--text-muted); padding-top: 9px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dl-msg-body { background: var(--content-bg); border: 1px solid var(--border); border-radius: 8px; padding: 8px 12px; }
.dl-msg-text { font-size: 14px; line-height: 1.6; color: var(--text-primary); white-space: pre-wrap; overflow-wrap: anywhere; }
/* Bot follow-up: tinted, accent border, label (UX-20). Border token per UI-24. */
.dl-msg--bot .dl-msg-body { background: var(--primary-light); border-color: var(--info-bg); border-left: 3px solid var(--primary); }
.dl-bot-label { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--info-text); margin-bottom: 2px; }

/* Today's open log note: under the header, above both cards (§5.3, UX-19) */
.dl-open-note { margin: 0 0 14px; padding: 8px 12px; background: var(--warning-bg); color: var(--warning-text); border-radius: 6px; font-size: 13px; }

/* [hidden] must win over these classes' own display rules (same reason as
   design-system.css .form-row[hidden]). */
.dl-date-error[hidden], .search-clear[hidden], .form-error-banner[hidden], .filter-select[hidden] { display: none; }

/* §4.4 — the page's own "×" (#searchClear) is the clear control; hide Chrome/Safari's
   native type="search" cancel button so two ✕ don't overlap (RC F-2). Page-scoped. */
#searchInput::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; }