/* Note sul luogo (note-luogo.js): sezione nella scheda del luogo. Per toglierla basta togliere il <link> da index.html. */
.nl-box { margin: 4px 0 18px; display: flex; flex-direction: column; gap: 8px; }
.nl-t { margin: 0; display: flex; align-items: center; gap: 6px; font-size: 11px; letter-spacing: .6px; text-transform: uppercase; color: var(--accent, #ff50c5); font-weight: 600; }
.nl-t em { font-style: normal; color: var(--muted, #9aa); font-weight: 400; }
.nl-box textarea, .nl-box input[type=search] {
  width: 100%; box-sizing: border-box; font: inherit; font-size: 13px; color: inherit; line-height: 1.45;
  background: var(--surface-raised, rgba(255,255,255,.07)); border: 1px solid var(--border, rgba(255,255,255,.14));
  border-radius: 8px; padding: 8px 10px; resize: vertical;
}
.nl-box textarea:focus, .nl-box input[type=search]:focus { outline: 2px solid var(--accent, #ff50c5); outline-offset: -1px; }
.nl-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.nl-sync { font-size: 11px; color: var(--muted, #9aa); }
.nl-sync.off { color: #ffb547; }
.nl-add { min-height: 36px; padding: 6px 14px; }
.nl-cerca { display: flex; align-items: center; gap: 8px; }
.nl-cerca input[type=search] { flex: 1; min-width: 0; padding: 6px 10px; }
.nl-tutti { display: flex; align-items: center; gap: 5px; font-size: 11px; white-space: nowrap; color: var(--muted, #9aa); cursor: pointer; }
.nl-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; max-height: 360px; overflow-y: auto; }
.nl-list li { background: var(--surface-raised, rgba(255,255,255,.07)); border: 1px solid var(--border, rgba(255,255,255,.14)); border-radius: 8px; padding: 8px 10px; display: flex; flex-direction: column; gap: 5px; }
.nl-list li.nl-vuoto { background: none; border-style: dashed; font-size: 12px; color: var(--muted, #9aa); }
.nl-data { margin: 0; font-size: 10.5px; color: var(--muted, #9aa); font-variant-numeric: tabular-nums; }
.nl-luogo { margin: 0; font-size: 11px; font-weight: 600; }
.nl-link { background: none; border: 0; padding: 0; font: inherit; color: var(--accent, #ff50c5); cursor: pointer; text-align: left; text-decoration: underline; }
.nl-testo { margin: 0; font-size: 13px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
.nl-testo mark { background: rgba(255, 80, 197, .35); color: inherit; border-radius: 2px; }
.nl-btns { display: flex; gap: 6px; justify-content: flex-end; }
.nl-btns .button { min-height: 30px; padding: 4px 10px; font-size: 11px; }
.nl-btns .button.nl-conferma { color: #fff; background: rgba(255, 80, 80, .35); border-color: #ff6b6b; }
@media (hover: none) and (pointer: coarse) {
  .nl-btns .button, .nl-add { min-height: 44px; padding: 8px 14px; }
  .nl-list { max-height: none; }
}