/* ★v3.429 目录树「文本模式」（treeedit.429.css）
   只装这一个模式的样式；把「名字」从单行省略变成能直接写字的多行内容区。
   ★作用范围只到「真正能改名的行」（.tnode[data-tec] / .nm.te）——
     固定入口那些行（全部文档 / 回收站 / 使用说明…）一个字都不动，
     所以开这个开关时工具条不会上下跳（第一版就是全 .tnode 都吃到样式，
     十来行各长 2px，工具条被顶下去 22px，探针抓到的）。 */

/* 名字所在行：多行时顶部对齐，图标/箭头/计数留在第一行 */
html.tecmode #tbody .tnode[data-tec]{align-items:flex-start}

/* 名字：可以写字的内容区 —— 折行显示（多行）、可选中、文本光标 */
html.tecmode #tbody .tnode .nm.te{
  flex:1 1 auto;min-width:1.4em;
  white-space:pre-wrap;overflow:visible;text-overflow:clip;
  word-break:break-word;overflow-wrap:anywhere;
  line-height:1.45;
  padding:1px 3px;margin:-1px 0;border-radius:5px;
  cursor:text;outline:none;
  -webkit-user-select:text;user-select:text;
}
/* 平时不加任何装饰（目录看上去跟原来一样干净）；指上去才亮一条底边 ——
   「这里是能直接改的」。第一版是常亮底边，因为 .nm 是 flex:1 会撑满整行，
   结果每一行都是一条通到底的横线，太吵，改成悬停才出。 */
html.tecmode #tbody .tnode .nm.te:hover{
  background:var(--hov);
  box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--acc) 45%,transparent);
}
html.tecmode #tbody .tnode .nm.te.editing{
  background:var(--panel);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 42%,transparent);
}
/* 正在编辑的那一行整体提一点，跟"选中"区分开 */
html.tecmode #tbody .tnode.teenow{background:var(--hov)}

/* 名字变高之后，这一行里其它小件留在第一行的位置 */
html.tecmode #tbody .tnode[data-tec] .car,
html.tecmode #tbody .tnode[data-tec] .ic,
html.tecmode #tbody .tnode[data-tec] .del,
html.tecmode #tbody .tnode[data-tec] .pin,
html.tecmode #tbody .tnode[data-tec] .ct,
html.tecmode #tbody .tnode[data-tec] .st,
html.tecmode #tbody .tnode[data-tec] .nf,
html.tecmode #tbody .tnode[data-tec] .bxc,
html.tecmode #tbody .tnode[data-tec] .dstar,
html.tecmode #tbody .tnode[data-tec] .fzb{margin-top:1px}

/* 文本模式下，这一行的"手型"只在名字以外的地方出现 */
html.tecmode #tbody .tnode[data-tec]{cursor:default}

/* 手机：折行后行距放开一点，别挤成一片 */
@media (max-width:480px){
  html.tecmode #tbody .tnode .nm.te{line-height:1.55;padding:2px 3px}
  html.tecmode #tbody .tnode[data-tec]{padding-top:6px;padding-bottom:6px}
}

/* ===== v3.429 追加 ===== */

/* 1) 开文本模式＝目录全部展开，文件都在眼前。
      能收起一挂的是行首那个 ▾ —— 让它看得见、点得到。 */
html.tecmode #tbody .tnode[data-folder] .car,
html.tecmode #tbody .tnode[data-doc] .car{
  cursor:pointer;border-radius:5px;width:14px;text-align:center;
}
html.tecmode #tbody .tnode[data-folder] .car:hover{
  background:var(--hov);
  box-shadow:0 0 0 3px var(--hov);
}

/* 2) 文本模式＝看字，不看按钮。
      行尾那排（★ 星级 / ⋯ 设置 / 聚焦 / 置顶 / 计数）不显示：
      它们占掉半行宽，名字被挤成 5 字宽的窄带，长名字要折七八行，不像在写字。
      关掉开关它们全部回来。留下的只有"结构"：缩进线、▾、文件夹/文档图标。
      ★范围按"目录树里的行"算（[data-folder] / [data-doc]），不绑 [data-tec]：
        否则前台只读身份开文本模式时一行都不带 data-tec，按钮照旧全冒出来，
        白白展开一场还是老样子。固定入口那几行没有这两个属性，不会被误伤。 */
html.tecmode #tbody .tnode[data-folder] .dstar,
html.tecmode #tbody .tnode[data-doc] .dstar,
html.tecmode #tbody .tnode[data-folder] .fzb,
html.tecmode #tbody .tnode[data-doc] .fzb,
html.tecmode #tbody .tnode[data-folder] .pin,
html.tecmode #tbody .tnode[data-doc] .pin,
html.tecmode #tbody .tnode[data-folder] .del,
html.tecmode #tbody .tnode[data-doc] .del,
html.tecmode #tbody .tnode[data-folder] .ct,
html.tecmode #tbody .tnode[data-doc] .ct,
html.tecmode #tbody .tnode[data-folder] .st,
html.tecmode #tbody .tnode[data-doc] .st,
html.tecmode #tbody .tnode[data-folder] .nf,
html.tecmode #tbody .tnode[data-doc] .nf{display:none}

/* 3) 名字于是可以写满整行 */
html.tecmode #tbody .tnode .nm.te{flex:1 1 auto;width:auto}

/* 4) "前台只读"身份开的文本模式：名字照样完整折行 —— 只是不能改。
      只读身份一行都不带 .te（没得改），但"要显示文件"这条对谁都成立：
      名字被省略号截掉半截，等于又看不全了。 */
html.tecmode #tbody .tnode[data-folder],
html.tecmode #tbody .tnode[data-doc]{align-items:flex-start}
html.tecmode #tbody .tnode[data-folder] .nm,
html.tecmode #tbody .tnode[data-doc] .nm{
  white-space:pre-wrap;overflow:visible;text-overflow:clip;
  word-break:break-word;overflow-wrap:anywhere;line-height:1.45;
}
html.tecmode #tbody .tnode[data-folder] .ic,
html.tecmode #tbody .tnode[data-doc] .ic,
html.tecmode #tbody .tnode[data-folder] .car{margin-top:1px}

/* 4) "前台只读"身份开的文本模式：名字照样完整折行 —— 只是不能改。
      只读身份一行都不带 .te（没得改），但"要显示文件"这条对谁都成立：
      名字被省略号截掉半截，等于又看不全了。 */
html.tecmode #tbody .tnode[data-folder],
html.tecmode #tbody .tnode[data-doc]{align-items:flex-start}
html.tecmode #tbody .tnode[data-folder] .nm,
html.tecmode #tbody .tnode[data-doc] .nm{
  white-space:pre-wrap;overflow:visible;text-overflow:clip;
  word-break:break-word;overflow-wrap:anywhere;line-height:1.45;
}
html.tecmode #tbody .tnode[data-folder] .ic,
html.tecmode #tbody .tnode[data-doc] .ic,
html.tecmode #tbody .tnode[data-folder] .car{margin-top:1px}