/* Wearable Sync tab. Reuses .stat-card, .btn-primary, .btn-secondary,
   .form-status, .history, .empty-state, .field-hint from the existing
   design system (same classes nutrition.css relies on). */

.wearable-status-card { max-width: 20rem; margin-bottom: 0.75rem; }
.wearable-btn-row { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.wearable-btn-row .hidden { display: none; }
#wearableConnectBtn { text-decoration: none; text-align: center; }