/* feedback.css —— 合作与反馈表单（全部引用 app.css 既有令牌，不为反馈新增皮肤键；
   暗色主题经令牌自动适配，与 agent.css 同纪律） */

.fb-mask {
  position: fixed; inset: 0; z-index: 300;          /* 悬浮球面板 z-index 之上再高一层 */
  display: none; align-items: center; justify-content: center;
  background: rgba(0, 0, 0, .38);
}
.fb-mask.on { display: flex; }

.fb-card {
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100vh - 64px); overflow: auto;
  background: var(--bg); border: 1px solid var(--border); border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .22);
  display: flex; flex-direction: column;
}

.fb-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 16px 8px;
}
.fb-title { font-size: 14px; font-weight: 600; color: var(--text); }
.fb-x {
  border: 0; background: none; cursor: pointer; color: var(--faint);
  font-size: 13px; padding: 4px 6px; border-radius: 6px;
}
.fb-x:hover { color: var(--text); background: var(--bg-inset); }

.fb-body { padding: 4px 16px 8px; display: flex; flex-direction: column; gap: 8px; }
.fb-text {
  resize: vertical; min-height: 110px;
  padding: 8px 10px; font: inherit; font-size: 13px; line-height: 1.55;
  color: var(--text); background: var(--bg); border: 1px solid var(--border);
  border-radius: 8px; outline: none;
}
.fb-text:focus { border-color: var(--dim); }
.fb-count { align-self: flex-end; font-size: 11px; color: var(--faint); }
.fb-contact {
  padding: 7px 10px; font: inherit; font-size: 13px;
  color: var(--text); background: var(--bg); border: 1px solid var(--border);
  border-radius: 8px; outline: none;
}
.fb-contact:focus { border-color: var(--dim); }
.fb-note { font-size: 11.5px; color: var(--faint); line-height: 1.5; }

/* 蜜罐：人类不可见不可达（屏幕外 + 零尺寸），自动填表器会填到它 */
.fb-hp { position: absolute; left: -9999px; width: 0; height: 0; opacity: 0; border: 0; padding: 0; }

.fb-status { font-size: 12.5px; line-height: 1.5; }
.fb-status.ok { color: #2e7d32; }
.fb-status.err { color: #c62828; }

.fb-foot {
  display: flex; justify-content: flex-end; gap: 8px;
  padding: 8px 16px 14px;
}
.fb-cancel, .fb-send {
  font: inherit; font-size: 12.5px; cursor: pointer;
  padding: var(--btn-pad-y) var(--btn-pad-x); border-radius: var(--btn-radius);
}
.fb-cancel {
  border: 1px solid var(--border); background: var(--bg); color: var(--dim);
}
.fb-cancel:hover { color: var(--text); background: var(--bg-inset); }
.fb-send {
  border: 1px solid var(--border); background: var(--bg-inset); color: var(--text);
}
.fb-send:hover:not(:disabled) { background: var(--bg-side); }
.fb-send:disabled { cursor: default; opacity: .6; }