.nt-view{
  flex:1;
  min-width:0;
  display:flex;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
}

.nt-view[hidden]{display:none}

body.app-reveal .nt-view{animation:riseIn .5s ease .18s backwards}

.nt-note-row .tree-label{
  text-transform:none;
  letter-spacing:.01em;
}

.nt-note-row .t-icon{margin-left:2px}

.nt-pin-mark{
  width:12px;height:12px;
  margin-left:auto;
  flex-shrink:0;
  color:var(--blue);
}

.nt-doc{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
}

.nt-doc[hidden]{display:none}

.nt-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px 10px;
  flex-shrink:0;
}

.nt-head-main{flex:1;min-width:0}

.nt-title{
  font-size:18px;
  font-weight:800;
  line-height:1.25;
  color:var(--text);
  outline:none;
  cursor:text;
  caret-color:var(--blue);
  overflow-wrap:break-word;
}

.nt-title:empty::before{
  content:attr(data-placeholder);
  color:var(--dim);
}

.nt-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:9px;
  font-size:11px;
  color:var(--dim);
}

.nt-sep{color:var(--border-hi)}

.nt-save{
  font-weight:700;
  letter-spacing:.06em;
  color:var(--dim);
  transition:color .15s ease;
}

.nt-save.saved{color:var(--green)}

.nt-head-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}

/* ikony w kafelkach — spójnie z topbarami (Odchłań itd.) */
.nt-head-actions .icon-btn{
  width:36px;height:36px;
  border-radius:7px;
  background:#12151A;
  border:1px solid var(--border);
  color:var(--muted);
  transition:color .15s ease, background .15s ease, border-color .15s ease;
}
.nt-head-actions .icon-btn svg{width:16px;height:16px}
.nt-head-actions .icon-btn:hover{color:#fff;background:#171B21;border-color:var(--border-hi)}

.nt-head-actions .icon-btn.active{color:var(--blue);border-color:#26405C;background:rgba(76,159,255,.08)}

.nt-head-actions .icon-btn.active:hover{color:#5FA8FF;background:rgba(76,159,255,.14)}

.nt-head-actions .nt-del:hover{color:#F4655F;border-color:#4A2626;background:rgba(244,101,95,.08)}

.nt-confirm{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 16px 10px;
  padding:8px 8px 8px 11px;
  background:#171B21;
  border:1px solid var(--border);
  border-radius:7px;
  flex-shrink:0;
}

.nt-confirm[hidden]{display:none}

.nt-confirm-text{
  flex:1;
  min-width:0;
  font-size:12px;
  line-height:1.45;
  color:var(--text-soft);
}

.nt-confirm-text b{color:#fff;font-weight:700}

.nt-cbtn{
  height:28px;
  padding:0 14px;
  flex-shrink:0;
  border:1px solid var(--border);
  border-radius:4px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  color:var(--muted);
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}

.nt-cbtn:hover{background:#1B2027;border-color:var(--border-hi);color:var(--text)}

.nt-cbtn.nt-danger{color:#F4655F;border-color:rgba(244,101,95,.35)}

.nt-cbtn.nt-danger:hover{background:rgba(244,101,95,.10);border-color:#F4655F;color:#F4655F}

.nt-tags{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  padding:0 16px 12px;
  border-bottom:1px solid #1A1F26;
  flex-shrink:0;
}

.nt-tag{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px 4px 3px 10px;
}

.nt-tag-x{
  width:17px;height:17px;
  display:flex;align-items:center;justify-content:center;
  border-radius:3px;
  color:var(--dim);
  transition:color .15s ease, background .15s ease;
}

.nt-tag-x svg{width:9px;height:9px}

.nt-tag-x:hover{color:#F4655F;background:rgba(244,101,95,.12)}

.nt-addtag{
  margin-top:0;
  gap:6px;
  padding:3px 3px 3px 11px;
}

.nt-addtag input{flex:none;width:104px}

.nt-addtag button{width:22px;height:22px}

.nt-addtag button svg{width:12px;height:12px}

.nt-body{
  flex:1;
  min-height:0;
  overflow-y:auto;
  padding:14px 16px 36px;
  cursor:text;
}

.nt-text{
  min-height:220px;
  font-size:14px;
  line-height:1.7;
  color:#D9DEE6;
  outline:none;
  cursor:text;
  caret-color:var(--blue);
  white-space:pre-wrap;
  overflow-wrap:break-word;
}

.nt-text:empty::before{
  content:attr(data-placeholder);
  color:var(--dim);
}

.nt-empty{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:20px;
  text-align:center;
}

.nt-empty[hidden]{display:none}

.nt-empty svg{width:38px;height:38px;color:#2C333C}

/* cel upuszczenia "luzem" (poza folderami) przy przeciaganiu notatki */
#ntTree.drop-root{outline:1px dashed #4C9FFF;outline-offset:-3px;background:rgba(76,159,255,.04)}