/* AIM OFFICE · AIM Notas. Tres paneles en pantallas anchas (cuadernos · lista · nota) y uno cada vez en
   el móvil. Los colores salen de las variables del estilo elegido (estilo.css y el tema). */
body.con-notas { height: 100vh; height: 100dvh; min-height: 0; overflow: hidden; }
body.con-notas > main { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.notas { --no-acento: var(--acento, var(--notas)); --no-suave: color-mix(in srgb, var(--no-acento) 13%, var(--blanco));
  /* Colores de las notas: un tono suave sobre el fondo de cada estilo (claro u oscuro). */
  --n-rojo: #d93a3a; --n-naranja: #e07a1f; --n-amarillo: #d9a400; --n-verde: #2f9e55; --n-turquesa: #13968f; --n-azul: #2f6fd8; --n-morado: #7d4fcf; --n-rosa: #d64f95; --n-marron: #8d6748; --n-gris: #7c8494;
  flex: 1; min-height: 0; display: grid; grid-template-columns: 1fr; background: var(--papel); position: relative; }
.notas svg, .no-dialogo svg, .no-menu-flotante svg, .no-tostada svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
:where(.notas, .no-dialogo, .no-menu-flotante) button { font: inherit; color: inherit; }
:where(.notas, .no-dialogo, .no-menu-flotante) :focus-visible { outline: 3px solid var(--no-acento, var(--texto)); outline-offset: 2px; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Paneles */
.no-lateral, .no-lista, .no-editor { min-height: 0; min-width: 0; }
.no-lista, .no-editor { display: flex; flex-direction: column; }
.notas[data-panel="lista"] .no-editor, .notas[data-panel="editor"] .no-lista { display: none; }
.no-lateral { position: absolute; inset: 0 auto 0 0; z-index: 12; width: min(300px, 86vw); transform: translateX(-104%); visibility: hidden; transition: transform .2s ease, visibility .2s; }
.notas[data-panel="lateral"] .no-lateral { transform: none; visibility: visible; box-shadow: 0 20px 60px rgba(10, 14, 24, .25); }
.notas[data-panel="lateral"]::after { content: ""; position: absolute; inset: 0; z-index: 11; background: rgba(14, 18, 28, .35); }
.notas[data-panel="lateral"] .no-editor { display: none; }
@media (min-width: 1000px) {
  .notas { grid-template-columns: 250px minmax(300px, 380px) 1fr; }
  .notas[data-panel] .no-lista, .notas[data-panel] .no-editor { display: flex; }
  .no-lateral { position: static; width: auto; transform: none; visibility: visible; transition: none; }
  .notas[data-panel="lateral"]::after { display: none; }
  .no-menu, .no-atras { display: none !important; }
}
@media (min-width: 1400px) { .notas { grid-template-columns: 270px 420px 1fr; } }
@media (prefers-reduced-motion: reduce) { .no-lateral { transition: none; } }

/* Lateral */
.no-lateral { display: flex; flex-direction: column; gap: 12px; padding: 16px 12px 12px; overflow-y: auto; border-right: 1px solid var(--linea); background: var(--papel); }
.no-nueva { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 22px; border-radius: 16px; border: 0; background: var(--no-acento); color: var(--sobre-acento, #fff) !important; font-weight: 650 !important; font-size: 16px !important; cursor: pointer; box-shadow: 0 6px 18px color-mix(in srgb, var(--no-acento) 30%, transparent); transition: transform .08s, box-shadow .2s; }
.no-nueva:hover { box-shadow: 0 10px 26px color-mix(in srgb, var(--no-acento) 38%, transparent); }
.no-nueva:active { transform: translateY(1px); }
.no-secciones ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.no-secciones li { display: flex; align-items: center; border-radius: 10px; }
.no-secciones li:hover { background: color-mix(in srgb, var(--tinta) 5%, transparent); }
.no-seccion { flex: 1; min-width: 0; display: flex; align-items: center; gap: 11px; min-height: 40px; padding: 6px 10px; border: 0; border-radius: 10px; background: none; cursor: pointer; text-align: left; color: var(--tinta-2) !important; font-size: 15px !important; }
.no-seccion svg { width: 19px; height: 19px; color: var(--tinta-3); }
.no-seccion.activa { background: var(--no-suave); color: var(--tinta) !important; font-weight: 650 !important; }
.no-seccion.activa svg { color: var(--no-acento); }
.no-seccion-nombre { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.no-seccion-n { font-size: 12.5px; color: var(--tinta-3); font-variant-numeric: tabular-nums; }
.no-seccion-editar { opacity: 0; width: 32px !important; height: 32px !important; }
.no-secciones li:hover .no-seccion-editar, .no-seccion-editar:focus-visible { opacity: 1; }
@media (hover: none) { .no-seccion-editar { opacity: .7; } }
.no-seccion-editar svg { width: 16px; height: 16px; }
.no-grupo { margin: 12px 0 2px; padding: 0 10px; font: 650 12px/1.3 var(--cuerpo); letter-spacing: .03em; text-transform: uppercase; color: var(--tinta-3); }
.no-vacio-lista { padding: 4px 10px; font-size: 13px; }
.no-secciones-fin { margin-top: 10px !important; padding-top: 8px !important; border-top: 1px solid var(--linea) !important; }
.no-anadir { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 8px 12px; border: 1px dashed var(--linea-2); border-radius: 12px; background: none; cursor: pointer; color: var(--tinta-2) !important; font-weight: 600 !important; font-size: 14.5px !important; }
.no-anadir:hover { border-color: var(--tinta-3); color: var(--tinta) !important; }
.no-sincro { display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 14px; background: color-mix(in srgb, var(--tinta) 4%, var(--blanco)); border: 1px solid var(--linea); }
.no-sincro:empty { display: none; }
.no-sincro p { margin: 0; font-size: 13.5px; line-height: 1.45; }
.no-sincro-titulo { display: flex; align-items: center; gap: 8px; font-weight: 650; font-size: 14.5px !important; }
.no-sincro-titulo svg { color: var(--no-acento); width: 18px; height: 18px; }
.no-sincro-titulo.con-error svg { color: var(--aviso-tinta); }
.no-sincro-error { color: var(--aviso-tinta); }
.no-sincro-boton { min-height: 38px !important; padding: 0 14px !important; font-size: 14px !important; align-self: flex-start; }
.no-uso { height: 6px; border-radius: 99px; background: color-mix(in srgb, var(--tinta) 10%, transparent); overflow: hidden; }
.no-uso span { display: block; height: 100%; border-radius: inherit; background: var(--no-acento); }
.no-uso-texto { font-size: 12.5px !important; }
.no-sincro-acciones { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.no-herramientas { display: flex; flex-wrap: wrap; gap: 2px 12px; }
.no-enlace { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; padding: 4px 2px; cursor: pointer; color: var(--enlace) !important; font-weight: 600 !important; font-size: 13.5px !important; }
.no-enlace svg { width: 16px; height: 16px; }
.no-enlace:hover { text-decoration: underline; }
.no-enlace[disabled] { opacity: .5; cursor: default; }
.no-nota { margin: auto 0 0; font-size: 12.5px; line-height: 1.45; color: var(--tinta-3); padding: 8px 4px 0; }
.no-suave { color: var(--tinta-3); }

/* Lista */
.no-lista { border-right: 1px solid var(--linea); background: var(--papel); }
.no-barra { display: flex; align-items: center; gap: 8px; padding: 12px 14px 6px; }
.no-barra h1 { flex: 1 1 auto; min-width: 0; margin: 0; font: 720 21px/1.2 var(--titulo); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.no-cuenta { font-size: 13.5px; color: var(--tinta-3); font-variant-numeric: tabular-nums; }
.no-orden { min-height: 34px; max-width: 190px; padding: 0 8px; border: 1px solid var(--linea); border-radius: 9px; background: var(--blanco); color: var(--tinta-2); font: 600 13px/1 var(--cuerpo); cursor: pointer; }
.no-icono { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; border: 0; background: none; cursor: pointer; color: var(--tinta-2) !important; flex: 0 0 auto; }
.no-icono:hover { background: color-mix(in srgb, var(--tinta) 7%, transparent); color: var(--tinta) !important; }
.no-icono[disabled] { opacity: .4; cursor: default; }
.no-icono[aria-pressed="true"] { color: var(--no-acento) !important; background: var(--no-suave); }
.no-buscar { position: relative; margin: 4px 14px 8px; }
.no-buscar svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: var(--tinta-3); pointer-events: none; }
.no-buscar input { width: 100%; min-height: 42px; padding: 0 12px 0 38px; border: 1px solid var(--linea); border-radius: 12px; background: var(--blanco); color: var(--tinta); font: inherit; font-size: 15px; }
.no-buscar input:focus { outline: 2px solid var(--no-acento); outline-offset: 0; }
.no-aviso-papelera { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 14px 8px; padding: 9px 12px; border-radius: 12px; background: var(--aviso-fondo); color: var(--aviso-tinta); font-size: 13.5px; }
.no-aviso-papelera[hidden] { display: none; }
.no-aviso-papelera .no-enlace { color: var(--aviso-tinta) !important; }
.no-tarjetas { list-style: none; margin: 0; padding: 2px 10px 90px; overflow-y: auto; flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 6px; }
.no-tarjeta { --c: transparent; width: 100%; display: flex; flex-direction: column; gap: 5px; padding: 11px 13px 12px; border: 1px solid var(--linea); border-radius: 14px; background: color-mix(in srgb, var(--c) 9%, var(--blanco)); cursor: pointer; text-align: left; box-shadow: inset 4px 0 0 var(--c); transition: border-color .12s, box-shadow .12s; }
.no-tarjeta:hover { border-color: var(--linea-2); }
.no-tarjeta.abierta { border-color: var(--no-acento); box-shadow: inset 4px 0 0 var(--c), 0 0 0 1px var(--no-acento); }
.no-tarjeta-cab { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.no-fijada { color: var(--no-acento); align-self: center; }
.no-fijada svg { width: 15px; height: 15px; }
.no-tarjeta-titulo { flex: 1; min-width: 0; font-weight: 650; font-size: 15.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.no-tarjeta-fecha { flex: 0 0 auto; font-size: 12px; color: var(--tinta-3); font-variant-numeric: tabular-nums; }
.no-tarjeta-texto { font-size: 13.5px; line-height: 1.45; color: var(--tinta-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.no-tarjeta-img { width: 100%; max-height: 120px; object-fit: cover; border-radius: 9px; }
.no-tarjeta-pie { display: flex; flex-wrap: wrap; gap: 5px; }
.no-chip { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; padding: 2px 8px; border-radius: 99px; background: color-mix(in srgb, var(--tinta) 7%, transparent); color: var(--tinta-2); font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.no-chip svg { width: 13px; height: 13px; }
.no-chip-etiqueta { color: color-mix(in srgb, var(--no-acento) 75%, var(--tinta)); background: var(--no-suave); }
.no-lista-vacia { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; padding: 48px 20px; color: var(--tinta-3); }
.no-lista-vacia p { margin: 0; }
.color-rojo { --c: var(--n-rojo); } .color-naranja { --c: var(--n-naranja); } .color-amarillo { --c: var(--n-amarillo); } .color-verde { --c: var(--n-verde); } .color-turquesa { --c: var(--n-turquesa); }
.color-azul { --c: var(--n-azul); } .color-morado { --c: var(--n-morado); } .color-rosa { --c: var(--n-rosa); } .color-marron { --c: var(--n-marron); } .color-gris { --c: var(--n-gris); }

/* Editor */
.no-editor { background: var(--blanco); position: relative; }
.no-vacio { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: var(--tinta-3); padding: 32px; text-align: center; }
.no-vacio[hidden] { display: none; }
.no-vacio svg { width: 54px; height: 54px; stroke-width: 1.2; }
.no-hoja { --c: transparent; flex: 1; min-height: 0; display: flex; flex-direction: column; background: color-mix(in srgb, var(--c) 7%, var(--blanco)); }
.no-hoja[hidden] { display: none; }
.no-herr { display: flex; align-items: center; gap: 2px; padding: 6px 8px; border-bottom: 1px solid var(--linea); background: var(--blanco); overflow-x: auto; scrollbar-width: thin; }
.no-formato, .no-acciones { display: flex; align-items: center; gap: 1px; }
.no-hueco { flex: 1; min-width: 8px; }
.no-h { display: inline-grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 9px; background: none; cursor: pointer; color: var(--tinta-2) !important; flex: 0 0 auto; }
.no-h svg { width: 19px; height: 19px; }
.no-h:hover { background: color-mix(in srgb, var(--tinta) 7%, transparent); color: var(--tinta) !important; }
.no-h[aria-pressed="true"] { background: var(--no-suave); color: var(--no-acento) !important; }
.no-h[disabled] { opacity: .35; cursor: default; }
.no-papel { flex: 1; min-height: 0; overflow-y: auto; padding: 22px clamp(18px, 5vw, 64px) 80px; }
.no-papel > * { max-width: 760px; margin-left: auto; margin-right: auto; }
.no-avisos:empty { display: none; }
.no-aviso { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 16px; padding: 10px 14px; border-radius: 12px; background: var(--aviso-fondo); color: var(--aviso-tinta); font-size: 14px; }
.no-aviso span { flex: 1 1 220px; }
.no-aviso .boton { min-height: 36px; padding: 0 12px; font-size: 14px; gap: 6px; }
.no-aviso .boton svg { width: 17px; height: 17px; }
.no-titulo-nota { display: block; width: 100%; border: 0; background: none; color: var(--tinta); font: 760 clamp(24px, 3vw, 30px)/1.2 var(--titulo); padding: 4px 0; }
.no-titulo-nota:focus { outline: none; }
.no-titulo-nota::placeholder { color: color-mix(in srgb, var(--tinta-3) 70%, transparent); }
.no-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px auto 18px; }
.no-cuaderno { min-height: 32px; max-width: 220px; padding: 0 8px; border: 1px solid var(--linea); border-radius: 9px; background: var(--blanco); color: var(--tinta-2); font: 600 13px/1 var(--cuerpo); cursor: pointer; }
.no-etiquetas { flex: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 180px; }
.no-etiquetas .no-chip { padding-right: 3px; font-size: 13px; }
.no-chip-quitar { display: inline-grid; place-items: center; width: 20px; height: 20px; border: 0; border-radius: 50%; background: none; cursor: pointer; color: inherit !important; }
.no-chip-quitar svg { width: 12px; height: 12px; }
.no-chip-quitar:hover { background: color-mix(in srgb, var(--tinta) 12%, transparent); }
.no-etiqueta-nueva { flex: 1; min-width: 120px; min-height: 30px; border: 0; background: none; color: var(--tinta); font: inherit; font-size: 13.5px; }
.no-etiqueta-nueva:focus { outline: none; }
.no-etiqueta-nueva[hidden] { display: none; }
.no-pie { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; padding: 7px 16px; border-top: 1px solid var(--linea); background: var(--blanco); font-size: 12.5px; color: var(--tinta-3); }

/* Texto de la nota */
.no-cuerpo { min-height: 50vh; outline: none; font-size: 16.5px; line-height: 1.65; color: var(--tinta); overflow-wrap: anywhere; caret-color: var(--no-acento); }
.no-cuerpo { position: relative; }
.no-cuerpo.vacio::before { content: attr(data-vacio); position: absolute; left: 0; top: 0; color: color-mix(in srgb, var(--tinta-3) 75%, transparent); pointer-events: none; }
.no-cuerpo > :first-child { margin-top: 0; }
.no-cuerpo p { margin: 0 0 .6em; }
.no-cuerpo h1 { font: 740 1.6em/1.25 var(--titulo); margin: 1em 0 .4em; }
.no-cuerpo h2 { font: 720 1.3em/1.3 var(--titulo); margin: .9em 0 .35em; }
.no-cuerpo h3 { font: 700 1.1em/1.35 var(--titulo); margin: .8em 0 .3em; }
.no-cuerpo ul, .no-cuerpo ol { margin: 0 0 .7em; padding-left: 1.6em; }
.no-cuerpo li { margin: .15em 0; }
.no-cuerpo ul.tareas { list-style: none; padding-left: 0; }
.no-cuerpo ul.tareas > li { position: relative; padding-left: 30px; min-height: 1.65em; }
.no-cuerpo ul.tareas > li::before { content: ""; position: absolute; left: 1px; top: .28em; width: 17px; height: 17px; border: 2px solid color-mix(in srgb, var(--tinta-3) 80%, transparent); border-radius: 5px; cursor: pointer; box-sizing: border-box; }
.no-cuerpo ul.tareas > li[data-hecho="1"] { color: var(--tinta-3); text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--tinta-3) 60%, transparent); }
.no-cuerpo ul.tareas > li[data-hecho="1"]::before { background: var(--no-acento); border-color: var(--no-acento); }
.no-cuerpo ul.tareas > li[data-hecho="1"]::after { content: ""; position: absolute; left: 7px; top: calc(.28em + 3px); width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); pointer-events: none; }
.no-cuerpo blockquote { margin: 0 0 .8em; padding: .2em 0 .2em 1em; border-left: 3px solid var(--no-acento); color: var(--tinta-2); }
.no-cuerpo pre { margin: 0 0 .8em; padding: .8em 1em; border-radius: 10px; background: color-mix(in srgb, var(--tinta) 6%, var(--blanco)); font: 14px/1.55 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; white-space: pre-wrap; }
.no-cuerpo code { padding: .1em .35em; border-radius: 5px; background: color-mix(in srgb, var(--tinta) 7%, var(--blanco)); font: .9em ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.no-cuerpo pre code { padding: 0; background: none; }
.no-cuerpo a { color: var(--enlace); text-decoration: underline; cursor: text; }
.notas.en-papelera .no-cuerpo a { cursor: pointer; }
.no-cuerpo img { display: block; max-width: 100%; height: auto; margin: .4em 0 .8em; border-radius: 10px; }
.no-cuerpo hr { border: 0; border-top: 2px solid var(--linea); margin: 1.4em 0; }
.no-cuerpo mark { background: color-mix(in srgb, var(--n-amarillo) 35%, transparent); color: inherit; border-radius: 3px; padding: 0 .1em; }
.no-cuerpo table { border-collapse: collapse; margin: 0 0 .8em; max-width: 100%; display: block; overflow-x: auto; }
.no-cuerpo td, .no-cuerpo th { border: 1px solid var(--linea-2); padding: .3em .6em; vertical-align: top; }
.no-cuerpo[contenteditable="false"] { opacity: .8; }

/* Menús flotantes */
.no-menu-flotante { position: fixed; z-index: 50; min-width: 220px; max-width: min(320px, calc(100vw - 16px)); max-height: 70vh; overflow-y: auto; padding: 6px; border: 1px solid var(--linea); border-radius: 14px; background: var(--blanco); color: var(--tinta); box-shadow: 0 20px 56px rgba(10, 14, 24, .24); }
.no-menu-flotante[hidden] { display: none; }
.no-menu-flotante hr { border: 0; border-top: 1px solid var(--linea); margin: 5px 4px; }
.no-menu-item { width: 100%; display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 6px 12px; border: 0; border-radius: 9px; background: none; cursor: pointer; text-align: left; font-size: 14.5px !important; }
.no-menu-item:hover, .no-menu-item:focus-visible { background: color-mix(in srgb, var(--tinta) 6%, transparent); outline: none; }
.no-menu-item.peligro { color: var(--pdf) !important; }
.no-menu-item[aria-checked="true"] { font-weight: 700 !important; }
.no-menu-item[aria-checked="true"]::after { content: "✓"; margin-left: auto; color: var(--no-acento); }
.no-muestra { width: 18px; height: 18px; border-radius: 50%; background: var(--c); border: 1px solid color-mix(in srgb, var(--tinta) 15%, transparent); flex: 0 0 auto; }
.no-muestra.color-ninguno { background: var(--blanco); background-image: linear-gradient(135deg, transparent 45%, var(--tinta-3) 45%, var(--tinta-3) 55%, transparent 55%); }

/* Diálogos */
.no-dialogo { width: min(520px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 0; border: 1px solid var(--linea); border-radius: 20px; background: var(--blanco); color: var(--tinta); box-shadow: 0 30px 80px rgba(10, 14, 24, .28); overflow-y: auto; }
.no-dialogo::backdrop { background: rgba(14, 18, 28, .42); backdrop-filter: blur(3px); }
.no-dialogo-cuerpo { display: flex; flex-direction: column; gap: 16px; padding: 18px 22px 20px; }
.no-dialogo header { display: flex; align-items: center; gap: 12px; }
.no-dialogo header h2 { flex: 1; margin: 0; font: 720 21px/1.2 var(--titulo); }
.no-dialogo footer { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: flex-end; }
.no-dialogo p { margin: 0; color: var(--tinta-2); line-height: 1.5; }
.no-dialogo-texto { display: flex; flex-direction: column; gap: 8px; }
.no-dialogo .campo small { font-weight: 400; color: var(--tinta-3); }
.no-dialogo .campo select { font: inherit; font-size: 16px; padding: 8px 12px; border: 1px solid var(--linea-2); border-radius: 10px; min-height: 46px; width: 100%; background: var(--blanco); color: var(--tinta); }
.no-dialogo .campo[hidden], .no-casilla[hidden] { display: none; }
.no-dialogo .ca-icono { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; border: 0; background: none; cursor: pointer; color: var(--tinta-2) !important; }
.no-dialogo .ca-icono:hover { background: color-mix(in srgb, var(--tinta) 7%, transparent); }
.no-dialogo .aviso[hidden] { display: none; }
.no-casilla { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; line-height: 1.45; cursor: pointer; color: var(--tinta-2); }
.no-casilla input { width: 20px; height: 20px; margin-top: 1px; flex: 0 0 auto; accent-color: var(--no-acento, var(--texto)); }
.no-soltar { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 110px; padding: 18px; border: 2px dashed var(--linea-2); border-radius: 14px; cursor: pointer; text-align: center; }
.no-soltar:hover, .no-soltar:focus-within { border-color: var(--no-acento, var(--texto)); }

/* Botón «Nueva nota» flotante en el móvil */
.no-lista { position: relative; }
.no-fab { position: absolute; right: 16px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 6; display: grid; place-items: center; width: 58px; height: 58px; border: 0; border-radius: 18px; background: var(--no-acento); color: var(--sobre-acento, #fff) !important; cursor: pointer; box-shadow: 0 10px 26px color-mix(in srgb, var(--no-acento) 40%, transparent); }
.no-fab svg { width: 26px; height: 26px; stroke-width: 2; }
@media (min-width: 1000px) { .no-fab { display: none; } }

/* Avisos flotantes */
.no-tostada { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 60; display: flex; align-items: center; gap: 14px; max-width: min(92vw, 560px); padding: 12px 14px 12px 18px; border-radius: 14px; background: #15171c; color: #fff; font-size: 15px; box-shadow: 0 14px 40px rgba(0, 0, 0, .3); animation: no-sube .2s ease-out; }
.no-tostada[hidden] { display: none; }
.no-tostada.es-error { background: #8a1c1c; }
.no-tostada-accion { border: 0; background: rgba(255, 255, 255, .14); color: #fff !important; font-weight: 700 !important; padding: 8px 12px; border-radius: 10px; cursor: pointer; white-space: nowrap; }
@keyframes no-sube { from { opacity: 0; transform: translate(-50%, 8px); } }

/* Móvil */
@media (max-width: 999px) {
  .no-herr { padding: 4px; flex-wrap: wrap; overflow: visible; row-gap: 2px; }
  .no-formato { order: 3; flex: 1 1 100%; overflow-x: auto; scrollbar-width: none; border-top: 1px solid var(--linea); padding-top: 2px; }
  .no-formato::-webkit-scrollbar { display: none; }
  .no-papel { padding: 16px 16px 80px; }
  .no-lista { border-right: 0; }
}
@media (max-width: 640px) {
  .no-dialogo { width: 100vw; max-width: 100vw; max-height: 100dvh; border-radius: 20px 20px 0 0; margin: auto 0 0; }
}

/* Imprimir una nota */
@media print {
  body.con-notas { height: auto; overflow: visible; }
  body.no-imprimiendo header, body.no-imprimiendo footer, body.no-imprimiendo .no-lateral, body.no-imprimiendo .no-lista, body.no-imprimiendo .no-herr, body.no-imprimiendo .no-pie, body.no-imprimiendo .no-meta, body.no-imprimiendo .no-avisos, body.no-imprimiendo .no-tostada { display: none !important; }
  body.no-imprimiendo .notas { display: block; }
  body.no-imprimiendo .no-editor, body.no-imprimiendo .no-hoja { display: block !important; background: #fff; }
  body.no-imprimiendo .no-papel { overflow: visible; padding: 0; }
  body.no-imprimiendo .no-cuerpo { min-height: 0; color: #000; }
}

/* Captura rápida con fecha en lenguaje natural */
.no-rapida { position: relative; margin: 0 14px 8px; }
.no-rapida > svg { position: absolute; left: 12px; top: 21px; transform: translateY(-50%); width: 18px; height: 18px; color: var(--tinta-3); fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.no-rapida-entrada { width: 100%; min-height: 42px; padding: 0 12px 0 38px; border: 1px solid var(--linea); border-radius: 12px; background: var(--blanco); color: var(--tinta); font: inherit; font-size: 15px; }
.no-rapida-entrada:focus { outline: 2px solid var(--no-acento); outline-offset: 0; }
.no-rapida-vista { margin-top: 6px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px 10px; border-radius: 10px; background: color-mix(in srgb, var(--no-acento) 9%, var(--blanco)); font-size: 14px; }
.no-rapida-vista[hidden] { display: none; }
.no-rapida-txt { flex: 1; min-width: 0; line-height: 1.35; }
.no-rapida-txt b { font-weight: 650; }