/* ── Quick-add (prompt de terminal) ──────── */
.quick-add {
    margin-bottom: 2rem;
    border-top: 1px solid var(--line);
    padding-top: 2rem;
}

.quick-add-form {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: stretch;
}

.quick-add-form input[type="text"] { flex: 3; min-width: 180px; }
.quick-add-form input[type="date"] { flex: 1; width: 25%; }
.quick-add-form select { flex: 1; }

.quick-add-more {
    display: inline-block;
    margin-top: 0.4rem;
    font-size: 0.78rem;
    color: var(--dim);
    text-decoration: none;
}
.quick-add-more:hover { color: var(--accent); }

/* .backlinks a (higher-specificity) overrides quick-add-more's color/font-size
   when the link is inside .backlinks, which happens for "+ nota completa". This
   rule restores the intended subdued look. */
.backlinks .quick-add-more {
    font-size: 0.78rem;
    color: var(--dim);
}

.btn-add-task {
    font-size: 0.72rem;
    font-weight: 400;
    color: var(--dim);
    text-decoration: none;
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 0.1rem 0.4rem;
}
.btn-add-task:hover { color: var(--accent); border-color: var(--accent); }

.done-form { display: contents; }

.btn-done {
    flex-shrink: 0;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--dim);
    font-family: var(--font);
    font-size: 0.9rem;
    line-height: 1;
    padding: 0.2rem 0;
    transition: color 0.15s;
}
.btn-done::after { content: '[ ]'; }
.btn-done:hover { color: var(--accent); }
.btn-done:hover::after { content: '[x]'; }

/* "priorizada" pin toggle (PLANNER-95) — dim/outline when unpinned, full
   opacity + accent tint when pinned, same hover-to-accent language as
   .btn-done above. */
.pin-form { display: contents; }

.btn-pin {
    flex-shrink: 0;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1;
    padding: 0.2rem 0;
    opacity: 0.35;
    filter: grayscale(1);
    transition: opacity 0.15s, filter 0.15s;
}
.btn-pin:hover { opacity: 0.8; filter: grayscale(0.4); }
.btn-pin.pinned { opacity: 1; filter: none; }

.status-chip { text-transform: lowercase; }