/* T03: Today screen. Shared look (cards, ring, chips, sheet) comes from styles.css. */

.today-head { display: flex; flex-direction: column; gap: 10px; padding: 8px 4px 4px; }
.today-date { font-size: 12px; }
.today-head h1 { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.today-nav { margin-left: auto; gap: 6px; flex: none; }
.today-nav .icon-btn:disabled { color: var(--ring-border); }
.today-gear { margin-left: 4px; }
.today-chips { flex-wrap: wrap; gap: 6px 8px; }
.today-min { margin-left: auto; gap: 4px; font-size: 13px; color: var(--ok-text); white-space: nowrap; }
.today-hint { font-size: 12px; padding: 0 4px 2px; }

/* block cards */
.today-row { min-height: var(--tap); }
.today-time { font-size: 13px; width: 44px; flex: none; }
.today-name { font-weight: 600; font-size: 15px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.today-dur { font-size: 13px; flex: none; }
.today-break { font-size: 11px; flex: none; white-space: nowrap; }
.today-line-edit { padding-right: 8px; }
.today-line-edit .input { font-size: 14px; }
.today-nowhy {
  display: inline-block; width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent); margin-left: 6px; vertical-align: middle; position: relative; top: -1px;
}
.today-auto { gap: 6px; font-size: 12px; color: var(--warn); padding-right: 8px; }
.today-auto svg { flex: none; }

.today-free { background: var(--surface-2); }
.today-free .today-name { color: var(--muted); font-weight: 500; }

/* edit sheet */
.today-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
.today-whys { flex-wrap: wrap; gap: 6px; }
.today-why { min-height: var(--tap); min-width: 56px; justify-content: center; font-size: 14px; border-radius: var(--r-input); }
.today-whytext { font-size: 13px; }
.today-note { font-size: 12px; }