/* ── Note list ───────────────────────────── */
.note-list { list-style: none; }

.note-item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0;
    border-top: 1px solid var(--line);
}

.note-title { flex: 1; color: var(--txt); text-decoration: none; font-size: 0.9rem; }
.note-title:hover { color: var(--accent); }
.note-date { font-size: 0.78rem; color: var(--dim); }

/* ── Note view (single-screen editor, auto-save) ────────── */
.note-breadcrumb {
    display: inline-block;
    font-size: 0.78rem;
    color: var(--dim);
    text-decoration: none;
    margin-bottom: 0.5rem;
}
.note-breadcrumb:hover { color: var(--accent); }

.note-editor { margin-bottom: 0.5rem; }

.note-editor-head {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}

.note-code {
    flex: none;
    color: var(--dim);
    font-size: 0.9rem;
    font-weight: 600;
}

.prefix-locked {
    font-size: 0.78rem;
    color: var(--dim);
    align-self: center;
}

.note-title-input {
    flex: 1;
    border: none;
    background: none;
    padding: 0;
    font-family: var(--sans);
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.5px;
}
.note-title-input:focus { border: none; outline: none; }

.save-indicator {
    flex: none;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--dim);
    min-width: 5.5em;
    text-align: right;
}
.save-indicator.saved { color: var(--accent); }
.save-indicator.error { color: var(--danger); }

.note-meta-edit {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.task-meta-fields { display: inline-flex; gap: 0.5rem; flex-wrap: wrap; }

.meta-field {
    width: auto;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    font-size: 0.74rem;
    color: var(--dim);
    background: var(--panel);
    border: 1px solid var(--line);
}
.meta-field:focus { color: var(--txt); }
select.meta-field { cursor: pointer; }
.meta-field a.meta-link { color: var(--accent); text-decoration: none; }
.meta-field a.meta-link:hover { text-decoration: underline; }
.meta-field.meta-dangling { color: var(--danger); }

.combobox { position: relative; }
.combobox-options {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 10;
    min-width: 14rem;
    max-height: 12rem;
    overflow-y: auto;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 4px;
}
.combobox-option {
    padding: 0.3rem 0.5rem;
    border-radius: 6px;
    font-size: 0.8rem;
    cursor: pointer;
}
.combobox-option:hover { background: var(--line); }
.combobox-clear { color: var(--dim); font-style: italic; }

.note-body-editor {
    width: 100%;
    min-height: 8rem;
    border: none;
    background: none;
    padding: 0;
    resize: none;
    overflow: hidden;
    font-family: var(--font);
    font-size: 0.9rem;
    line-height: 1.75;
    color: var(--txt);
    margin-bottom: 1.5rem;
}
.note-body-editor:focus { border: none; outline: none; }

.task-actions { margin-top: 1.5rem; }

.backlinks {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
}

.backlinks h3 {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--accent);
    margin-bottom: 0.5rem;
}

.backlinks ul { list-style: none; }
.backlinks li { padding: 0.2rem 0; }
.backlinks a { color: var(--txt); text-decoration: none; font-size: 0.88rem; }
.backlinks a:hover { color: var(--accent); }

.note-footer {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
}

/* ── Registros incrementais (PLANNER-89) ─── */
.log-section {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
}

.log-section h3 {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--accent);
    margin-bottom: 0.5rem;
}

.log-add-form { margin-bottom: 0.75rem; }
.log-add-form input[type="text"] { flex: 1; }

.log-list { list-style: none; }

.log-entry {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    padding: 0.25rem 0;
    border-bottom: 1px solid var(--line);
}
.log-entry:last-child { border-bottom: none; }

.log-timestamp {
    flex: none;
    font-size: 0.72rem;
    color: var(--dim);
    font-variant-numeric: tabular-nums;
}

.log-body { flex: 1; font-size: 0.88rem; word-break: break-word; }

.btn-icon {
    flex: none;
    background: none;
    border: none;
    color: var(--dim);
    cursor: pointer;
    font-size: 0.78rem;
    line-height: 1;
    padding: 0.15rem 0.3rem;
}