/**
 * File:          /pwa/css/calendar-ios.css
 * Version:       0.1.0
 * Last Modified: 2026-10-24 10:55 AM ET
 * Changes:       New — iOS CalendarView look for js/calendar-view.js:
 *                segmented Day/Month control, neutral labelled Add Event,
 *                one-line day header with accent chevrons, bg-secondary rows
 *                (radius 12, padding 12) with a 70px monospaced time column
 *                (end time stacked under start) and notes under the title.
 */

.cal-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }

.cal-segmented {
  flex: 1;
  max-width: 320px;
  display: flex;
  padding: 2px;
  border-radius: 9px;
  background: var(--bg-tertiary);
}
.cal-seg {
  flex: 1;
  height: 30px;
  border: none;
  border-radius: 7px;
  background: transparent;
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.cal-seg.active { background: var(--bg-elevated); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); font-weight: 600; }

.cal-add-btn { margin-left: auto; white-space: nowrap; flex-shrink: 0; }

.cal-nav { display: flex; align-items: center; gap: 4px; margin-bottom: 12px; }
.cal-nav h3 {
  flex: 1;
  min-width: 0;
  text-align: center;
  font-size: var(--fs-row);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cal-nav-btn {
  width: 44px;
  height: 36px;
  flex-shrink: 0;
  border: none;
  background: transparent;
  color: var(--accent);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.cal-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 8px;
  padding: 12px;
  border-radius: var(--radius-md);
  background: var(--bg-secondary);
  border: var(--hairline) solid var(--border-primary);
}
.cal-row-time {
  width: 70px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.4;
  color: var(--text-secondary);
}
.cal-row-end { font-size: var(--fs-caption2); color: var(--text-tertiary); }
.cal-row-main { flex: 1; min-width: 0; }
.cal-row-title { font-size: var(--fs-body); line-height: 1.35; overflow-wrap: anywhere; }
.cal-row-notes { margin-top: 3px; font-size: var(--fs-caption); color: var(--text-secondary); }
.cal-row .badge { flex-shrink: 0; border-radius: 999px; }

/* === END OF FILE (FILENAME: /pwa/css/calendar-ios.css) === */