/* Client results: private evidence, original screenshots and comparable periods. */
.results-intro { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 24px; padding: 24px; border: 1px solid #ded7f4; border-radius: 13px; background: #f5f2fd; min-width: 0; }
.results-intro > div { min-width: 0; }
.results-intro h2 { margin-bottom: 8px; color: #4f426f; font-size: 20px; font-weight: 650; line-height: 1.4; }
.results-intro p { max-width: 740px; color: #756a87; font-size: 14px; line-height: 1.75; }
.results-intro .actions { flex-wrap: wrap; flex-shrink: 0; }
.panel.results-intro { display: block; padding: 0; background: #fff; }
.results-intro.help-box { display: block; }
.results-intro.help-box > strong { display: block; margin-bottom: 7px; color: #65517c; font-size: 15px; }
.results-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-bottom: 24px; }
.results-stats > * { min-width: 0; }
.results-stats .stat { padding: 22px; }
.results-stats .stat-value { font-size: clamp(26px, 2.3vw, 34px); line-height: 1.3; overflow-wrap: anywhere; }
.results-stats .stat-foot { line-height: 1.65; }
.results-stats > div:not(.stat) { padding: 19px; border: 1px solid #e8e1f4; border-radius: 10px; background: #f8f6fc; }
.results-stats > div > small { display: block; margin-bottom: 9px; color: #7a708e; font-size: 12px; }
.results-stats > div > strong { display: block; color: #63518d; font-size: clamp(24px, 2.3vw, 30px); line-height: 1.4; font-weight: 650; overflow-wrap: anywhere; }
.results-stats > div > span { display: block; color: #7a708e; font-size: 13px; margin-top: 7px; }
.results-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-bottom: 24px; align-items: start; }
.results-grid > *, .results-comparison > *, .result-card > *, .results-form > * { min-width: 0; }
.result-card { border: 1px solid var(--border); border-radius: 13px; background: #fff; overflow: hidden; }
.result-card + .result-card { margin-top: 0; }
.result-card .panel-head { gap: 12px; flex-wrap: wrap; }
.result-card h2, .result-card h3 { font-size: 17px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.result-card > h2, .result-card > h3 { padding: 22px 23px 0; }
.result-card > p { margin: 7px 23px 18px; font-size: 13px; color: #768096; line-height: 1.7; overflow-wrap: anywhere; }
.result-card .pill { white-space: normal; }
.result-card .stat-value { font-size: 29px; line-height: 1.4; overflow-wrap: anywhere; }
.result-card .actions { flex-wrap: wrap; gap: 9px; }
.result-card > .actions { padding: 0 23px 23px; }
.result-card .panel-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.result-image { display: block; width: 100%; max-width: 100%; min-width: 0; margin: 0; background: #f7f8fb; border-top: 1px solid #edf0f5; border-bottom: 1px solid #edf0f5; }
img.result-image, .result-image img { display: block; width: 100%; max-width: 100%; height: auto; max-height: 420px; object-fit: contain; object-position: center; }
.result-image > a { display: block; }
.result-image figcaption, .result-image > p { padding: 10px 18px; color: #798196; font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
.result-image:empty { display: none; }
.results-comparison { margin-bottom: 24px; min-width: 0; }
.results-comparison > .results-grid { margin: 0; }
.results-comparison .panel-head { flex-wrap: wrap; gap: 16px; }
.results-comparison .panel-head select { width: auto; min-width: 170px; max-width: 100%; font-size: 13px; }
.results-comparison .result-card { box-shadow: none; }
.results-comparison .stat-value { font-variant-numeric: tabular-nums; }
.results-comparison .positive { color: #367d5e; }
.results-comparison .negative { color: #b05253; }
.results-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 20px; margin: 0; padding: 20px 23px; }
.results-meta > * { min-width: 0; }
.results-meta dt, .results-meta small, .results-meta label { display: block; color: #7a8397; font-size: 12px; line-height: 1.5; margin-bottom: 4px; }
.results-meta dd { margin: 0; }
.results-meta dd, .results-meta strong, .results-meta span { color: #4f5a71; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; font-weight: 500; }
.results-meta code { font-size: 11px; overflow-wrap: anywhere; }
.result-card .results-meta { padding-left: 0; padding-right: 0; }
.results-hash { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; color: #7b8294; overflow-wrap: anywhere; margin-top: 10px; }
.result-card details { padding-top: 18px; font-size: 12px; color: #7a708e; }
.result-card summary { cursor: pointer; }
.results-archive { margin-bottom: 24px; padding: 21px 23px; border: 1px solid var(--border); border-radius: 12px; background: #fff; min-width: 0; }
.results-archive h2, .results-archive h3 { font-size: 16px; font-weight: 600; margin-bottom: 7px; line-height: 1.5; }
.results-archive p { color: #758096; font-size: 13px; line-height: 1.75; overflow-wrap: anywhere; }
.results-archive .actions { margin-top: 15px; flex-wrap: wrap; }
.results-archive .settings-row { gap: 15px; flex-wrap: wrap; }
.results-archive code { font-size: 12px; overflow-wrap: anywhere; }
.panel.results-archive { padding: 0; }
.results-status { display: flex; align-items: flex-start; gap: 10px; padding: 13px 16px; margin: 16px 0; border: 1px solid #e3ddf1; border-radius: 9px; background: #f6f3fc; color: #78688a; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.results-status > .icon { flex-shrink: 0; width: 17px; height: 17px; margin-top: 3px; }
.results-status strong { color: #625078; }
.results-status.success { background: #edf6f1; border-color: #d6e8df; color: #477762; }
.results-status.warning, .results-status.error { background: #fff7ed; border-color: #efdfc7; color: #977349; }
.results-status p { font-size: inherit; color: inherit; line-height: inherit; }
.results-status ul { padding-left: 20px; }
.results-status:empty { display: none; }
.results-form { min-width: 0; }
.results-form .form-grid { gap: 17px; }
.results-form .form-field { min-width: 0; }
.results-form label { color: #5f6a80; font-size: 13px; line-height: 1.5; }
.results-form input, .results-form select, .results-form textarea { min-width: 0; max-width: 100%; }
.results-form input[type="date"] { min-height: 43px; }
.results-form input[type="file"] { padding: 12px; font-size: 13px; border-style: dashed; background: #faf9fd; }
.results-form input[type="file"]::file-selector-button { border: 1px solid #ded8ee; border-radius: 6px; padding: 7px 10px; margin-right: 12px; background: #fff; color: #665686; font: inherit; cursor: pointer; }
.results-form .help-box, .results-form .report-note { line-height: 1.75; overflow-wrap: anywhere; }
.results-form .actions, .results-form .modal-actions { flex-wrap: wrap; }
.results-form .error-text { overflow-wrap: anywhere; }
.results-upload { margin: 20px 0; padding: 20px; border: 1px dashed #d5cbe9; border-radius: 11px; background: #fcfbfe; }
.results-upload > .btn { margin-top: 12px; }
.results-upload .report-note { margin-top: 10px; }
.results-form .checkbox-row { display: flex; align-items: flex-start; gap: 10px; margin: 16px 0; font-size: 13px; line-height: 1.65; }
.results-form .checkbox-row input { width: 16px; height: 16px; margin: 3px 0 0; flex: 0 0 16px; accent-color: #6554d9; }
.results-preview { width: 100%; min-width: 0; margin: 18px 0; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; background: #f7f8fb; }
.results-preview:empty { display: none; }
.results-preview img, img.results-preview { display: block; width: 100%; max-width: 100%; height: auto; max-height: 460px; object-fit: contain; object-position: center; }
.results-preview p, .results-preview figcaption { padding: 11px 15px; font-size: 12px; color: #748096; line-height: 1.65; overflow-wrap: anywhere; }
.results-intake { width: min(100%, 850px); margin: 0 auto; padding: 44px 24px 64px; min-width: 0; }
.results-intake > header { margin-bottom: 26px; }
.results-intake h1 { font-size: clamp(25px, 4vw, 34px); font-weight: 650; letter-spacing: -.8px; line-height: 1.3; margin-bottom: 12px; }
.results-intake > p, .results-intake header > p { color: #768096; font-size: 14px; line-height: 1.75; }
.results-intake .panel { margin-top: 24px; }
.results-intake .results-form { padding: 25px; }
.results-intake .results-status { margin-top: 20px; }
.results-intake .results-intro { align-items: flex-start; }
@media (max-width: 1150px) {
  .results-intro { align-items: flex-start; flex-direction: column; }
  .results-grid { gap: 18px; }
  .results-meta { padding: 18px; gap: 14px; }
}
@media (max-width: 760px) {
  .results-grid { grid-template-columns: minmax(0, 1fr); }
  .results-stats { gap: 12px; }
  .results-stats .stat { padding: 17px; }
  .results-stats .stat-value { font-size: 25px; }
  .results-intro { padding: 21px; }
  .results-intro h2 { font-size: 18px; }
  .results-intro .actions { width: 100%; }
  .results-comparison .panel-head { padding: 18px; }
  .results-comparison .panel-head select { width: 100%; }
  .results-archive { padding: 19px; }
  .results-intake { padding: 28px 18px 44px; }
  .results-intake .results-form { padding: 20px; }
}
@media (max-width: 520px) {
  .results-stats { grid-template-columns: minmax(0, 1fr); }
  .results-stats .stat { padding: 19px; }
  .results-stats .stat-value { font-size: 29px; }
  .results-meta { gap: 15px 12px; padding: 18px; }
  .results-meta dd, .results-meta strong, .results-meta span { font-size: 12px; }
  .result-card > .actions { padding: 0 18px 18px; }
  .result-card .panel-head, .result-card .panel-footer { padding: 18px; }
  .result-card .panel-body { padding: 0 18px 18px; }
  .results-intake { padding: 23px 14px 36px; }
  .results-intake .results-form { padding: 18px; }
  .results-intake .form-grid, .results-form .form-grid { grid-template-columns: minmax(0, 1fr); }
  .results-form .form-field.full { grid-column: 1; }
  .results-form .modal-actions { align-items: stretch; }
  .results-form .modal-actions .btn { flex: 1 1 auto; justify-content: center; }
  .results-status { padding: 12px 14px; font-size: 12px; }
}