/* Result UI only. The answer sheet and print typography remain in app.css. */
#sg-result-overlay .sg-grade-wait { flex: 0 0 auto; padding: 16px 24px; border-bottom: 1px solid #dce2e8; background: #f5f7fa; color: #172235; font: 14px/1.65 sans-serif; }
#sg-result-overlay .sg-grade-wait-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
#sg-result-overlay .sg-grade-wait-heading strong { font-size: 16px; }
#sg-result-overlay .sg-grade-elapsed { color: #536174; font-variant-numeric: tabular-nums; white-space: nowrap; }
#sg-result-overlay .sg-grade-wait p { margin: 5px 0 0; overflow-wrap: anywhere; }
#sg-result-overlay .sg-grade-wait-help { color: #536174; font-size: 13px; }
#sg-result-overlay .sg-grade-wait-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
#sg-result-overlay .sg-grade-wait-actions button { min-height: 44px; padding: 8px 14px; border: 1px solid #bac4d0; border-radius: 3px; background: #fff; color: #172235; font: inherit; cursor: pointer; }
#sg-result-overlay .sg-grade-wait-actions button:focus-visible { outline: 2px solid #315fb0; outline-offset: 2px; }
@media (max-width: 768px) {
  #sg-result-overlay .sg-grade-wait { padding: 12px 16px; }
  #sg-result-overlay .sg-grade-wait-heading { flex-wrap: wrap; gap: 2px 12px; }
}
#sg-result-overlay.sg-reference-ready [hidden] { display: none !important; }
#sg-result-overlay.sg-reference-ready .sg-result-body { min-height: 0; overflow: hidden; }
#sg-result-overlay.sg-reference-ready .sg-result-right { display: flex; flex-direction: column; min-width: 0; min-height: 0; padding: 0; overflow: hidden; background: #fff; }
#sg-result-overlay .sg-reference-nav { display: flex; gap: 20px; padding: 0 20px; border-bottom: 1px solid #dce2e8; flex-shrink: 0; }
#sg-result-overlay .sg-reference-nav button { min-height: 46px; padding: 8px 0; border: 0; border-bottom: 3px solid transparent; background: #fff; font: inherit; font-size: 14px; cursor: pointer; color: #536174; }
#sg-result-overlay .sg-reference-nav button[aria-pressed="true"] { color: #172235; border-bottom-color: #172235; font-weight: 700; }
#sg-result-overlay .sg-reference-panel { flex: 1 1 0; min-height: 0; max-height: none; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; background: #fff; }
#sg-result-overlay .sg-reference-document { box-sizing: border-box; max-width: 1040px; width: 100%; margin: 0 auto; padding: 24px 32px 64px; overflow-wrap: anywhere; }
#sg-result-overlay #sgModelAnswerPanel .sg-reference-document { max-width: 920px; }
#sg-result-overlay .sg-reference-title { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 0 0 20px; padding-bottom: 14px; border-bottom: 1px solid #dce2e8; font-size: 20px; line-height: 1.5; color: #172235; }
#sg-result-overlay .sg-reference-title > span { font-size: 14px; font-weight: 500; white-space: nowrap; color: #536174; }
#sg-result-overlay .sg-reference-context, #sg-result-overlay .sg-reference-empty { font-size: 14px; line-height: 1.7; color: #536174; }
#sg-result-overlay .sg-reference-empty { padding: 24px; }
#sg-result-overlay .sg-reference-document .sg-model-answer-view { border: 0; border-radius: 0; padding: 0; min-height: 0; max-height: none; overflow: visible; white-space: normal; font-size: 16px; line-height: 1.85; }
#sg-result-overlay .sg-reference-document .sg-model-answer-view .sg-p { margin: 8px 0; }
#sg-result-overlay .sg-reference-document .sg-model-answer-view > br { display: none; }
#modal-bar-config .sg-release-date, #sgList .sg-release-date { display: block; margin-top: 3px; color: #536174; font-size: 11px; font-weight: 500; }
#sgViewer .sg-release-notice { max-width: 1040px; margin: 0 auto; padding: 24px 16px; box-sizing: border-box; border-top: 1px solid #dce2e8; background: #fff; }
#sgViewer .sg-release-notice h2 { margin: 0 0 12px; font-size: 20px; line-height: 1.5; color: #172235; }
#sgViewer .sg-release-notice > p { margin: 0 0 24px; color: #536174; font-size: 14px; line-height: 1.7; }
#sgViewer .sg-release-notice [data-sg-history] button { min-height: 44px; border: 1px solid #c9d1da; border-radius: 3px; background: #fff; color: #172235; font: inherit; }
#sgViewer .sg-release-notice [data-sg-history] button:focus-visible { outline: 2px solid #315fb0; outline-offset: 2px; }
#sg-result-overlay .sg-reference-panel .sg-rubric-table { font-size: 14px; line-height: 1.75; table-layout: fixed; }
#sg-result-overlay .sg-reference-panel .sg-rubric-table th { padding: 12px; z-index: 1; background: #f4f6f8; color: #354258; }
#sg-result-overlay .sg-reference-panel .sg-rubric-table td { padding: 16px 12px; border-bottom-color: #dce2e8; }
#sg-result-overlay .sg-reference-panel .sg-rubric-table th:last-child, #sg-result-overlay .sg-reference-panel .sg-rubric-table td:last-child { width: 72px; text-align: right; white-space: nowrap; }
#sg-result-overlay .sg-reference-panel:focus-visible, #sg-result-overlay .sg-reference-nav button:focus-visible { outline: 2px solid #315fb0; outline-offset: -3px; }
#sg-result-overlay.sg-feedback-ready { background: #fff; color: #172235; }
#sg-result-overlay.sg-feedback-ready .sg-reference-nav { display: none; }
#sg-result-overlay.sg-feedback-ready .sg-result-left, #sg-result-overlay.sg-feedback-ready .sg-result-right { flex: 1 1 0; min-height: 0; max-height: none; border: 0; }
#sg-result-overlay.sg-feedback-ready .sg-result-body { flex-direction: row; }
#sg-result-overlay.sg-feedback-ready [hidden] { display: none !important; }
#sg-result-overlay.sg-feedback-ready .sg-result-header { flex-wrap: wrap; gap: 8px 16px; padding: 10px 20px; border-bottom: 1px solid #dce2e8; background: #fff; color: #172235; }
#sg-result-overlay.sg-feedback-ready .sg-result-header > .sg-tool-btn { min-height: 44px; }
#sg-result-overlay.sg-feedback-ready #sgAiGradeStatus { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
#sg-result-overlay .sg-fb-nav { display: flex; flex-shrink: 0; gap: 16px; padding: 0 24px; border-bottom: 1px solid #dce2e8; background: #fff; }
#sg-result-overlay .sg-fb-nav button { min-height: 48px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: #536174; font: inherit; font-size: 14px; cursor: pointer; padding: 10px 4px; }
#sg-result-overlay .sg-fb-nav button[aria-pressed="true"] { color: #172235; border-bottom-color: #172235; font-weight: 700; }
#sg-result-overlay.sg-feedback-ready #sgFeedbackBar { flex: 1; min-height: 0; max-height: none; overflow-y: auto; overscroll-behavior: contain; padding: 0; background: #fff; border: 0; color: #172235; font-size: 15px; line-height: 1.7; }
#sg-result-overlay .sg-fb-content { width: 100%; max-width: 980px; margin: 0 auto; box-sizing: border-box; padding: 24px 32px 56px; overflow-wrap: anywhere; }
#sg-result-overlay .sg-fb-notice { margin: 0 0 24px; padding: 12px 14px; border-left: 3px solid #ac7421; background: #faf7ee; color: #694d22; font-size: 14px; }
#sg-result-overlay .sg-fb-notice strong { display: block; margin-bottom: 2px; }
#sg-result-overlay .sg-fb-summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 16px; border-bottom: 1px solid #dce2e8; }
#sg-result-overlay .sg-fb-eyebrow { color: #536174; font-size: 14px; }
#sg-result-overlay .sg-fb-total { margin: 0; font-size: 40px; font-weight: 750; line-height: 1.4; font-variant-numeric: tabular-nums; }
#sg-result-overlay .sg-fb-total span { font-size: 20px; font-weight: 500; color: #536174; }
#sg-result-overlay .sg-fb-loss { margin: 0; text-align: right; font-size: 15px; }
#sg-result-overlay .sg-fb-loss strong { color: #943d30; font-size: 22px; margin-left: 8px; }
#sg-result-overlay .sg-fb-loss > span { display: block; color: #536174; font-size: 13px; }
#sg-result-overlay .sg-fb-meta { color: #536174; font-size: 13px; margin: 10px 0; }
#sg-result-overlay .sg-fb-overall { margin: 24px 0 30px; }
#sg-result-overlay .sg-fb-content h2 { font-size: 17px; line-height: 1.5; margin: 0 0 12px; font-weight: 700; }
#sg-result-overlay .sg-fb-overall > p { margin: 0; white-space: pre-wrap; }
#sg-result-overlay .sg-fb-filters { display: flex; flex-wrap: wrap; gap: 8px; }
#sg-result-overlay .sg-fb-filters button, #sg-result-overlay .sg-fb-regrade { min-height: 44px; border: 1px solid #c9d1da; border-radius: 3px; padding: 8px 14px; background: #fff; color: #354258; font: inherit; font-size: 14px; cursor: pointer; }
#sg-result-overlay .sg-fb-filters button[aria-pressed="true"] { border-color: #172235; background: #172235; color: #fff; }
#sg-result-overlay .sg-fb-items { margin: 0; padding: 0; list-style: none; }
#sg-result-overlay .sg-fb-item { padding: 20px 0; border-top: 1px solid #dce2e8; }
#sg-result-overlay .sg-fb-item-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
#sg-result-overlay .sg-fb-item h3 { flex: 1; min-width: 0; margin: 0; font-size: 15px; line-height: 1.65; font-weight: 700; }
#sg-result-overlay .sg-fb-index { color: #536174; }
#sg-result-overlay .sg-fb-item-score { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; white-space: nowrap; font-size: 14px; font-variant-numeric: tabular-nums; }
#sg-result-overlay .sg-fb-deducted { color: #943d30; font-size: 13px; }
#sg-result-overlay .sg-fb-full { color: #536174; font-size: 13px; }
#sg-result-overlay .sg-fb-item-feedback { margin: 10px 0 0; white-space: pre-wrap; color: #354258; }
#sg-result-overlay .sg-fb-empty { color: #536174; padding: 20px 0; }
#sg-result-overlay .sg-fb-reference-note { margin: 0; padding: 10px 12px; color: #536174; font-size: 13px; line-height: 1.6; border-bottom: 1px solid #dce2e8; }
#sg-result-overlay .sg-rubric-detail { display: block; margin-top: 4px; font-size: 13px; color: #536174; line-height: 1.7; }
#sg-result-overlay .sg-reference-panel .sg-rubric-detail { margin-top: 8px; font-size: 14px; }
#sg-result-overlay .sg-fb-nav button:focus-visible, #sg-result-overlay .sg-fb-filters button:focus-visible, #sg-result-overlay .sg-fb-regrade:focus-visible { outline: 2px solid #315fb0; outline-offset: 3px; }
@media (max-width: 600px) {
  #sg-result-overlay .sg-reference-document { padding: 20px 16px 40px; }
  #sg-result-overlay .sg-reference-title { font-size: 18px; }
  #sg-result-overlay .sg-reference-panel .sg-rubric-table th, #sg-result-overlay .sg-reference-panel .sg-rubric-table td { padding: 12px 8px; }
  #sg-result-overlay .sg-reference-panel .sg-rubric-table th:last-child, #sg-result-overlay .sg-reference-panel .sg-rubric-table td:last-child { width: 52px; }
  #sg-result-overlay.sg-feedback-ready .sg-result-header { padding: 8px 12px; gap: 4px 10px; }
  #sg-result-overlay.sg-feedback-ready .sg-result-header > span { flex: 1; min-width: 160px; }
  #sg-result-overlay .sg-fb-nav { padding: 0 12px; gap: 16px; overflow-x: auto; }
  #sg-result-overlay .sg-fb-nav button { white-space: nowrap; }
  #sg-result-overlay .sg-fb-content { padding: 20px 16px 40px; }
  #sg-result-overlay .sg-fb-summary { gap: 12px; }
  #sg-result-overlay .sg-fb-total { font-size: 34px; }
  #sg-result-overlay .sg-fb-total span { font-size: 17px; }
  #sg-result-overlay .sg-fb-loss strong { font-size: 20px; }
  #sg-result-overlay .sg-fb-item-head { flex-direction: column; gap: 6px; }
  #sg-result-overlay .sg-fb-item-score { flex-direction: row; align-items: center; gap: 12px; }
}

/* v9 follow-up: keep the overall score primary and remove redundant filter choices. */
#sg-result-overlay .sg-fb-loss { font-size:13px; color:#536174; }
#sg-result-overlay .sg-fb-loss strong { font-size:14px; font-weight:500; color:inherit; margin-left:4px; }
#sg-result-overlay .sg-fb-notice { border:0; background:#f7f9fb; color:#536174; }
#sg-result-overlay .sg-fb-upgrade-link { border:0; padding:8px 0; min-height:44px; background:transparent; color:#2451df; text-decoration:underline; font:inherit; font-size:13px; cursor:pointer; }
#sg-result-overlay .sg-fb-upgrade-link:focus-visible { outline:2px solid #315fb0; outline-offset:3px; }