.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.results-panel { min-width: 0; }
.results-heading { align-items: flex-start; }
.results-state:not([hidden]) { margin: 18px 0; }
.results-state .ui-state { background: rgba(255, 255, 255, .82); }

.results-filters {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 12px;
  align-items: end;
  margin-top: 22px;
  padding: 16px;
  border: 1px solid var(--xp-line);
  border-radius: 18px;
  background: rgba(249, 249, 245, .78);
}
.results-filters label,
.result-workflow-form label,
.result-revision-form label,
.result-compare-controls label {
  min-width: 0;
  color: var(--xp-muted);
  font-size: 11px;
  font-weight: 800;
}
.results-filters select,
.result-workflow-form select,
.result-revision-form select,
.result-compare-controls select { width: 100%; margin-top: 6px; }
.results-filter-actions {
  display: flex;
  grid-column: 1 / -1;
  justify-content: flex-end;
  gap: 8px;
}

.results-summary {
  display: flex;
  align-items: baseline;
  gap: 9px;
  margin: 16px 2px 0;
  color: var(--xp-muted);
}
.results-summary span,
.results-summary small { font-size: 11px; }
.results-summary strong { color: var(--xp-text); font-size: 20px; }
.results-summary small { margin-left: auto; }

.results-workspace {
  display: grid;
  grid-template-columns: minmax(260px, .64fr) minmax(0, 1.36fr);
  gap: 16px;
  align-items: start;
  margin-top: 12px;
}
.results-list-column,
.result-detail { min-width: 0; }
.results-list { display: grid; gap: 10px; }
.result-card {
  display: grid;
  gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 15px;
  color: var(--xp-text);
  border: 1px solid rgba(16, 17, 22, .10);
  border-radius: 17px;
  background: rgba(255, 255, 255, .88);
  box-shadow: none;
  text-align: left;
}
.result-card:hover,
.result-card.selected {
  border-color: rgba(68, 98, 255, .58);
  background: #fff;
  transform: translateY(-1px);
}
.result-card.selected { box-shadow: 0 0 0 2px rgba(68, 98, 255, .08); }
.result-card-head,
.result-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.result-card > strong,
.result-card-context { overflow-wrap: anywhere; }
.result-card > strong { font-size: 14px; line-height: 1.35; }
.result-card-context { color: var(--xp-muted); font-size: 11px; line-height: 1.45; }
.result-card-footer { color: #747873; font-size: 10px; }
.result-type {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  color: #354051;
  border-radius: 999px;
  background: #eef1f7;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.result-type-report,
.result-type-analysis { background: rgba(112, 242, 221, .22); }
.result-type-protocol,
.result-type-register { background: rgba(200, 255, 82, .25); }

.result-detail {
  padding: 20px;
  border: 1px solid var(--xp-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, .92);
}
.result-detail-header,
.result-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.result-detail-header > div,
.result-section-heading > div { min-width: 0; }
.result-detail-header h4 {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
  font-size: clamp(20px, 2.7vw, 31px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.result-context-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.result-context-chip {
  display: inline-flex;
  padding: 5px 9px;
  color: #535a68;
  border: 1px solid rgba(16, 17, 22, .09);
  border-radius: 999px;
  background: #f6f7fa;
  font-size: 10px;
  font-weight: 750;
}

.result-meta-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 18px;
}
.result-meta-grid > div {
  min-width: 0;
  padding: 12px;
  border-radius: 14px;
  background: #f5f6f4;
}
.result-meta-grid span,
.result-meta-grid strong { display: block; overflow-wrap: anywhere; }
.result-meta-grid span { color: var(--xp-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.result-meta-grid strong { margin-top: 6px; font-size: 11px; }

.result-export-section {
  margin-top: 18px;
  padding: 15px;
  border: 1px solid rgba(68, 98, 255, .16);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(68, 98, 255, .055), rgba(112, 242, 221, .08));
}
.result-export-section h5 { margin: 3px 0 0; font-size: 17px; }
.result-export-description { margin: 10px 0 0; color: var(--xp-muted); font-size: 10px; line-height: 1.55; }
.result-export-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.result-export-actions button { min-width: 88px; }
.result-export-actions button:disabled { opacity: .42; cursor: not-allowed; }
.result-export-status { margin: 9px 0 0; color: var(--xp-muted); font-size: 9px; line-height: 1.5; }

.result-workflow-section {
  margin-top: 18px;
  padding: 15px;
  border: 1px solid rgba(68, 98, 255, .16);
  border-radius: 16px;
  background: rgba(68, 98, 255, .04);
}
.result-workflow-form,
.result-revision-form {
  display: grid;
  grid-template-columns: minmax(170px, .7fr) minmax(220px, 1.3fr);
  gap: 10px;
  align-items: end;
  margin-top: 12px;
}
.result-workflow-form textarea,
.result-revision-form textarea { width: 100%; margin-top: 6px; resize: vertical; }
.result-workflow-form > label:nth-child(3),
.result-revision-form > label { grid-column: 1 / -1; }
.result-workflow-form > button,
.result-revision-form > button { justify-self: end; }
.result-workflow-form .form-message,
.result-revision-form .form-message { grid-column: 1 / -1; margin: 0; }

.result-content-section,
.result-history-section,
.result-workflow-history { margin-top: 22px; }
.result-section-heading h5 { margin: 3px 0 0; font-size: 17px; }
.result-version-note { color: var(--xp-muted); font-size: 10px; text-align: right; }
.result-content {
  max-height: 520px;
  overflow: auto;
  margin-top: 12px;
  padding: 18px;
  color: #22252c;
  border: 1px solid rgba(16, 17, 22, .09);
  border-radius: 16px;
  background: #fbfbf8;
  font-size: 13px;
  line-height: 1.68;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.result-evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.result-evidence-grid > section {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(16, 17, 22, .08);
  border-radius: 16px;
  background: rgba(248, 249, 246, .78);
}
.result-evidence-grid h5 { margin: 0 0 10px; font-size: 13px; }
.result-entity-list { display: grid; gap: 7px; }
.result-entity {
  min-width: 0;
  padding: 10px;
  border-radius: 12px;
  background: #fff;
}
.result-entity.attention { border-left: 3px solid #f09a6f; }
.result-entity p { margin: 0; overflow-wrap: anywhere; font-size: 11px; line-height: 1.5; }
.result-entity small,
.result-source-link { display: block; margin-top: 5px; color: var(--xp-muted); font-size: 9px; }
.result-source-link { color: #405bd5; font-weight: 800; }
.result-entity-empty { margin: 0; color: var(--xp-muted); font-size: 10px; }

.result-event-list,
.result-change-list { display: grid; gap: 8px; margin-top: 12px; }
.result-event,
.result-change-entry {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid rgba(16, 17, 22, .08);
  border-radius: 13px;
  background: #fafaf7;
}
.result-event-head,
.result-change-head { display: flex; justify-content: space-between; gap: 10px; }
.result-event strong,
.result-change-entry strong { font-size: 11px; }
.result-event p,
.result-change-entry p { margin: 0; overflow-wrap: anywhere; font-size: 11px; line-height: 1.5; }
.result-event small,
.result-change-entry small { color: var(--xp-muted); font-size: 9px; }
.result-change-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.result-change-columns > div { min-width: 0; padding: 9px; border-radius: 10px; background: #fff; }
.result-change-columns span { display: block; margin-bottom: 5px; color: var(--xp-muted); font-size: 9px; font-weight: 800; }
.result-change-columns p { max-height: 130px; overflow: auto; white-space: pre-wrap; }

.result-history { display: grid; gap: 7px; margin-top: 12px; }
.result-history-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 11px 12px;
  color: var(--xp-text);
  border: 1px solid rgba(16, 17, 22, .08);
  border-radius: 13px;
  background: #fafaf7;
  box-shadow: none;
  text-align: left;
}
.result-history-item:hover { border-color: rgba(68, 98, 255, .3); background: #fff; }
.result-history-item.current { border-color: rgba(46, 165, 125, .26); background: rgba(46, 165, 125, .06); }
.result-history-item strong { font-size: 11px; }
.result-history-item span,
.result-history-item small { overflow-wrap: anywhere; color: var(--xp-muted); font-size: 9px; }
.result-history-item small { text-align: right; }

.result-compare-controls {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(130px, 1fr) auto;
  gap: 9px;
  align-items: end;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--xp-line);
}
.result-comparison {
  margin-top: 12px;
  padding: 13px;
  border-radius: 15px;
  background: #f5f6f4;
}
.result-comparison-summary { margin: 0 0 10px; color: var(--xp-muted); font-size: 10px; }
.result-comparison-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.result-comparison-column { min-width: 0; padding: 11px; border-radius: 12px; background: #fff; }
.result-comparison-column h6 { margin: 0 0 8px; font-size: 11px; }
.result-comparison-column p {
  min-height: 20px;
  margin: 0 -4px;
  padding: 2px 4px;
  overflow-wrap: anywhere;
  font: 10px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
  white-space: pre-wrap;
}
.result-comparison-column p.changed { background: rgba(255, 206, 99, .25); }

@media (max-width: 1180px) {
  .results-filters { grid-template-columns: repeat(3, minmax(140px, 1fr)); }
  .results-workspace { grid-template-columns: minmax(230px, .55fr) minmax(0, 1.45fr); }
  .result-meta-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 880px) {
  .results-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .results-workspace { grid-template-columns: 1fr; }
  .results-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .results-panel { padding: 15px; }
  .results-heading { display: grid; }
  .results-heading button { width: 100%; }
  .results-filters,
  .results-list,
  .result-evidence-grid,
  .result-comparison-columns { grid-template-columns: 1fr; }
  .results-filter-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .results-filter-actions button { width: 100%; }
  .results-summary { flex-wrap: wrap; }
  .results-summary small { width: 100%; margin-left: 0; }
  .result-detail { padding: 15px; }
  .result-detail-header { align-items: flex-start; }
  .result-meta-grid { grid-template-columns: 1fr 1fr; }
  .result-workflow-form,
  .result-revision-form,
  .result-compare-controls { grid-template-columns: 1fr; }
  .result-workflow-form > label,
  .result-revision-form > label { grid-column: 1; }
  .result-workflow-form button,
  .result-revision-form button,
  .result-compare-controls button,
  .result-export-actions button { width: 100%; }
  .result-export-actions { display: grid; grid-template-columns: 1fr; }
  .result-change-columns { grid-template-columns: 1fr; }
  .result-history-item { grid-template-columns: 1fr; gap: 4px; }
  .result-history-item small { text-align: left; }
}

@media (max-width: 390px) {
  .results-panel { padding: 12px; }
  .result-detail { padding: 12px; border-radius: 16px; }
  .result-meta-grid { grid-template-columns: 1fr; }
  .result-detail-header { display: grid; }
  .result-detail-header .badge { justify-self: start; }
  .result-content { padding: 13px; font-size: 12px; }
}