/* My reports — compact, evidence-first rows.
   Only signed-in durable history receives these styles. Authored samples,
   report detail, deletion confirmation, and evaluation logic are unchanged. */
#app .live-history-actions {
  margin:22px 0 28px;
  align-items:center;
  gap:12px 22px;
}
#app .live-history-actions .live-history-new {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:46px;
  padding:10px 18px;
  border-radius:999px;
  background:#D7E45B;
  border:1px solid #D7E45B;
  color:#1C1E21;
  -webkit-text-fill-color:#1C1E21;
  text-decoration:none;
  font-weight:650;
}
#app .live-history-actions .live-history-new:hover {
  background:#E4EF80;
  border-color:#E4EF80;
  box-shadow:none;
}
#app .live-history-samples {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:8px 3px;
  font-size:13px;
  font-weight:500;
  color:#BBC4C4;
  text-decoration:none;
}
#app .live-history-samples:hover {
  color:#EEEDE8;
  text-decoration:underline;
  text-underline-offset:4px;
}
#app .live-history-icon {
  width:16px;
  height:16px;
  flex:0 0 16px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linejoin:round;
  stroke-linecap:round;
  pointer-events:none;
}
#app .live-history-new .live-history-icon {
  color:#1C1E21;
}
#app .live-history-list-header {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin:0 0 14px;
}
#app .live-history-list-header h2 {
  font-size:18px;
  line-height:1.35;
  margin:0;
  letter-spacing:-.02em;
}
#app .live-history-list-header > span {
  font-size:12px;
  color:#A8B2B4;
}
#app .live-history-results {
  display:grid;
  gap:10px;
  min-width:0;
}
#app .live-history-report--compact {
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  padding:16px 17px;
  position:relative;
  min-width:0;
  border:1px solid #3E4649;
  border-radius:10px;
  background:#24282B;
  box-shadow:none;
  overflow:visible;
  z-index:0;
}
#app .live-history-report--compact:has(.live-history-overflow[open]) { z-index:20; }
#app .live-history-report--compact:hover { border-color:#5B6669; }
#app .live-history-report-symbol {
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:42px;
  height:42px;
  border-radius:9px;
  background:#323A3D;
  color:#D7E45B;
}
#app .live-history-report-symbol .live-history-icon {
  width:22px;
  height:22px;
  flex-basis:22px;
}
#app .live-history-report-main {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}
#app .live-history-report-main h2 {
  font-size:15px;
  line-height:1.35;
  font-weight:650;
  letter-spacing:-.012em;
  margin:0;
  padding:0;
}
#app .live-history-report-main h2 a > span {
  overflow:hidden;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#app .live-history-report-main h2 a {
  color:#EEEDE8;
  text-decoration:none;
}
#app .live-history-report-main h2 a:hover {
  text-decoration:underline;
  text-underline-offset:3px;
}
#app .live-history-report-meta {
  display:flex;
  flex-wrap:wrap;
  gap:4px 0;
  min-width:0;
  align-items:center;
  color:#ADB8BA;
  font-size:11px;
  line-height:1.4;
}
#app .live-history-report-meta > * {
  white-space:nowrap;
}
#app .live-history-report-meta > * + *::before {
  content:"·";
  padding:0 8px;
  color:#859091;
}
#app .live-history-status {
  display:inline-flex;
  align-items:center;
  gap:5px;
  align-self:flex-start;
  min-height:17px;
  font-size:11px;
  line-height:1.4;
  font-weight:550;
  color:#A9BBAE;
}
#app .live-history-status--processing {
  color:#D7E45B;
}
#app .live-history-status--failed {
  color:#D8AA9C;
}
#app .live-history-status .live-history-icon {
  width:13px;
  height:13px;
  flex-basis:13px;
}
#app .live-history-report-controls {
  display:flex;
  align-items:center;
  justify-self:end;
  gap:8px;
  min-width:0;
}
#app .live-history-open {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:8px 4px 8px 10px;
  font-size:13px;
  line-height:1.4;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  color:#D7E45B;
}
#app .live-history-open:hover {
  text-decoration:underline;
  text-underline-offset:4px;
  color:#E4EF80;
}
#app :is(.live-history-open,.live-history-new,.live-history-samples,.live-history-overflow summary,.live-history-overflow button,.live-history-report-main h2 a,.live-history-retention summary):focus-visible {
  outline:2px solid #D7E45B;
  outline-offset:3px;
}
#app .live-history-overflow {
  position:relative;
  flex:0 0 auto;
}
#app .live-history-overflow > summary {
  box-sizing:border-box;
  display:grid;
  place-items:center;
  list-style:none;
  cursor:pointer;
  width:44px;
  height:44px;
  border-radius:7px;
  color:#BFC8C8;
}
#app .live-history-overflow > summary::-webkit-details-marker { display:none; }
#app .live-history-overflow > summary::marker { content:""; }
#app .live-history-overflow > summary:hover,
#app .live-history-overflow[open] > summary { background:#343C3F; }
#app .live-history-overflow > summary .live-history-icon {
  width:19px;
  height:19px;
  flex-basis:19px;
}
#app .live-history-overflow-menu {
  position:absolute;
  top:calc(100% + 5px);
  right:0;
  z-index:30;
  box-sizing:border-box;
  width:max-content;
  max-width:calc(100vw - 42px);
  padding:4px;
  background:#292F32;
  border:1px solid #576164;
  border-radius:10px;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
}
#app .live-history-overflow-menu:has([data-label-form]:not([hidden])) {
  width:min(330px,calc(100vw - 42px));
}
#app .live-history-menu-rename {
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  min-width:0;
}
#app .live-history-menu-rename > .live-history-icon {
  color:#C3CACC;
}
#app .live-history-overflow-menu .report-label-editor {
  flex:1;
  display:block;
  margin:0;
  min-width:0;
}
#app .live-history-overflow-menu .report-label-editor > button,
#app .live-history-overflow-menu .live-history-menu-delete {
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-height:44px;
  padding:6px 0;
  border:0;
  background:transparent;
  box-shadow:none;
  text-decoration:none!important;
  text-align:left;
  font-size:13px!important;
  font-weight:500;
  line-height:1.4;
  white-space:normal;
  cursor:pointer;
}
#app .live-history-overflow-menu .report-label-editor > button {
  color:#EEEDE8!important;
  -webkit-text-fill-color:#EEEDE8!important;
}
#app .live-history-menu-delete {
  gap:8px;
  padding:6px 10px!important;
  border-radius:6px;
  color:#E3B4A8!important;
  -webkit-text-fill-color:#E3B4A8!important;
}
#app .live-history-menu-delete:hover {
  background:#373332;
}
#app .live-history-overflow-menu .report-label-editor [data-label-form]:not([hidden]) {
  box-sizing:border-box;
  width:100%;
  padding:10px 0 5px;
}
#app .live-history-overflow-menu .report-label-editor label {
  display:grid;
  gap:5px;
  color:#EEEDE8;
  font-size:13px;
}
#app .live-history-overflow-menu .report-label-editor input {
  max-width:100%;
  width:100%;
  box-sizing:border-box;
  min-height:44px;
  color:#EEEDE8;
  background:#202528;
  border:1px solid #778182;
}
#app .live-history-overflow-menu .report-label-editor form .row {
  gap:6px;
  align-items:center;
  flex-wrap:wrap;
}
#app .live-history-overflow-menu .report-label-editor form button {
  min-height:40px;
  padding:8px 10px;
}
#app .live-history-menu-rename:has([data-label-form]:not([hidden])) > .live-history-icon {
  display:none;
}
#app .live-history-empty {
  padding:28px;
}
#app .live-history-retention {
  margin-top:20px;
  padding:14px 0 0;
  border-top:1px solid #3E4649;
  color:#ADB8BA;
  max-width:82ch;
}
#app .live-history-retention > summary {
  display:inline-flex;
  gap:8px;
  align-items:center;
  min-height:44px;
  padding:8px 0;
  cursor:pointer;
  color:#BFC8C8;
  font-size:12px;
  font-weight:550;
}
#app .live-history-retention > p {
  margin:5px 0 12px;
  max-width:80ch;
  color:#ABB5B6;
  font-size:12px;
  line-height:1.6;
}
#app .live-history-date-short { display:none; }
@media(max-width:700px) {
  #app .live-history-report--compact {
    grid-template-columns:32px minmax(0,1fr) auto;
    align-items:start;
    gap:8px;
    min-height:80px;
    padding:12px 8px 12px 12px;
  }
  #app .live-history-report-symbol {
    width:32px;
    height:32px;
  }
  #app .live-history-report-symbol .live-history-icon {
    width:18px;
    height:18px;
    flex-basis:18px;
  }
  #app .live-history-report-main { align-self:center; }
  #app .live-history-report-main h2 { font-size:14px; }
  #app .live-history-report-main h2 a::after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:10px;
  }
  #app .live-history-report-main h2 a:focus-visible { outline:none; }
  #app .live-history-report-main h2 a:focus-visible::after {
    outline:2px solid #D7E45B;
    outline-offset:-2px;
  }
  #app .live-history-overflow { z-index:1; }
  #app .live-history-report-controls:not(:has(.live-history-overflow)),
  #app .live-history-open,
  #app .live-history-date-full,
  #app .live-history-status--complete { display:none; }
  #app .live-history-date-short { display:inline; }
  #app .live-history-report-meta { column-gap:6px; }
  #app .live-history-report-meta > * + *::before { content:none; }
  #app .live-history-results {
    gap:9px;
  }
  #app .live-history-actions .live-history-new {
    min-height:48px;
  }
}
@media(max-width:410px) {
  #app .live-history-list-header {
    flex-wrap:wrap;
  }
  #app .live-history-report-meta {
    font-size:10.5px;
  }
  #app .live-history-overflow-menu {
    right:0;
  }
}
@media(prefers-reduced-motion:reduce) {
  #app .live-history-report--compact,
  #app .live-history-overflow summary {
    transition:none;
  }
}