.ta-planning-scroll {overflow-x:auto;border:1px solid var(--border-primary);border-radius:10px;background:var(--bg-card)}
.ta-planning-table {border-collapse:collapse;width:100%;table-layout:fixed;min-width:550px;font-size:12px;color:var(--text-primary)}
.ta-planning-table th {text-align:left;background:var(--bg-modal);color:var(--text-secondary);font-size:11px;font-weight:600;padding:10px 14px;border-bottom:1px solid var(--border-primary)}
.ta-planning-table th:nth-child(1) {width:185px}
.ta-planning-table th:nth-child(2) {width:100px}
.ta-planning-table td {height:39px;padding:7px 14px;border-bottom:1px solid var(--border-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ta-planning-table tbody tr {cursor:pointer}
.ta-planning-table tbody tr:hover {background:var(--bg-hover)}
.ta-planning-table tr:last-child td {border-bottom:0}
.ta-planning-date {color:var(--text-secondary)}
.ta-planning-time {font-variant-numeric:tabular-nums;font-weight:500}
.ta-planning-task button {display:block;max-width:100%;padding:0;background:none;border:0;font:inherit;color:inherit;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.ta-planning-task button:focus-visible {outline:2px solid var(--color-indigo);outline-offset:3px}
.ta-planning-done .ta-planning-task button {text-decoration:line-through;color:var(--text-muted)}
.ta-planning-empty {padding:40px 0;text-align:center;color:var(--text-muted)}
.ta-planning-logs {margin-top:14px;font-size:12px;color:var(--text-secondary)}
.ta-planning-logs summary {cursor:pointer;padding:8px 0}
.ta-planning-log-day {padding:10px 0;border-bottom:1px solid var(--border-primary)}
.ta-planning-log-day>div {display:flex;gap:14px;padding:5px 0}

/* Match the calendar priority legend while retaining readable neutral text. */
.ta-planning-table tbody tr {background:var(--ta-priority-tint)}
.ta-planning-table tbody tr td:first-child {box-shadow:inset 4px 0 0 var(--ta-priority-color)}
.ta-planning-table tbody tr:hover {background:color-mix(in srgb,var(--ta-priority-color) 14%,var(--bg-card))}

.ta-planning-sort {display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;color:var(--text-secondary)}
.ta-planning-sort select {width:auto;max-width:100%;font-size:12px;padding:7px 10px;min-height:34px}

.ta-planning-controls {display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
.ta-planning-table th:nth-child(3) {width:180px}
.ta-planning-table {min-width:740px}
.ta-planning-category {color:var(--text-secondary)}