.run-log h2 { margin: 0 0 1rem; font-size: 1.25rem; } .table-wrapper { overflow-x: auto; } .run-log table { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .run-log th { text-align: left; padding: 0.625rem 0.75rem; border-bottom: 2px solid var(--color-border); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--color-text-muted); white-space: nowrap; } .run-log td { padding: 0.625rem 0.75rem; border-bottom: 1px solid var(--color-border); white-space: nowrap; } .run-log tbody tr:hover { background: var(--color-bg); } .notes-cell { white-space: normal; max-width: 200px; font-size: 0.85rem; color: var(--color-text-muted); } /* Inline editing */ .editing-row { background: var(--color-bg); } .editing-row input[type="date"], .editing-row input[type="number"], .editing-row input[type="text"] { width: 100%; min-width: 60px; padding: 0.25rem 0.375rem; border: 1px solid var(--color-primary); border-radius: 4px; font-size: 0.85rem; background: var(--color-card); color: var(--color-text); box-sizing: border-box; } .editing-row input:focus { outline: none; box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.15); } .editing-row input[type="date"] { min-width: 120px; } .editing-row input[type="text"] { min-width: 100px; } .computed-cell { color: var(--color-text-muted); font-style: italic; } /* Pain display */ .pain-display-cell { white-space: normal; font-size: 0.85rem; } /* Inline injury editing */ .injury-edit-stack { display: flex; flex-direction: column; gap: 0.35rem; } .injury-edit-row { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } .injury-edit-toggle { display: flex; align-items: center; gap: 0.25rem; font-size: 0.8rem; white-space: nowrap; cursor: pointer; } .injury-edit-toggle input[type="checkbox"] { accent-color: var(--color-primary); } .pain-edit-cell { display: flex; align-items: center; gap: 0.25rem; } .pain-edit-cell .pain-input { width: 40px; min-width: 40px; text-align: center; } /* Action buttons */ .action-buttons { white-space: nowrap; } .btn-edit, .btn-delete, .btn-save, .btn-cancel { background: none; border: none; cursor: pointer; font-size: 1rem; padding: 0.25rem 0.5rem; border-radius: var(--radius); transition: color 0.15s, background 0.15s; } .btn-edit { color: var(--color-text-muted); } .btn-edit:hover { color: var(--color-primary); background: rgba(79, 70, 229, 0.1); } .btn-delete, .btn-cancel { color: var(--color-text-muted); } .btn-delete:hover, .btn-cancel:hover { color: var(--color-danger); background: rgba(239, 68, 68, 0.1); } .btn-save { color: var(--color-text-muted); } .btn-save:hover { color: #16a34a; background: rgba(22, 163, 74, 0.1); }