.at-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.at-form button {
    grid-column: 1 / -1;
    justify-self: start;
}

.at-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-end;
    margin-bottom: 1rem;
}

.at-list {
    display: grid;
    gap: 0.5rem;
}

.at-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.5rem 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--border, rgba(255, 255, 255, 0.12));
    border-radius: 0.5rem;
    border-left-width: 4px;
}

.at-item.priority-high { border-left-color: #e57373; }
.at-item.priority-medium { border-left-color: #ffb74d; }
.at-item.priority-low { border-left-color: #81c784; }

.at-item.is-overdue {
    background: rgba(229, 115, 115, 0.08);
}

.at-item h3 {
    margin: 0 0 0.25rem;
    font-size: 1rem;
}

.at-meta {
    font-size: 0.85rem;
    opacity: 0.85;
    margin: 0;
}

.at-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.at-badge {
    display: inline-block;
    font-size: 0.75rem;
    padding: 0.15rem 0.45rem;
    border-radius: 0.25rem;
    background: rgba(255, 255, 255, 0.08);
    text-transform: capitalize;
}