.schedules-panel > section { margin-block: var(--section-gap); }
.schedules-panel h2 { margin: 0 0 8px; font: 600 21px/1.4 var(--serif); }
.schedules-panel > section > .subtle { max-width: 66ch; line-height: 1.65; }
.schedule-setup {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(240px, 1fr);
  align-items: start;
  gap: clamp(18px, 3vw, 32px);
}
.schedule-conversation {
  padding: clamp(15px, 2.5vw, 23px);
  border: 1px solid var(--line);
  border-radius: var(--surface-radius);
  background: var(--paper);
}
.schedule-conversation > .subtle { font-size: 14px; line-height: 1.6; }
#schedule-form { display: grid; gap: 12px; margin-top: 14px; }
#schedule-prompt {
  width: 100%;
  min-height: 109px;
  padding: 12px 13px;
  background: var(--canvas);
  line-height: 1.6;
}
.schedule-compose-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.schedule-example-section { padding-top: 5px; }
.schedule-examples, .schedule-dialogue { list-style: none; margin: 0; padding: 0; }
.schedule-examples li { border-bottom: 1px solid var(--line); }
.schedule-example {
  width: 100%;
  display: grid;
  gap: 4px;
  text-align: start;
  padding: 11px 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--ink);
}
.schedule-example:hover:not(:disabled) { background: var(--gold-soft); }
.schedule-example small { color: var(--gold-dark); font-variant-numeric: tabular-nums; }
.schedule-example > span { color: var(--muted); font-size: 13px; line-height: 1.5; }
.schedule-dialogue { display: grid; gap: 10px; margin-top: 14px; max-height: 330px; overflow: auto; }
.schedule-turn {
  padding: 9px 12px;
  border-left: 2px solid var(--line);
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.schedule-turn[data-role="user"] { background: var(--canvas); }
.schedule-turn[data-role="assistant"] { border-color: var(--gold-line); }
.schedule-turn strong { font-size: 12px; color: var(--muted); }
.schedule-turn p { white-space: pre-wrap; }
#schedule-error:not([hidden]), #schedule-status:not(:empty) { margin-top: 12px; }
.schedule-preview {
  padding: clamp(16px, 2.5vw, 24px);
  border: 1px solid var(--gold-line);
  border-radius: var(--surface-radius);
  background: var(--paper);
}
.schedule-preview h3 { margin: 0 0 14px; font-size: 17px; }
.schedule-facts { display: grid; gap: 10px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.schedule-facts dt { color: var(--muted); font-size: 13px; }
.schedule-facts dd { margin: 3px 0 0; overflow-wrap: anywhere; }
.schedule-preview-text { margin-block: 14px; padding-top: 12px; border-top: 1px solid var(--line); white-space: pre-wrap; line-height: 1.6; overflow-wrap: anywhere; }
.schedule-links a { color: var(--gold); text-decoration: underline; text-underline-offset: .2em; }
.schedule-list { list-style: none; padding: 0; margin: 8px 0 0; }
.schedule-list:empty { display: none; }
.schedule-list li {
  padding: 13px 0;
  border-block-end: 1px solid var(--line);
  display: grid;
  gap: 6px;
  overflow-wrap: anywhere;
}
.schedule-list p { line-height: 1.55; }
.schedule-title-row, .schedule-links { display: flex; gap: 8px 14px; flex-wrap: wrap; align-items: baseline; }
.schedule-title-row { justify-content: space-between; }
.schedule-time { font-variant-numeric: tabular-nums; }
.schedule-status-tag { padding: 2px 8px; border-radius: 5px; font-size: 13px; background: var(--sidebar); }
.schedule-status-tag[data-state="running"] { background: var(--gold-soft); color: var(--gold-dark); }
.schedule-status-tag[data-state="completed"] { background: var(--positive-soft); color: var(--positive); }
.schedule-status-tag[data-state="failed"] { color: var(--danger); }
.schedule-requirements summary { cursor: pointer; color: var(--muted); }
.schedule-requirements p { white-space: pre-wrap; margin-block-start: 6px; }
@media (max-width: 820px) { .schedule-setup { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 535px) { .schedule-facts { grid-template-columns: minmax(0, 1fr); } }