/**
 * Project: Trailer Tracker Part Deaux
 * Coder: Larry Vale
 * Version: 0.3.0
 * Created: 09-13-2026 19:30 MT
 * Updated: 09-13-2026 20:30 MT
 * Purpose: Shared Toolbox Notes — composer ~2.5in, filters, files, edit markers.
 */
.tbx-notes{
  margin-top:0;
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  height:100%;
  overflow:hidden;
}
.tbx-notes-head{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.35rem;flex-wrap:wrap;flex:0 0 auto}
.tbx-notes-title{font-weight:700;font-size:.8rem}
.tbx-notes-sub{color:var(--muted,#64748b);font-size:.62rem;font-weight:600}
.tbx-notes .composer{margin-bottom:.45rem;flex:0 0 auto}
.tbx-notes .compose-label{font-size:.68rem;font-weight:650;color:#334155;margin-bottom:.2rem}
.tbx-notes .ed-tools{display:flex;flex-wrap:wrap;gap:.25rem;padding:.3rem;border:1px solid var(--line,#e2e8f0);border-bottom:0;border-radius:6px 6px 0 0;background:#f8fafc}
.tbx-notes .ed-tools button{height:1.65rem;min-width:1.65rem;border:1px solid transparent;background:transparent;border-radius:4px;font-size:.78rem;cursor:pointer;color:#334155;font-weight:700}
.tbx-notes .ed-tools button:hover{background:#e2e8f0}
.tbx-notes .editor{min-height:2.5in;max-height:2.5in;overflow:auto;border:1px solid var(--line,#e2e8f0);border-radius:0 0 6px 6px;padding:.5rem .6rem;font-size:.9rem;outline:none;background:#fff;line-height:1.45}
.tbx-notes .editor:empty:before{content:attr(data-ph);color:#94a3b8}
.tbx-notes .editor img,
.tbx-notes .nb img{max-width:100%;height:auto;border-radius:.3rem;margin:.35rem 0;display:block}
.tbx-notes .meta-row{display:flex;gap:.45rem;margin-top:.45rem;align-items:center;flex-wrap:wrap}
.tbx-notes .tags-in{flex:1 1 180px;max-width:22rem;width:auto}
.tbx-notes .attach-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}
.tbx-notes .atch{display:inline-flex;align-items:center;gap:.3rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.3rem;padding:.15rem .4rem;font-size:.7rem}
.tbx-notes .atch a{color:#0f766e;text-decoration:none}
.tbx-notes .atch a:hover{text-decoration:underline}
.tbx-notes .atch-bytes{color:#94a3b8}
.tbx-notes .atch-rm{border:0;background:transparent;cursor:pointer;color:#64748b;font-size:.75rem;padding:0;line-height:1}
.tbx-notes .filter-bar{
  display:flex;flex-wrap:wrap;gap:.4rem;align-items:end;
  padding:.4rem .15rem .5rem;border-bottom:1px solid var(--line,#e2e8f0);
  background:#f8fafc;border-radius:6px 6px 0 0;flex:0 0 auto;margin-top:.15rem
}
.tbx-notes .filter-bar .field{min-width:130px;flex:1 1 140px}
.tbx-notes .filter-bar .field-grow{flex:2 1 220px}
.tbx-notes .filter-bar label{display:block;font-size:.62rem;letter-spacing:.02em;color:var(--muted,#64748b);font-weight:600;margin-bottom:.1rem}
.tbx-notes .filter-bar .q-in,
.tbx-notes .filter-bar .author-in{
  width:100%;height:2rem;border:1px solid #cbd5e1;border-radius:.35rem;padding:.15rem .4rem;font-size:.8rem;background:#fff
}
.tbx-notes .journal{border-top:0;margin-top:0;flex:1 1 auto;min-height:0;overflow:auto}
.tbx-notes .note-row{padding:.55rem .15rem .5rem;border-bottom:1px solid var(--line,#e2e8f0)}
.tbx-notes .note-row:last-child{border-bottom:none}
.tbx-notes .subs{margin:.1rem 0 .35rem 1.1rem;padding-left:.65rem;border-left:2px solid #99f6e4}
.tbx-notes .note-sub{background:#f8fafc;border-radius:6px;padding:.45rem .5rem;border-bottom:none;margin-bottom:.3rem}
.tbx-notes .nh{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}
.tbx-notes .who-wrap{flex:1 1 auto;min-width:0}
.tbx-notes .hd-acts{margin-left:auto;display:flex;gap:.25rem;flex-wrap:wrap}
.tbx-notes .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.62rem;font-weight:700;background:#0f766e;flex-shrink:0}
.tbx-notes .who-n{font-size:.85rem;font-weight:600}
.tbx-notes .own{font-size:.62rem;color:#0f766e;font-weight:700;margin-left:.3rem}
.tbx-notes .when{font-size:.72rem;color:var(--muted,#64748b)}
.tbx-notes .edited{font-style:italic}
.tbx-notes .nb{margin:.3rem 0 .3rem 36px;font-size:.9rem;line-height:1.45}
.tbx-notes .note-sub .nb{margin-left:36px}
.tbx-notes .nb ul,.tbx-notes .nb ol{margin:.2rem 0 .2rem 1.1rem;padding:0}
.tbx-notes .nb a{color:#0f766e}
.tbx-notes .tags,.tbx-notes .files{margin-left:36px;display:flex;flex-wrap:wrap;gap:.25rem}
.tbx-notes .note-sub .tags,.tbx-notes .note-sub .files{margin-left:36px}
.tbx-notes .tag{background:#ecfdf5;color:#115e59;font-size:.68rem;font-weight:600;padding:.12rem .4rem;border-radius:999px}
.tbx-notes .btn-reply,.tbx-notes .btn-edit{font-size:.68rem !important;padding:.15rem .45rem !important}
.tbx-empty{padding:.85rem .25rem;color:var(--muted,#64748b);font-size:.9rem}