/* A concise task list and spacious appointments share the app's surface tokens. */
.agent-overview-detail { height: fit-content; padding: 1.25rem; }
.agent-overview-menu-items button > span:nth-child(2) { min-width: 0; }
.agent-overview-menu-items small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agent-overview-detail > header { gap: .8rem; padding-bottom: 1rem; }
.agent-overview-detail [data-overview-content] > section { border: 0; padding-block: .75rem; }
.agent-overview-detail [data-overview-content] > section:not([hidden]) ~ section:not([hidden]) { margin-top: 1rem; }
.agent-overview-section-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .4rem 1rem; margin-bottom: 1rem; }
.agent-overview .agent-overview-section-heading h3 { margin: 0; }
.agent-overview-section-heading > span { color: var(--color-muted-strong); font-size: .8rem; }
.agent-overview-date-group + .agent-overview-date-group { margin-top: 1.25rem; }
.agent-overview-date-group h4 { margin: 0 0 .75rem; color: var(--color-muted-strong); font-size: .85rem; font-weight: 600; }
.agent-overview-date-group ul { display: grid; gap: .85rem; }
.agent-overview li.agent-showing-card { padding: 1rem; border: 1px solid var(--color-line-strong); border-radius: .85rem; background: var(--color-surface-strong); }
.agent-showing-summary { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr) auto; align-items: center; gap: 1rem; }
.agent-overview .agent-showing-date { display: grid; gap: .15rem; padding: .7rem .3rem; border: 1px solid var(--agent-line); border-radius: .65rem; text-align: center; background: var(--color-surface); }
.agent-showing-date > span { font-size: 1.1rem; font-weight: 600; }
.agent-showing-details { display: grid; gap: .4rem; min-width: 0; }
.agent-showing-details strong { font-size: 1rem; line-height: 1.4; }
.agent-showing-clock { color: var(--agent-ink); font-size: 1.05rem; }
.agent-showing-card [data-open-cancel-showing] { background: transparent; font-size: .9rem; }
.agent-showing-card [data-cancel-showing-confirmation]:not([hidden]) { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--agent-line); }
.agent-overview .agent-task-list { display: grid; gap: .75rem; }
.agent-task-list li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid var(--agent-line); border-radius: .85rem; }
.agent-task-list li > div { flex: 1 1 13rem; }
.agent-task-list strong { font-size: .95rem; line-height: 1.45; }
.agent-task-list small { margin-top: .4rem; line-height: 1.5; }
.agent-task-list button { min-height: 2.75rem; padding: .6rem .85rem; border: 1px solid var(--color-line-strong); border-radius: .65rem; color: var(--agent-ink); background: var(--color-surface-strong); font: inherit; font-size: .9rem; cursor: pointer; }
.agent-task-waiting { color: var(--color-muted-strong); font-size: .8rem; }
.agent-overview-empty { margin-block: 1rem; }
@media (max-width: 520px) {
  .agent-overview-detail { padding: 1rem; }
  .agent-showing-summary { grid-template-columns: 4.25rem minmax(0, 1fr); gap: .85rem; }
  .agent-showing-summary > button { grid-column: 1 / -1; width: 100%; margin-top: .15rem; }
  .agent-task-list li { padding: .85rem; }
}