/* Session card rename */ .session-card-rename input { font: inherit; font-weight: 600; font-size: 1rem; padding: 0.25rem 0.5rem; border: 1px solid var(--border); border-radius: 0.375rem; background: var(--surface); color: var(--text); width: 100%; min-width: 0; } .session-card-context { font-size: 0.8125rem; margin-top: 0.25rem; } .session-card-context strong { color: var(--text); } /* Mobile Sessions Page */ @media (max-width: 767px) { .sessions-page { padding: var(--space-2); } .sessions-page .page-header { margin-bottom: var(--space-3); } .sessions-page .page-header h1 { font-size: 1.25rem; } .last-session-section { margin-bottom: var(--space-4); } .last-session-section h2 { font-size: 1rem; margin-bottom: var(--space-2); } .create-session-section { padding: var(--space-3); } .create-session-section h2 { font-size: 1rem; margin-bottom: var(--space-2); } } .session-card-actions.mobile { display: flex; gap: var(--space-2); padding-top: var(--space-3); border-top: 1px solid var(--color-border); } .session-card-actions.mobile .mobile-primary { flex: 1; justify-content: center; min-height: 44px; padding: var(--space-2) var(--space-3); } .session-card-actions.mobile .mobile-more { min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; padding: var(--space-2); } @media (max-width: 767px) { .create-session-form .form-row { grid-template-columns: 1fr; gap: var(--space-3); } .create-session-form input, .create-session-form select, .create-session-form textarea, .create-session-form button { min-height: 44px; } }