.note-label{white-space:normal!important;line-height:1.4;overflow-wrap:anywhere}.note-help{font-size:calc(15px * var(--org-text-scale,1));line-height:1.7;color:#65766b;margin:18px 0}.note-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.note-tools button,.note-tools a{min-height:44px}.note-attachment{border:1px solid #dce5da;border-radius:14px;padding:18px;margin:16px 0;background:#fff;overflow-wrap:anywhere}.note-attachment img{max-width:100%;max-height:480px;display:block;border-radius:9px;object-fit:contain}.note-attachment audio,.note-dialog audio{max-width:100%;width:100%}.note-dialog{max-width:760px;width:calc(100% - 28px);max-height:90vh;overflow:auto;padding:24px;border:1px solid #dce5da;border-radius:20px;background:#fff;color:#23362a;font-family:inherit}.note-dialog::backdrop{background:#142e2999}.note-dialog canvas{width:100%;height:auto;display:block;touch-action:none;border:1px solid #afbeb3;border-radius:8px;margin:18px 0}.note-dialog input[type=color]{width:50px;height:36px}.note-dialog h2{margin:0 0 16px}.media-dialog-status{line-height:1.6;margin:16px 0}.note-tools label{display:flex;align-items:center;gap:8px}
@media(max-width:600px){.note-tools{gap:8px}.note-tools .btn{padding:10px 12px;font-size:14px}}

.ptitle:empty:before{content:attr(data-ph);color:#839288;pointer-events:none}.it:has(.note-label){height:auto!important;min-height:44px}
.note-context{font-size:13px;color:#6a7d70;margin:12px 0}
/* 1.21 · listado accesible de apuntes, una fila por apunte incluso en móvil */
.notes-library{max-width:960px}
.notes-library-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.notes-library-header h1{font-size:calc(27px * var(--org-text-scale,1));line-height:1.25;margin:0}
.notes-library-header .note-help{margin:10px 0 0}
.notes-library-header .btn{flex:none;min-height:44px}
.notes-list-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 14px}
.notes-list-toolbar label{font-weight:600;color:#354c3d}
.notes-list-toolbar input{flex:1 1 220px;min-width:0;border:1px solid #cad7ce;border-radius:10px;background:#fff;color:#23362a;padding:11px 14px;font:inherit;min-height:44px}
.notes-list-toolbar input:focus{outline:2px solid #285f4f;outline-offset:2px}
.notes-list-count{font-size:calc(13px * var(--org-text-scale,1));color:#65766b;margin-left:auto;white-space:nowrap}
.notes-list{list-style:none;margin:0;padding:0;border:1px solid #dce5da;border-radius:15px;background:#fff;overflow:hidden}
.notes-list-entry+.notes-list-entry{border-top:1px solid #e6ede7}
.notes-list-entry[hidden],.notes-list-empty[hidden]{display:none!important}
.notes-list-item{width:100%;display:flex;align-items:center;gap:16px;padding:15px 18px;text-align:left;min-height:85px;color:#23362a;background:#fff}
.notes-list-item:hover{background:#f2f7f3}
.notes-list-item:focus-visible{outline:3px solid #285f4f;outline-offset:-3px;position:relative;z-index:1}
.notes-list-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:#edf5ef;font-size:22px}
.notes-list-details{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;overflow-wrap:anywhere}
.notes-list-details strong{font-size:calc(16px * var(--org-text-scale,1));line-height:1.35}
.notes-list-preview{font-size:calc(13.5px * var(--org-text-scale,1));color:#65766b;line-height:1.45}
.notes-list-context{font-size:calc(12px * var(--org-text-scale,1));color:#6b8173}
.notes-list-arrow{color:#5a7865;font-size:26px;line-height:1;padding-left:5px}
.notes-list-empty{padding:22px;border:1px dashed #dce5da;border-radius:14px;color:#65766b;text-align:center}
@media(max-width:600px){.notes-library-header{align-items:flex-start;flex-direction:column}.notes-list-toolbar{gap:8px}.notes-list-toolbar label{width:100%}.notes-list-toolbar input{flex:1 1 100%}.notes-list-count{margin-left:0}.notes-list-item{padding:13px 12px;gap:10px}.notes-list-icon{width:38px;height:38px;font-size:20px}}


/* 1.22 · Mostrar notas reales con grupo y tipo de contenido */
.notes-list-context{font-size:calc(13px * var(--org-text-scale,1));color:#35634b;line-height:1.45}
.notes-list-context b{font-weight:700}
.notes-list-media{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}
.notes-media-pill{border:1px solid #e1eae2;background:#f2f7f3;color:#365c47;border-radius:6px;padding:2px 8px;font-size:calc(12px * var(--org-text-scale,1));line-height:1.5}
.notes-list-status{color:#63786a;font-size:calc(13px * var(--org-text-scale,1));margin:10px 0}
.notes-list-status:empty{display:none}
.notes-list-status button{margin-left:8px}
.notes-list:empty{display:none}