/* ==========================================================================
   图片上传 · 发帖编辑器与回复框共用
   ========================================================================== */

.upload-input-hidden { display: none !important; }

/* 操作提示 */
.upload-tip {
  display: block;
  margin: 7px 2px 0;
  font-size: 11.5px;
  line-height: 1.55;
  color: var(--faint);
}
.reply-tools .upload-tip { margin: 0; }

/* 上传状态条：hidden 必须强制覆盖，否则被 flex / block 顶开 */
.upload-status {
  margin: 7px 2px 0;
  padding: 7px 10px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--hover);
  color: var(--text2);
  font-size: 12.5px;
  line-height: 1.45;
}
.upload-status[hidden] { display: none !important; }
.upload-status.is-busy { color: var(--tertiary); }
.upload-status.is-ok { color: var(--success); }
.upload-status.is-error { color: var(--danger); }

/* 上传中的按钮 */
.md-toolbar button:disabled,
.reply-upload-btn:disabled { opacity: .55; cursor: default; }
.md-toolbar button.is-busy svg { animation: upload-spin 1s linear infinite; }
@keyframes upload-spin { to { transform: rotate(360deg); } }

/* 拖入文件时高亮编辑区 */
.compose-editor.is-dragover,
.reply-box textarea.is-dragover {
  border-color: var(--tertiary) !important;
  background: rgba(0, 136, 204, .06);
  box-shadow: inset 0 0 0 1px var(--tertiary);
}

/* 回复框工具行 */
.reply-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}
.reply-upload-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--secondary);
  color: var(--text2);
  font-family: inherit;
  font-size: 12.5px;
  cursor: pointer;
  transition: color .12s, border-color .12s, background .12s;
}
.reply-upload-btn:hover { color: var(--tertiary); border-color: var(--tertiary); }
.reply-upload-btn svg { width: 14px; height: 14px; }

@media (max-width: 720px) {
  .reply-tools .upload-tip { flex-basis: 100%; }
}