/* 审批建议在单据加载后自动预生成；审批栏只呈现状态和已完成的结论，不再让用户先点“生成”。 */
html .sam-app-shell .sam-approval-comment textarea{padding-right:190px!important}
html .sam-app-shell .sam-approval-ai-reference{position:absolute;top:50%;right:7px;display:flex;width:174px;height:34px;min-width:0;align-items:center;gap:7px;padding:3px 8px 3px 4px;overflow:hidden;border:1px solid rgba(45, 86, 190, 0.17);border-radius:10px;background:linear-gradient(135deg,#f8faff,#f0f4ff);color:var(--ds-accent);text-align:left;cursor:default;transform:translateY(-50%);box-shadow:0 2px 7px rgba(45, 86, 190, 0.07)}
html .sam-app-shell .sam-approval-ai-reference:not(:disabled){cursor:pointer}
html .sam-app-shell .sam-approval-ai-reference:not(:disabled):hover{border-color:rgba(45, 86, 190, 0.38);background:var(--ds-surface)}
html .sam-app-shell .sam-approval-ai-reference img{width:26px;height:26px;display:block;flex:none;border-radius:8px;object-fit:cover}
html .sam-app-shell .sam-approval-ai-reference>span{display:grid;min-width:0;gap:1px}
html .sam-app-shell .sam-approval-ai-reference small,html .sam-app-shell .sam-approval-ai-reference b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html .sam-app-shell .sam-approval-ai-reference small{color:var(--text-blue-soft19);font:650 8px/1.1 var(--font)}
html .sam-app-shell .sam-approval-ai-reference b{color:var(--ds-accent);font:800 9.5px/1.2 var(--font)}
html .sam-app-shell .sam-approval-ai-reference.loading img{animation:samApprovalAdvicePulse 1.25s ease-in-out infinite}
html .sam-app-shell .sam-approval-ai-reference.error{border-color:rgba(177, 76, 45, 0.18);background:var(--ds-surface);color:var(--text-warn-strong2)}
html .sam-app-shell .sam-approval-ai-reference.error b{color:var(--text-warn-strong2)}
@keyframes samApprovalAdvicePulse{0%,100%{opacity:.62;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}

/* 对话工作区的排版尺度与 CIS 完全一致，视觉差异只来自 SAM 蓝色色板。 */
html .sam-app-shell .zai-chat-route>sam-assistant,html .sam-app-shell sam-assistant .zai-chat-workspace.zai-chat-v8{font-size:inherit}

@media(max-width:767px){html .sam-app-shell .sam-approval-comment textarea{padding-right:143px!important}html .sam-app-shell .sam-approval-ai-reference{right:5px;width:134px;height:32px}html .sam-app-shell .sam-approval-ai-reference img{width:24px;height:24px}html .sam-app-shell .sam-approval-ai-reference small{display:none}html .sam-app-shell .sam-approval-ai-reference b{font-size:8.5px}}

/* Keep the generated advice beside, rather than on top of, the approval comment. */
html .sam-app-shell .sam-approval-comment {
  position:static;
  display:grid;
  grid-template-columns:minmax(180px,1fr) 184px;
  align-items:stretch;
  gap:8px;
}
html .sam-app-shell .sam-approval-comment textarea { padding:10px 12px!important; }
html .sam-app-shell .sam-approval-ai-reference {
  position:static;
  width:auto;
  height:auto;
  min-height:46px;
  padding:5px 9px 5px 5px;
  border-radius:11px;
  transform:none;
}
html .sam-app-shell .sam-approval-ai-reference small { font-size:9px; }
html .sam-app-shell .sam-approval-ai-reference b { font-size:10.5px; }
@media(max-width:767px) {
  html .sam-app-shell .sam-approval-comment { grid-template-columns:1fr; }
  html .sam-app-shell .sam-approval-comment textarea { padding:9px 10px!important; }
  html .sam-app-shell .sam-approval-ai-reference { width:100%; min-height:40px; }
  html .sam-app-shell .sam-approval-ai-reference small { display:block; }
  html .sam-app-shell .sam-approval-ai-reference b { font-size:10px; }
}
/* Shared approval pagination: aligned metrics, system-specific accent. */
html body :is(.cis-approval-list, .sam-app-shell) .approval-pagination {
  --page-accent:#2447b5;--page-accent-text:#2447b5;
  display:flex; align-items:center; flex-wrap:wrap; gap:10px;
  padding:10px 14px; margin:8px 0; border:1px solid var(--ds-line); border-radius:12px;
  background:var(--ds-surface); color:var(--ink-3); font:12px/1.5 var(--font, sans-serif);
  scroll-margin-top:100px;
}
html body .cis-approval-list .approval-pagination { --page-accent:#ae2330;--page-accent-text:#ae2330; }
html body .approval-pagination .approval-page-status { margin-right:auto; font-variant-numeric:tabular-nums; }
html body .approval-pagination .approval-page-size { display:flex; align-items:center; gap:6px; white-space:nowrap; font:inherit; margin:0; }
html body .approval-pagination .approval-page-size select {
  width:58px; height:30px; min-height:30px; padding:3px 6px; margin:0;
  border:1px solid var(--ds-line); border-radius:7px; background:var(--ds-surface); color:inherit; font:inherit;
}
html body .approval-pagination .approval-page-buttons { display:flex; align-items:center; gap:4px; }
html body .approval-pagination .approval-page-buttons button {
  display:inline-grid; place-items:center; min-width:30px; height:30px; padding:0 6px;
  margin:0; border:1px solid transparent; border-radius:7px; background:transparent; box-shadow:none;
  color:inherit; font:inherit; cursor:pointer;
}
html body .approval-pagination .approval-page-buttons button:hover:not(:disabled) { background:var(--ds-surface-muted); }
html body .approval-pagination .approval-page-buttons button[aria-current="page"] { color:var(--page-accent-text); background:color-mix(in srgb,var(--page-accent) 9%,white); font-weight:700; }
html body .approval-pagination .approval-page-buttons button:disabled { opacity:.35; cursor:not-allowed; }
html body .approval-pagination :is(button,select):focus-visible { outline:2px solid var(--page-accent); outline-offset:2px; }
html body .approval-pagination .approval-page-gap { padding:0 3px; }
@media(max-width:767px) {
  html body :is(.cis-approval-list, .sam-app-shell) .approval-pagination { gap:8px; padding:10px; }
  html body .approval-pagination .approval-page-status { flex:1 0 calc(100% - 100px); }
  html body .approval-pagination .approval-page-buttons { margin-left:auto; }
  html body .approval-pagination .approval-page-buttons button { min-width:34px; height:34px; }
}