/* Scout 全站表单 UX 优化层（owner 2026-10-09 点单「所有表单 UI 效果都非常差——按最佳视觉与人机交互优化」）
   独立文件不进正本同步链（同 scout-table-density.css 先例）；正本定档后撤除随动。
   作用域＝.scout-body 下全部 s-* 表单构件；不影响表格密度层。 */

/* ── 1. 输入控件：呼吸感＋光标行高＋聚焦环 ──────────────────────── */
.scout-body .s-input,
.scout-body .s-select {
  padding: 0 10px;
  line-height: 1.5;
  font-size: 11px;
  transition: border-color .15s, box-shadow .15s;
}
.scout-body .s-input::placeholder { color: #9aa7ba; font-weight: 600; letter-spacing: .02em; }
.scout-body .s-input:hover,
.scout-body .s-select:hover { border-color: #b8c9e5; }
.scout-body textarea.s-input { padding: 8px 10px; line-height: 1.65; resize: vertical; }

/* ── 2. 字段标签→控件间距（行内 4→8px；网格堆叠 0→8px） ───────── */
.scout-body .s-field { gap: 8px; }
.scout-body .s-grid-fields { gap: 14px 18px; }
.scout-body .s-grid-fields .s-field { margin-bottom: 0; }
.scout-body .s-grid-fields .s-field > :first-child { display: block; margin-bottom: 8px; }
/* 网格里行内字段 label 后的 select 已经有 margin-top:6px——统一走 8px */
.scout-body .s-grid-fields .s-field .s-select { margin-top: 0; }

/* ── 3. 工具行间距（横向 7→10px；动作组 9→10px；下边距 11→14px） ── */
.scout-body .s-toolbar { gap: 10px; margin-bottom: 14px; }
.scout-body .s-toolbar .s-row-actions,
.scout-body .s-toolbar .s-right { gap: 10px; }
.scout-body .s-toolbar .s-toolbar-note { margin-left: 6px; }
.scout-body .s-toolbar .s-scopenote { gap: 6px; margin-right: 4px; }
.scout-body .s-toolbar .s-chip { margin-right: 2px; }

/* ── 4. 卡体内容距＋卡头小注行高 ───────────────────────────────── */
.scout-body .s-card > .s-card-body,
.scout-body .s-card > .s-note:not(:last-child),
.scout-body .s-card > .table-wrap { padding-left: 16px; padding-right: 16px; }
.scout-body .s-card > .table-wrap:first-of-type { padding-left: 0; padding-right: 0; }
.scout-body .s-card .s-card-hd { padding: 14px 16px 0; }
.scout-body .s-card .s-card-hd small { line-height: 1.6; }
.scout-body .s-card { padding-bottom: 14px; }

/* ── 5. 注释/提示文字行高＋上边距 ──────────────────────────────── */
.scout-body .s-note { line-height: 1.7; margin-top: 14px; }
.scout-body .s-card .s-note { margin-left: 16px; margin-right: 16px; }
.scout-body .s-card .s-note:first-of-type { margin-left: 0; margin-right: 0; }

/* ── 6. 按钮间距＋字形呼吸 ─────────────────────────────────────── */
.scout-body .s-btn { gap: 5px; transition: border-color .15s, background .15s; }
.scout-body .s-btn .glyph { flex-basis: 13px; }
.scout-body .s-btn.sm { gap: 4px; }
.scout-body .s-linkbtn { margin-right: 6px; }
.scout-body .s-linkbtn:last-child { margin-right: 0; }

/* ── 7. 确认/同意块（consent）内容距＋文字行高 ─────────────────── */
.scout-body .s-consent { gap: 12px; padding: 14px 15px; }
.scout-body .s-consent b { line-height: 1.5; }
.scout-body .s-consent small { margin-top: 7px; line-height: 1.7; }

/* ── 8. 代码块行高（JSON 响应区） ──────────────────────────────── */
.scout-body .s-code { padding: 14px 15px; line-height: 1.6; }

/* ── 9. 弹窗内表单间距 ─────────────────────────────────────────── */
.scout-body .s-modal-body { padding: 18px 24px 0; }
.scout-body .s-modal-body .s-field { gap: 8px; }
.scout-body .s-modal-body .s-modal-section { margin-bottom: 20px; }
.scout-body .s-modal-body .s-modal-section .s-kv { gap: 10px; }
.scout-body .s-modal-foot { padding: 14px 24px; gap: 8px; }
.scout-body .s-modal-foot .s-btn { margin-left: 4px; }

/* ── 10. 影响块（impact）内部呼吸 ──────────────────────────────── */
.scout-body .s-impact { padding: 13px 15px; }
.scout-body .s-impact-nums { gap: 10px; margin-bottom: 14px; }
.scout-body .s-impact-rows { gap: 10px; line-height: 1.65; }

/* ── 11. KV 列表行距 ───────────────────────────────────────────── */
.scout-body .s-kv { gap: 12px; }
.scout-body .s-kv dt { margin-bottom: 5px; }
.scout-body .s-kv dd { line-height: 1.6; }

/* ── 12. 分页脚呼吸 ────────────────────────────────────────────── */
.scout-body .s-table-foot { padding-top: 13px; gap: 12px; }

/* ── 13. 下拉控件（select）箭头留白 ───────────────────────────── */
.scout-body .s-select { padding-right: 28px; }

/* ── 14. 页签族（s-tabs/s-subtabs）标签呼吸 ───────────────────── */
.scout-body .s-tabs { gap: 6px; }
.scout-body .s-subtabs { gap: 6px; }
.scout-body .s-subtab { margin-right: 4px; }
.scout-body .s-subtab b { margin-left: 4px; }

/* ── 15. 老代际表单兼容（scard/sinput/sselect/sbtn） ───────────── */
.scout-body .sinput, .scout-body .sselect { padding: 0 10px; line-height: 1.5; }
.scout-body .sinput::placeholder { letter-spacing: .02em; }
.scout-body .toolbar { gap: 9px; margin-bottom: 14px; }
.scout-body .sfield { gap: 8px; }
.scout-body .sfield .sinput { margin-top: 6px; }

/* s-fields 内的动作组间距（owner 2026-10-09 看板反馈） */
.scout-body .s-fields .s-row-actions { gap: 10px; }
