/* BODHI Dashboard · css/feedback.css · 问题反馈按钮 + 面板 */
/* 按钮形态走 .topbar-btn（css/ui.css）——这里只留红点。 */
.fb-dot { position: absolute; top: -3px; right: -3px; width: 8px; height: 8px;
  border-radius: 50%; background: #ef4444; box-shadow: 0 0 0 2px #fff; }
.dark .fb-dot { box-shadow: 0 0 0 2px rgb(28 25 23); }

.fb-modal { width: min(680px, 94vw); max-height: 88vh; display: flex; flex-direction: column;
  background: var(--panel, #fff); border-radius: 12px; overflow: hidden;
  box-shadow: 0 16px 48px rgba(0,0,0,.35); }
.dark .fb-modal { background: #171717; color: #e5e5e5; }
.fb-modal-head { display: flex; align-items: center; gap: 8px; padding: 12px 16px;
  font-weight: 600; border-bottom: 1px solid rgba(120,120,120,.2); }
.fb-modal-me { font-size: 12px; opacity: .6; font-weight: 400; }
.fb-close { margin-left: auto; font-size: 20px; line-height: 1; opacity: .6; }
.fb-close:hover { opacity: 1; }

.fb-form { padding: 12px 16px; display: flex; flex-direction: column; gap: 8px; }
.fb-text { width: 100%; resize: vertical; font-size: 13px; padding: 8px 10px;
  border: 1px solid rgba(120,120,120,.3); border-radius: 8px; background: transparent; }
.fb-drop { font-size: 12px; opacity: .7; padding: 8px 10px; border: 1px dashed rgba(120,120,120,.4);
  border-radius: 8px; cursor: pointer; text-align: center; }
.fb-drop-hot { border-color: #f59e0b; background: rgba(245,158,11,.08); }
.fb-previews { display: flex; gap: 8px; flex-wrap: wrap; }
.fb-preview { position: relative; }
.fb-preview img { height: 72px; border-radius: 6px; border: 1px solid rgba(120,120,120,.3); }
.fb-preview-x { position: absolute; top: -6px; right: -6px; width: 18px; height: 18px;
  border-radius: 50%; background: #ef4444; color: #fff; font-size: 12px; line-height: 1; }
.fb-form-foot { display: flex; justify-content: flex-end; }
/* 与全站主行动按钮同色（金铜渐变，见 ui.css .btn-primary） */
.fb-submit { padding: 6px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; color: #fff;
  background: linear-gradient(135deg, var(--b-gold), var(--b-gold-deep));
  box-shadow: 0 1px 4px rgb(138 103 48 / .3); transition: box-shadow var(--b-ease), background var(--b-ease); }
.fb-submit:hover { background: linear-gradient(135deg, var(--b-gold-soft), var(--b-gold));
  box-shadow: 0 3px 10px -2px rgb(138 103 48 / .45); }
.fb-submit:disabled { opacity: .5; box-shadow: none; }

.fb-list-title { padding: 8px 16px 4px; font-size: 12px; opacity: .6;
  border-top: 1px solid rgba(120,120,120,.2); }
.fb-list { overflow-y: auto; padding: 4px 16px 16px; display: flex; flex-direction: column; gap: 10px; }
.fb-empty { font-size: 13px; opacity: .5; padding: 12px 0; text-align: center; }
.fb-item { border: 1px solid rgba(120,120,120,.2); border-radius: 10px; padding: 10px 12px;
  display: flex; flex-direction: column; gap: 6px; }
.fb-item-head { display: flex; align-items: center; gap: 8px; font-size: 12px; flex-wrap: wrap; }
.fb-id { font-family: ui-monospace, monospace; opacity: .6; }
.fb-user { font-weight: 600; }
.fb-page { font-family: ui-monospace, monospace; font-size: 11px; opacity: .5;
  max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fb-time { margin-left: auto; opacity: .5; }
.fb-st { padding: 1px 8px; border-radius: 999px; font-size: 11px; }
.fb-st-open { background: rgba(120,120,120,.15); }
.fb-st-doing { background: rgba(59,130,246,.18); color: #2563eb; }
.fb-st-fixed { background: rgba(16,185,129,.18); color: #059669; }
.fb-st-rejected { background: rgba(239,68,68,.15); color: #dc2626; }
.fb-item-text { font-size: 13px; white-space: pre-wrap; }
.fb-thumbs { display: flex; gap: 8px; flex-wrap: wrap; }
.fb-thumb img { height: 84px; border-radius: 6px; border: 1px solid rgba(120,120,120,.25); }
.fb-reply { font-size: 12px; background: rgba(16,185,129,.08); border-radius: 8px;
  padding: 6px 10px; white-space: pre-wrap; }
.fb-reply-tag { display: block; font-size: 11px; opacity: .55; margin-bottom: 2px; }
.fb-admin-row { display: flex; gap: 6px; align-items: center; }
.fb-sel { font-size: 12px; padding: 3px 6px; border: 1px solid rgba(120,120,120,.3);
  border-radius: 6px; background: transparent; }
.dark .fb-sel option { background: #171717; }
.fb-reply-in { flex: 1; font-size: 12px; padding: 4px 8px; border: 1px solid rgba(120,120,120,.3);
  border-radius: 6px; background: transparent; }
.fb-save { font-size: 12px; padding: 4px 12px; border-radius: 6px;
  background: rgba(59,130,246,.15); color: #2563eb; }