.session-log h2 { margin: 0 0 1rem; font-size: 1.25rem; } .table-wrapper { overflow-x: auto; } .session-log table { width: 100%; border-collapse: collapse; font-size: 0.9rem; } .session-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; } .session-log td { padding: 0.625rem 0.75rem; border-bottom: 1px solid var(--color-border); white-space: nowrap; } .session-log tbody tr:hover { background: var(--color-bg-soft); } .notes-cell { white-space: normal; max-width: 260px; color: var(--color-text-muted); } .injury-display-cell { font-size: 0.8rem; color: var(--color-text-muted); } .editing-row { background: var(--color-bg-soft); } .editing-row input[type="date"], .editing-row input[type="number"], .editing-row input[type="text"], .editing-row select { width: 100%; min-width: 65px; padding: 0.25rem 0.4rem; border: 1px solid var(--color-primary); border-radius: 4px; background: var(--color-card); color: var(--color-text); } .editing-row input:focus, .editing-row select:focus { outline: none; box-shadow: 0 0 0 2px rgba(180, 83, 9, 0.16); } .computed-cell { color: var(--color-text-muted); font-style: italic; } .injury-edit-stack { display: flex; flex-direction: column; gap: 0.3rem; } .injury-edit-row { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; font-size: 0.75rem; color: var(--color-text-muted); } .injury-edit-row input[type="number"] { width: 65px; min-width: 65px; } .injury-edit-phase { display: flex; align-items: center; gap: 0.25rem; } .injury-edit-phase input[type="number"] { width: 45px; min-width: 45px; text-align: center; } .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); } .btn-edit, .btn-save { color: var(--color-text-muted); } .btn-edit:hover, .btn-save:hover { color: var(--color-primary); background: rgba(180, 83, 9, 0.1); } .btn-delete, .btn-cancel { color: var(--color-text-muted); } .btn-delete:hover, .btn-cancel:hover { color: var(--color-danger); background: rgba(220, 38, 38, 0.1); }