/* 第三阶段增量：沿用原色板、圆角与按钮，不改变词卡或星星罐。 */
.input-methods { display:flex; gap:6px; flex-wrap:wrap; margin:0 0 12px; }
.method-button { padding:6px 11px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink-soft); font-size:.72rem; font-weight:800; }
.method-button.is-active { background:var(--green-pale); border-color:#a5d7bb; color:var(--green-dark); }
.document-drop-zone { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; margin:0 0 13px; padding:11px; border:1px dashed #bbcfbf; border-radius:12px; background:#f7fbf7; color:var(--green-dark); font-size:.72rem; line-height:1.5; }
.document-drop-zone svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.drop-zone-limit { display:block; color:var(--muted); font-size:.62rem; }
.document-drop-zone.is-over { border-color:var(--green); background:var(--green-pale); }
.document-import-status { display:flex; justify-content:space-between; gap:8px; align-items:center; margin:10px 0; padding:10px 12px; background:var(--yellow-pale); border-radius:10px; font-size:.72rem; overflow-wrap:anywhere; }
.document-import-status button { flex:none; border:0; background:transparent; color:var(--green-dark); font-weight:800; }
.prepare-document-button { width:100%; padding:10px; margin-top:12px; color:var(--green-dark); border:1px solid #badac7; border-radius:12px; background:var(--green-pale); font-size:.76rem; font-weight:800; }
.document-preview h3 { margin:4px 0 5px; font-size:1.05rem; overflow-wrap:anywhere; line-height:1.5; }
.document-stats { margin:0 0 10px; color:var(--muted); font-size:.71rem; }
.document-warnings { background:var(--yellow-pale); padding:8px 10px; border-radius:10px; color:#775e17; font-size:.7rem; white-space:pre-wrap; }
.document-text-details summary, .document-directory summary { cursor:pointer; color:var(--ink-soft); font-size:.73rem; font-weight:800; padding:8px 0; }
.document-text-preview { max-height:210px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; background:var(--surface-soft); border:1px solid var(--line); padding:12px; border-radius:12px; font-family:var(--font-ui); font-size:.77rem; line-height:1.8; }
.document-progress { margin:10px 0; color:var(--green-dark); font-size:.72rem; }
.document-preview-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.document-preview-actions .analyze-button { min-height:42px; padding:10px 16px; }
.document-preview-actions .sample-button { font-size:.66rem; }
.document-segment-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:7px; max-height:240px; overflow:auto; padding:4px; }
.document-segment-list button { padding:9px; border:1px solid var(--line); border-radius:10px; background:var(--surface); font-size:.68rem; text-align:left; }
.document-segment-list button.is-current { border-color:var(--green); box-shadow:0 0 0 1px var(--green); }
.document-segment-list button.is-analyzed { background:var(--green-pale); }
.document-segment-list small { display:block; color:var(--muted); }
.document-navigation { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; align-items:center; padding:12px 16px; margin:0 0 13px; background:var(--surface); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow-sm); }
.document-nav-copy { min-width:0; display:flex; flex-direction:column; font-size:.78rem; overflow-wrap:anywhere; }
.document-nav-copy span { font-size:.65rem; color:var(--muted); }
.document-nav-actions { display:flex; flex-wrap:wrap; gap:7px; }
.document-nav-actions button { padding:7px 11px; background:var(--green-pale); border:1px solid #c2dfce; border-radius:9px; color:var(--green-dark); font-size:.7rem; font-weight:800; }
.document-nav-actions button:disabled { opacity:.45; cursor:default; }
.document-navigation[hidden], .document-preview[hidden], .document-import-status[hidden], .prepare-document-button[hidden] { display:none; }
@media(max-width:600px) {
  .document-navigation { padding:11px; gap:9px; }
  .document-nav-actions { width:100%; justify-content:space-between; }
  .document-nav-actions button { flex:1; white-space:nowrap; padding:8px 6px; }
  .document-drop-zone { padding:9px; }
  .document-preview-actions { gap:7px; }
  .document-stats { font-size:.66rem; }
}