/* _notes_box.css: look of the quick notes box (_notes_box.js). Used by customer-card.html and call.html. Tokens come from _ds.css. */
.nb{margin:14px 0}
.nb__title{margin:0 0 10px;font-size:15px}
.nb__row{display:flex;gap:10px;align-items:stretch}
.nb__txt{flex:1;min-height:44px;resize:vertical;padding:10px 12px;font:inherit;line-height:1.5;border:1px solid var(--v-line,#D8DEEB);border-radius:10px;background:var(--v-surface,#fff);color:var(--v-ink,#14213D)}
.nb__txt:focus{outline:2px solid var(--v-accent,#2C5BD3);outline-offset:1px}
.nb__save{min-width:84px;min-height:44px;flex:none}
.nb__hint{margin:6px 0 0;font-size:12px;color:var(--v-muted,#6B7794)}
.nb__meta{margin:8px 0 0;font-size:12.5px;color:var(--v-muted,#6B7794)}
.nb__list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.nb__item{padding:10px 12px;border:1px solid var(--v-line,#E3E8F2);border-radius:10px;background:var(--v-surface-2,#F7F9FC)}
.nb__item.is-new{border-color:var(--v-accent,#2C5BD3)}
.nb__item.is-failed{border-color:var(--v-bad,#B3261E)}
.nb__by{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--v-muted,#6B7794)}
.nb__by b{color:var(--v-ink,#14213D);font-size:13px}
.nb__tag{font-style:normal;padding:1px 8px;border-radius:999px;background:var(--v-line,#E3E8F2);font-size:12px}
.nb__tag.is-bad{background:var(--v-bad,#B3261E);color:#fff}
.nb__item.is-old .nb__text{max-height:9.5em;overflow:auto}   /* old notes can be a whole page of text: they scroll inside their own box */
.nb__text{margin:6px 0 0;white-space:pre-line;line-height:1.65;font-size:14px;overflow-wrap:anywhere}
/* 17.10.2026 (NV-2026-10-17-009): edit one earlier note, keep the old versions in view */
.nb__edit{margin-inline-start:auto;border:0;background:transparent;color:var(--v-accent,#2C5BD3);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:6px}
.nb__edit:hover,.nb__edit:focus-visible{background:var(--v-line,#E3E8F2)}
.nb__editbox{margin-top:8px;display:grid;gap:8px}
.nb__vers{margin-top:8px;font-size:12.5px}
.nb__vers summary{cursor:pointer;color:var(--v-muted,#6B7794)}
.nb__vers .nb__item{background:transparent}
@media (max-width:640px){
  .nb__row{flex-direction:column}
  .nb__save{width:100%}
}

/* 23.10.2026 (NV-2026-10-23-006): a note is one line (who, when, first words) that opens in place. Same tokens as above. */
.nb__note > summary{display:flex;gap:8px;align-items:center;min-width:0;cursor:pointer;list-style:none}
.nb__note > summary::-webkit-details-marker{display:none}
.nb__note > summary::after{content:"";flex:none;width:8px;height:8px;border:solid var(--v-muted,#6B7794);border-width:0 0 2px 2px;transform:rotate(-45deg);margin-inline-start:auto;transition:transform .15s}
.nb__note[open] > summary::after{transform:rotate(135deg)}
.nb__note > summary:focus-visible{outline:2px solid var(--v-accent,#2C5BD3);outline-offset:2px;border-radius:6px}
.nb__sum b{color:var(--v-ink,#14213D);font-size:13px;flex:none}
.nb__sum span{font-size:12px;color:var(--v-muted,#6B7794);flex:none}
.nb__sum .nb__pv{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:var(--v-ink,#14213D)}
.nb__note[open] > summary .nb__pv{display:none}
.nb__note > .nb__text{margin-top:8px}
.nb__item,.nb__note{min-width:0}

/* L1-28-10 (Lihi 08d848e9, 28.10.2026): the card's one-line box can be stretched down by its corner, like the call screen. _ds.css fixes .nb.is-compact .nb__txt at 44px with resize:none; this selector is one step stronger. */
section.nb.is-compact .nb__txt{resize:vertical;max-height:60vh}