.td-controls { display: grid; gap: 1rem; }
.td-tool label { display: block; }
.td-tool select, .td-tool input { width: 100%; max-width: 100%; }
.td-today { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.td-card { border: 1px solid var(--line); border-radius: 8px; padding: .75rem; background: var(--soft); display: flex; flex-direction: column; }
.td-card strong { font-size: 2rem; line-height: 1.5; }
.td-past { color: var(--muted); }
.td-warning { color: var(--warn); }
.td-scroll { max-width: 100%; overflow-x: auto; }
.td-scroll table { width: 100%; font-size: .9rem; }
.td-scroll th, .td-scroll td { padding: .5rem; }
.td-scroll time { white-space: nowrap; }
.td-scroll small { display: block; }
.td-month { margin: 1rem 0; }
.td-month > summary { cursor: pointer; font-weight: 700; }
.td-link-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem 1.5rem; padding-left: 1.25rem; }
.td-link-list a { overflow-wrap: anywhere; }
.td-tool [aria-disabled="true"] { opacity: .6; }
@media (min-width: 600px) { .td-controls { grid-template-columns: 1fr 1fr; } .td-controls label:last-child { grid-column: 1 / -1; } .td-today { grid-template-columns: repeat(4, minmax(0, 1fr)); } }