/* Inherit the same theme variables and action buttons as the Tasks window. */
#todoNotesBtn[hidden] { display: none !important; }
#todoNotesBtn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    width: auto; min-height: 48px; box-sizing: border-box; padding: 10px 18px;
    border: 2px solid var(--gold-dark); border-radius: 999px;
    background: linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-card) 100%);
    color: var(--gold-main); box-shadow: 0 8px 30px rgba(15,23,42,.12);
    cursor: pointer; font: 700 12px 'Cinzel', serif; letter-spacing: .5px;
}
#todoNotesBtn > span { font-size: 20px; }
#todoNotesBtn:hover { border-color: var(--gold-main); box-shadow: var(--shadow-gold); }
@media (max-width: 768px) {
    #todoNotesBtn { width: 100%; border-radius: 10px; }
}
.notes-panel {
    width: min(480px, calc(100vw - 32px));
    max-height: min(720px, calc(100dvh - 40px));
    margin: auto; box-sizing: border-box; padding: 0; border: 2px solid var(--gold-main, #2563eb);
    border-radius: 16px; background: var(--bg-panel, #fff); color: var(--ink, #0f172a);
    box-shadow: var(--shadow-gold, 0 12px 30px rgba(0,0,0,.2)); overflow: auto;
}
.notes-panel::backdrop { background: rgba(0,0,0,.5); }
.notes-panel-header { display:flex; align-items:center; gap:12px; padding:16px 20px; border-bottom:1px solid var(--gold-dim, #93c5fd); }
.notes-panel-header h2 { margin:0; flex:1; font-size:18px; }
#savedNotesCount { font-size:13px; background:var(--gold-main,#2563eb); color:white; border-radius:20px; padding:2px 8px; }
.notes-panel-close { border:0; background:transparent; color:inherit; font-size:26px; cursor:pointer; padding:0 6px; }
.notes-panel-status { color:var(--ink-dim,#475569); font-size:13px; margin:14px 20px; }
.notes-panel-status:empty { display:none; }
.notes-panel-list { list-style:none; padding:0 20px; margin:0; max-height:42vh; overflow:auto; }
.notes-panel-item { padding:12px 0; border-bottom:1px solid var(--gold-dim,#93c5fd); }
.notes-panel-text { margin:0 0 10px; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.5; }
.notes-panel-delete { width:auto; min-height:32px; }
.notes-panel-form { display:flex; flex-direction:column; gap:10px; padding:18px 20px; }
.notes-panel-form label { font-weight:600; }
.notes-panel-form textarea { box-sizing:border-box; width:100%; resize:vertical; min-height:80px; max-height:200px; border:1px solid var(--gold-dim,#93c5fd); border-radius:8px; padding:10px; font:inherit; background:var(--bg-card,#fff); color:inherit; }
.notes-panel-actions { display:flex; gap:8px; }
.notes-panel-actions button { flex:1; min-height:38px; }
.notes-panel button:disabled { opacity:.55; cursor:default; }