/* ══════════════════════════════════════════════════════════════════════════
   canon-sched-feed.css — today from the field (feature_sched_field_feed, js/scheduler/fieldfeed.js).

   The Field dropdown and the inspector's latest-note line. Keyed on classes
   fieldfeed.js only writes while the flag is on. Canon tokens only.
   ══════════════════════════════════════════════════════════════════════════ */
@layer components {
  .sched-feed-panel {
    position: fixed; z-index: 1200; width: 380px; max-width: calc(100vw - 16px); max-height: min(70vh, 560px);
    display: flex; flex-direction: column;
    background: var(--c-card); color: var(--c-text);
    border: 1px solid var(--c-border); border-radius: var(--r-md, 10px);
    box-shadow: 0 16px 40px -20px color-mix(in srgb, var(--c-ink-deep) 55%, transparent);
  }
  .sched-feed-h { padding: var(--sp-3) var(--sp-4); font-size: 13px; font-weight: 600; border-bottom: 1px solid var(--c-border); }
  .sched-feed-list { overflow: auto; }
  .sched-feed-empty { padding: var(--sp-4); font-size: 13px; color: var(--c-muted); }
  .sched-feed-row {
    display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: var(--sp-2);
    padding: var(--sp-2) var(--sp-4); border-bottom: 1px solid var(--c-border);
  }
  .sched-feed-row > .ti { color: var(--c-text-2); }
  .sched-feed-main { font: inherit; text-align: left; background: none; border: 0; padding: 0; color: inherit; cursor: pointer; min-width: 0; }
  .sched-feed-main:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }
  .sched-feed-t { display: block; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .sched-feed-s { display: block; font-size: 12px; color: var(--c-text-2); }
  .sched-feed-ago { font-size: 11.5px; color: var(--c-muted); white-space: nowrap; }
  .sched-feed-call { color: var(--c-accent); }

  .sched-app .sched-feed-note {
    display: flex; align-items: flex-start; gap: var(--sp-2);
    margin: var(--sp-2) 0 0; padding: var(--sp-2) var(--sp-3);
    border-radius: var(--r-sm, 8px); font-size: 12.5px;
    background: var(--c-card-2); color: var(--c-text);
  }
}