/* ============================================================
   排版整改 切片F（81/96-105）：回收站/分享/备份/风格/偏好类
   只复用既有 CSS 变量，不新增色值；不删功能。
   ============================================================ */

/* ---------- 通用：F 模块内列表行 / 空状态 ---------- */
.f-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:12px;margin-bottom:6px;background:var(--bg-soft);font-size:13px;}
.f-item .f-main{flex:1;min-width:0;}
.f-item .f-t{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.f-item .f-s{font-size:12px;color:var(--text-muted);margin-top:2px;line-height:1.5;}
.f-item .f-ops{display:flex;gap:6px;flex-shrink:0;}
.f-empty{padding:26px 12px;text-align:center;color:var(--text-muted);font-size:13px;}
.f-empty .f-empty-ico{font-size:24px;display:block;margin-bottom:8px;opacity:.6;}
.f-tag{display:inline-block;font-size:12px;padding:1px 7px;border-radius:999px;line-height:1.6;}
.f-tag-mine{background:var(--primary-soft);color:var(--primary);}
.f-tag-pub{background:var(--muted-soft);color:var(--text-muted);}
.f-tag-warn{background:var(--warn-soft);color:var(--warn);}
.f-tag-ok{background:var(--success-soft);color:var(--success);}
.f-chipbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;}
.f-chip{font-size:12px;padding:4px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text-muted);cursor:pointer;}
.f-chip.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);}
.f-hint{font-size:12px;color:var(--text-muted);line-height:1.6;margin-top:6px;}
.f-warnbar{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn);border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.6;margin:8px 0;}
.f-row{display:flex;gap:10px;align-items:center;margin:8px 0;}
.f-row label{font-size:13px;color:var(--text);display:flex;gap:6px;align-items:center;cursor:pointer;}
.f-inp{padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);color:var(--text);font-size:13px;outline:none;}
.f-inp:focus{border-color:var(--primary);}
.f-textarea{width:100%;min-height:64px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);color:var(--text);font-size:13px;resize:vertical;font-family:inherit;outline:none;}
.f-textarea:focus{border-color:var(--primary);}

/* ---------- 96 风格预设 ---------- */
.f-sp-row{border:1px solid var(--border);border-radius:12px;padding:9px 10px;margin-bottom:6px;background:var(--bg-soft);}
.f-sp-row .f-sp-head{display:flex;align-items:center;gap:8px;}
.f-sp-row .f-sp-name{font-weight:600;font-size:13px;color:var(--text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.f-sp-row .f-sp-prev{font-size:12px;color:var(--text-muted);margin-top:5px;line-height:1.5;max-height:44px;overflow:hidden;}

/* ---------- 97 台词去重（差异对比复用 v7_conflict 视觉） ---------- */
.f-dd-group{border:1px solid var(--border);border-radius:12px;padding:8px 10px;margin-bottom:8px;}
.f-dd-group .f-dd-t{font-size:13px;font-weight:600;margin-bottom:6px;}
.f-dd-cell{display:flex;gap:8px;}
.f-dd-cell .f-dd-side{flex:1;min-width:0;border-radius:8px;padding:6px 8px;background:var(--card);border:1px solid var(--border);font-size:12px;}
.f-dd-cell .f-dd-side .f-dd-lab{font-size:12px;color:var(--text-muted);margin-bottom:3px;}
.f-dd-cell .f-dd-side.diff{outline:1px solid var(--warn);outline-offset:-1px;}

/* ---------- 98 SRT 时间轴 ---------- */
.f-srt-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;margin-bottom:5px;background:var(--bg-soft);font-size:12px;}
.f-srt-row .f-srt-no{width:22px;color:var(--text-muted);text-align:center;flex-shrink:0;}
.f-srt-row .f-srt-t{width:150px;flex-shrink:0;display:flex;gap:4px;align-items:center;}
.f-srt-row .f-srt-t input{width:68px;padding:3px 5px;font-size:12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);}
.f-srt-row .f-srt-txt{flex:1;min-width:0;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ---------- 100/101 回收站 ---------- */
.f-rb-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.f-rb-note{font-size:12px;color:var(--text-muted);line-height:1.6;margin-top:8px;border-top:1px dashed var(--border);padding-top:8px;}

/* ---------- 102 分享管理 ---------- */
.f-link-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;margin-bottom:6px;background:var(--bg-soft);font-size:12px;}
.f-link-row .f-link-url{flex:1;min-width:0;color:var(--primary);word-break:break-all;}

/* ---------- 103 只读访客 ---------- */
body.readonly .lockable{opacity:.45;pointer-events:none !important;filter:grayscale(.4);}
body.readonly .byok-ro-tip{
  position:fixed;left:0;right:0;top:0;z-index:1500;
  background:var(--warn-soft);color:var(--warn);
  border-bottom:1px solid var(--warn);
  text-align:center;font-size:13px;padding:6px 12px;line-height:1.5;
}

/* ---------- 104 本地备份 ---------- */
.f-bk-check{display:flex;flex-direction:column;gap:7px;margin:8px 0;}