.evaluation-view[hidden], .evaluation-view [hidden] { display: none !important; }
.evaluation-summary, .evaluation-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 16px 0;
}
.evaluation-work-tabs { flex-wrap: nowrap; }
.evaluation-work-tabs .tab { min-height: 44px; flex: 0 0 auto; }
.evaluation-view > h3 { margin:24px 0 16px; font-weight:600; }
.evaluation-view > h3:first-child { margin-top:4px; }
.evaluation-view > .desc { margin:16px 0 24px; }
.evaluation-view > .section-heading .evaluation-actions { margin:0; }
.evaluation-view .card {
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  background: var(--bg-surface);
}
.evaluation-view .card-h, .evaluation-view .card-b { padding-left: 20px; padding-right: 20px; }
.evaluation-actions { gap: 8px; }
.evaluation-actions:has(> .field) { align-items: flex-end; }
.evaluation-actions > .field { min-width: 0; max-width: 100%; }
.evaluation-view .card-h { flex-wrap: wrap; gap: 12px; }
.evaluation-view h3 { font-size: 16px; }
.evaluation-view .card-h .evaluation-actions { margin: 0; }
.evaluation-view .tbl { min-width: 720px; }
.evaluation-view details { margin: 12px 0; }
.evaluation-view summary { cursor: pointer; padding: 8px 0; }
.evaluation-view .card-b > p { color: var(--gray-600); font-size: 12px; overflow-wrap: anywhere; }
.evaluation-view .desc dd { overflow-wrap: anywhere; min-width: 0; }
#evaluation-execution-events { padding-left: 22px; }
#evaluation-execution-events li { margin: 10px 0; overflow-wrap: anywhere; }
.evaluation-history-view > .desc { grid-template-columns: 112px minmax(0, 1fr) 112px minmax(0, 1fr); margin: 20px 0; }
.evaluation-history-view > details { border-top: 1px solid var(--gray-200); padding: 8px 0; }
.evaluation-history-view > p { margin: 20px 0; color: var(--gray-600); }
@media (max-width: 900px) {
  .evaluation-history-view > .desc { grid-template-columns: 100px minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .evaluation-view .desc { grid-template-columns: minmax(0, 1fr); }
  .evaluation-view .btn { max-width: 100%; white-space: normal; }
}