/* 3.1.0 — Vault · Archivio sessioni (#panel-data-sync)
 * S2.1b — de-box: il vetro è il drawer; lista righe morbida (stile Settings).
 * NON tocca .sidebar-drawer (shell geo-plate condivisa). */

/* Eredita de-box S2.1 — niente placca cyan interna (matrioska) */
#sidebar #panel-data-sync.profile-panel,
#panel-data-sync.profile-panel {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

/* Header drawer già dice «Sessioni» — titolo panel solo per a11y */
#panel-data-sync .panel-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#panel-data-sync .panel-hint-t1 {
  margin: 0 0 14px;
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.018em;
  color: var(--t1-helm-frost-muted);
}

#panel-data-sync .vault-profile-title {
  margin: 0 0 6px;
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.018em;
  line-height: 1.25;
  color: var(--t1-helm-frost);
  text-shadow: var(--t1-drawer-gem-text-highlight);
}

#panel-data-sync .profile-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 4px;
  overflow: visible;
  scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
}

#panel-data-sync .profile-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}

#panel-data-sync .profile-list-loading,
#panel-data-sync .profile-list-empty {
  padding: 10px 2px;
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  font-size: 0.68rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--t1-helm-frost-dim);
}

#panel-data-sync .profile-list-loading-dot {
  background: color-mix(in srgb, var(--t1-cyan) 55%, var(--t1-silver));
}

/* ── Vault lifecycle 3.2.0 · S2.1c righe evento (primary + meta) ── */

#panel-data-sync .vault-session-row-wrap {
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 10px 11px 12px;
  border: 1px solid var(--t1-drawer-gem-border-row-color);
  border-top-color: var(--t1-drawer-gem-border-row-top);
  border-bottom-color: var(--t1-drawer-gem-border-bottom);
  border-radius: 8px;
  background: var(--t1-drawer-gem-surface-row);
  box-shadow: var(--t1-drawer-gem-row-inset), var(--t1-drawer-gem-row-shadow);
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

#panel-data-sync .vault-session-row-wrap:hover {
  background: var(--t1-drawer-gem-surface-hover);
  border-color: var(--t1-drawer-gem-border-color);
  border-top-color: var(--t1-drawer-gem-border-top);
  box-shadow: var(--t1-drawer-gem-inset), var(--t1-drawer-gem-row-shadow);
}

#panel-data-sync .vault-session-row-wrap:has(.vault-session-row.is-active) {
  padding-left: 18px;
  background: var(--t1-drawer-gem-surface-row-active);
  border-color: color-mix(in srgb, var(--t1-cyan, #00e5ff) 22%, var(--t1-drawer-gem-border-color));
  border-top-color: color-mix(in srgb, var(--t1-pearl, #e8f0fa) 34%, transparent);
  box-shadow:
    var(--t1-drawer-gem-inset),
    0 0 14px color-mix(in srgb, var(--t1-cyan, #00e5ff) 10%, transparent),
    var(--t1-drawer-gem-row-shadow);
}

#panel-data-sync .vault-session-row-wrap:has(.vault-session-row.is-active)::before {
  content: '';
  position: absolute;
  left: 6px;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--t1-cyan) 72%, var(--t1-helm-frost));
  box-shadow: 0 0 6px color-mix(in srgb, var(--t1-cyan) 45%, transparent);
}

#panel-data-sync .profile-session-row.vault-session-row {
  flex: 1 1 auto;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  text-align: left;
  cursor: pointer;
  transition: color 0.18s ease;
}

#panel-data-sync .vault-session-row__primary {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.012em;
  line-height: 1.3;
  color: var(--t1-helm-frost);
  text-shadow: var(--t1-drawer-gem-text-highlight);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#panel-data-sync .vault-session-row__meta {
  flex: 0 0 auto;
  font-size: 0.66rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  line-height: 1.25;
  color: var(--t1-helm-frost-muted);
  white-space: nowrap;
}

#panel-data-sync .profile-session-row.vault-session-row:hover {
  border: none;
  background: transparent;
}

#panel-data-sync .vault-session-row.is-active .vault-session-row__primary {
  color: color-mix(in srgb, var(--t1-cyan) 28%, var(--t1-helm-frost));
  font-weight: 600;
  text-shadow:
    var(--t1-drawer-gem-text-highlight),
    0 0 12px color-mix(in srgb, var(--t1-cyan, #00e5ff) 12%, transparent);
}

#panel-data-sync .vault-session-row.is-active .vault-session-row__meta {
  color: color-mix(in srgb, var(--t1-cyan) 18%, var(--t1-helm-frost-muted));
}

/* Azioni riga — icone compatte; hint corto sotto (verbo = glifo, contesto stretto vetro) */
#panel-data-sync .vault-session-row__actions {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  margin-left: 0.15rem;
  overflow: visible;
}

#panel-data-sync .vault-session-row__actions .t1sa-hint-host[data-t1-hint] {
  display: inline-flex;
  vertical-align: middle;
}

#panel-data-sync .vault-session-row__actions .t1sa-action {
  width: 1.65rem;
  height: 1.65rem;
  min-width: 1.65rem;
  min-height: 1.65rem;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--t1-helm-frost-dim);
  opacity: 0.48;
  cursor: pointer;
  transition: color 0.15s ease, opacity 0.15s ease, background 0.15s ease;
}

#panel-data-sync .vault-session-row-wrap:hover .vault-session-row__actions .t1sa-action,
#panel-data-sync .vault-session-row-wrap:focus-within .vault-session-row__actions .t1sa-action {
  opacity: 0.92;
}

#panel-data-sync .vault-session-row__actions .t1sa-icon {
  width: 0.95rem;
  height: 0.95rem;
}

#panel-data-sync .vault-session-row__actions .vault-row-action--restore {
  color: color-mix(in srgb, var(--t1-cyan) 72%, var(--t1-helm-frost-muted));
}

#panel-data-sync .vault-session-row__actions .vault-row-action--delete {
  color: color-mix(in srgb, #e85d5d 78%, var(--t1-helm-frost-muted));
}

#panel-data-sync .vault-session-row__actions .t1sa-action:hover,
#panel-data-sync .vault-session-row__actions .t1sa-action:focus-visible {
  background: color-mix(in srgb, var(--t1-helm-frost) 6%, transparent);
  outline: none;
  opacity: 1;
}

#panel-data-sync .vault-session-row__actions .vault-row-action--delete:hover,
#panel-data-sync .vault-session-row__actions .vault-row-action--delete:focus-visible {
  color: #e85d5d;
}

#panel-data-sync .vault-session-row__actions .t1sa-hint-host[data-t1-hint='below'] > .t1-hover-hint {
  top: calc(100% + 5px);
  left: 50%;
  right: auto;
  transform: translateX(-50%) translateY(4px);
  max-width: none;
  white-space: nowrap;
  padding: 4px 8px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: none;
  z-index: 240;
}

#panel-data-sync .vault-session-row__actions .t1sa-hint-host[data-t1-hint='below']:hover:not([data-hint-dismissed]) > .t1-hover-hint,
#panel-data-sync .vault-session-row__actions .t1sa-hint-host[data-t1-hint='below']:focus-within:not([data-hint-dismissed]) > .t1-hover-hint {
  transform: translateX(-50%) translateY(0);
}

#panel-data-sync .vault-session-row__actions .t1sa-hint-host[data-t1-hint='below'][data-hint-dismissed]:hover > .t1-hover-hint,
#panel-data-sync .vault-session-row__actions .t1sa-hint-host[data-t1-hint='below'][data-hint-dismissed]:focus-within > .t1-hover-hint {
  transform: translateX(-50%) translateY(4px);
}

#panel-data-sync .vault-session-row__actions .t1sa-hint-host:hover,
#panel-data-sync .vault-session-row__actions .t1sa-hint-host:focus-within {
  z-index: 12;
}

/* <details> Provini archiviati */
#panel-data-sync .vault-archived-details {
  margin-top: 12px;
  border-top: 1px solid color-mix(in srgb, var(--t1-silver) 12%, transparent);
}

#panel-data-sync .vault-archived-summary {
  padding: 10px 4px;
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  font-size: 0.66rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--t1-helm-frost-muted);
  cursor: pointer;
  user-select: none;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  transition: color 0.15s ease;
}

#panel-data-sync .vault-archived-summary::-webkit-details-marker {
  display: none;
}

#panel-data-sync .vault-archived-summary::before {
  content: '▶';
  font-size: 0.5rem;
  opacity: 0.65;
  transition: transform 0.18s ease;
  display: inline-block;
}

#panel-data-sync .vault-archived-details[open] .vault-archived-summary::before {
  transform: rotate(90deg);
}

#panel-data-sync .vault-archived-summary:hover {
  color: var(--t1-helm-frost);
}

#panel-data-sync .vault-archived-list {
  margin-top: 2px;
  opacity: 0.88;
}

/* Legacy profile-card nel vault (monoprofilo: in genere assenti) — neutro se riappare */
#panel-data-sync .profile-card {
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--t1-silver) 14%, transparent);
  border-left: 2px solid transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  transform: none;
}

#panel-data-sync .profile-card::before {
  display: none;
}

#panel-data-sync .profile-card:hover,
#panel-data-sync .profile-card.is-active,
#panel-data-sync .profile-card.is-active:hover {
  border-color: color-mix(in srgb, var(--t1-silver) 22%, transparent);
  border-left-color: color-mix(in srgb, var(--t1-cyan) 35%, transparent);
  background: color-mix(in srgb, var(--t1-cyan) 5%, transparent);
  box-shadow: none;
  transform: none;
}

#panel-data-sync .profile-search input {
  background: color-mix(in srgb, var(--t1-silver) 8%, rgba(0, 0, 0, 0.28));
  border: 1px solid color-mix(in srgb, var(--t1-silver) 18%, transparent);
  border-radius: var(--radius-sm, 8px);
}

#panel-data-sync .profile-search input:focus {
  border-color: color-mix(in srgb, var(--t1-cyan) 28%, transparent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--t1-cyan) 10%, transparent);
  outline: none;
}

@media (prefers-reduced-motion: reduce) {
  #panel-data-sync .vault-session-row-wrap,
  #panel-data-sync .profile-session-row.vault-session-row,
  #panel-data-sync .vault-session-row__actions .t1sa-action,
  #panel-data-sync .vault-archived-summary,
  #panel-data-sync .profile-card,
  #panel-data-sync .profile-search input {
    transition-duration: 0.01ms;
  }
}

/* Badge archiviata nello Storico clinico */
.holographic-cartella-storico-item__meta--archived {
  opacity: 0.62;
  font-style: italic;
}

/* ── Badge "profilo" per note legacy (session_id IS NULL) nel feed ── */
.note-legacy-badge {
  display: inline-flex;
  align-items: center;
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--t1-helm-frost-muted);
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--t1-silver, #9aa5b1) 16%, transparent);
  margin-right: 4px;
  flex-shrink: 0;
  vertical-align: middle;
}

.notes-feed-item.note-is-legacy {
  opacity: 0.78;
}

.notes-feed-item.note-is-legacy:hover,
.notes-feed-item.note-is-legacy.is-active-highlight {
  opacity: 1;
}

/* ── Dual Lab · stile drawer gem (allineato a vault-session-row attiva) ── */

#panel-dual-lab .dual-lab-slot {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 4px;
  font-family: var(--font-tech, monospace);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: color-mix(in srgb, var(--t1-cyan, #00e5ff) 82%, var(--t1-helm-frost));
  border: 1px solid color-mix(in srgb, var(--t1-cyan, #00e5ff) 28%, transparent);
  background: color-mix(in srgb, var(--t1-cyan, #00e5ff) 6%, transparent);
}

#panel-dual-lab .dual-lab-slot--ref {
  color: color-mix(in srgb, var(--t1-pearl, #e8f0fa) 78%, var(--t1-helm-frost-muted));
  border-color: color-mix(in srgb, var(--t1-silver, #9aa5b1) 22%, transparent);
  background: color-mix(in srgb, var(--t1-silver, #9aa5b1) 5%, transparent);
}

#panel-dual-lab .dual-lab-master-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  padding: 11px 10px 11px 18px;
  border: 1px solid color-mix(in srgb, var(--t1-cyan, #00e5ff) 22%, var(--t1-drawer-gem-border-color));
  border-top-color: color-mix(in srgb, var(--t1-pearl, #e8f0fa) 34%, transparent);
  border-radius: 8px;
  background: var(--t1-drawer-gem-surface-row-active);
  box-shadow:
    var(--t1-drawer-gem-inset),
    0 0 14px color-mix(in srgb, var(--t1-cyan, #00e5ff) 10%, transparent),
    var(--t1-drawer-gem-row-shadow);
}

#panel-dual-lab .dual-lab-master-wrap::before {
  content: '';
  position: absolute;
  left: 6px;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--t1-cyan) 72%, var(--t1-helm-frost));
  box-shadow: 0 0 6px color-mix(in srgb, var(--t1-cyan) 45%, transparent);
}

#panel-dual-lab .dual-lab-master__body {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

#panel-dual-lab .dual-lab-master__kicker {
  font-family: var(--font-tech, monospace);
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--t1-cyan, #00e5ff) 70%, var(--t1-helm-frost-muted));
}

#panel-dual-lab .dual-lab-master__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

#panel-dual-lab .dual-lab-master__primary {
  flex: 1 1 auto;
  min-width: 0;
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.012em;
  line-height: 1.3;
  color: color-mix(in srgb, var(--t1-cyan) 28%, var(--t1-helm-frost));
  text-shadow:
    var(--t1-drawer-gem-text-highlight),
    0 0 12px color-mix(in srgb, var(--t1-cyan, #00e5ff) 12%, transparent);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#panel-dual-lab .dual-lab-master__meta {
  flex: 0 0 auto;
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  font-size: 0.66rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  line-height: 1.25;
  color: color-mix(in srgb, var(--t1-cyan) 18%, var(--t1-helm-frost-muted));
  white-space: nowrap;
}

#panel-dual-lab .dual-lab-vault-picker {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}

#panel-dual-lab .dual-lab-vault-picker__head {
  display: flex;
  align-items: center;
  gap: 8px;
}

#panel-dual-lab .dual-lab-vault-picker__label {
  font-family: var(--font-tech, monospace);
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--t1-helm-frost-muted);
}

#panel-dual-lab .dual-lab-ref-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: min(220px, 36vh);
  overflow-y: auto;
  margin-top: 2px;
  padding-right: 2px;
}

#panel-dual-lab .dual-lab-ref-empty {
  margin: 0;
  padding: 10px 8px;
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--t1-helm-frost-muted);
}

#panel-dual-lab .dual-lab-ref-group-label {
  margin: 6px 0 2px;
  padding: 0 4px;
  font-family: var(--font-tech, monospace);
  font-size: 0.56rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--t1-silver) 70%, var(--t1-helm-frost-muted));
}

#panel-dual-lab .dual-lab-ref-group-label:first-child {
  margin-top: 0;
}

#panel-dual-lab .dual-lab-ref-row-wrap {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 12px;
  border: 1px solid var(--t1-drawer-gem-border-row-color);
  border-top-color: var(--t1-drawer-gem-border-row-top);
  border-bottom-color: var(--t1-drawer-gem-border-bottom);
  border-radius: 8px;
  background: var(--t1-drawer-gem-surface-row);
  box-shadow: var(--t1-drawer-gem-row-inset), var(--t1-drawer-gem-row-shadow);
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

#panel-dual-lab .dual-lab-ref-row-wrap:hover {
  background: var(--t1-drawer-gem-surface-hover);
  border-color: var(--t1-drawer-gem-border-color);
  border-top-color: var(--t1-drawer-gem-border-top);
  box-shadow: var(--t1-drawer-gem-inset), var(--t1-drawer-gem-row-shadow);
}

#panel-dual-lab .dual-lab-ref-row-wrap:has(.dual-lab-ref-row.is-active) {
  padding-left: 18px;
  background: var(--t1-drawer-gem-surface-row-active);
  border-color: color-mix(in srgb, var(--t1-cyan, #00e5ff) 22%, var(--t1-drawer-gem-border-color));
  border-top-color: color-mix(in srgb, var(--t1-pearl, #e8f0fa) 34%, transparent);
  box-shadow:
    var(--t1-drawer-gem-inset),
    0 0 14px color-mix(in srgb, var(--t1-cyan, #00e5ff) 10%, transparent),
    var(--t1-drawer-gem-row-shadow);
}

#panel-dual-lab .dual-lab-ref-row-wrap:has(.dual-lab-ref-row.is-active)::before {
  content: '';
  position: absolute;
  left: 6px;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--t1-cyan) 72%, var(--t1-helm-frost));
  box-shadow: 0 0 6px color-mix(in srgb, var(--t1-cyan) 45%, transparent);
}

#panel-dual-lab .dual-lab-ref-row {
  flex: 1 1 auto;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  text-align: left;
  cursor: pointer;
  color: inherit;
  transition: color 0.18s ease;
}

#panel-dual-lab .dual-lab-ref-row__primary {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.012em;
  line-height: 1.3;
  color: var(--t1-helm-frost);
  text-shadow: var(--t1-drawer-gem-text-highlight);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#panel-dual-lab .dual-lab-ref-row__meta {
  flex: 0 0 auto;
  font-size: 0.66rem;
  font-weight: 400;
  letter-spacing: 0.018em;
  line-height: 1.25;
  color: var(--t1-helm-frost-muted);
  white-space: nowrap;
}

#panel-dual-lab .dual-lab-ref-row.is-active .dual-lab-ref-row__primary {
  color: color-mix(in srgb, var(--t1-cyan) 28%, var(--t1-helm-frost));
  font-weight: 600;
  text-shadow:
    var(--t1-drawer-gem-text-highlight),
    0 0 12px color-mix(in srgb, var(--t1-cyan, #00e5ff) 12%, transparent);
}

#panel-dual-lab .dual-lab-ref-row.is-active .dual-lab-ref-row__meta {
  color: color-mix(in srgb, var(--t1-cyan) 18%, var(--t1-helm-frost-muted));
}

#panel-dual-lab .dual-lab-ref-row:hover .dual-lab-ref-row__primary {
  color: color-mix(in srgb, var(--t1-cyan) 18%, var(--t1-helm-frost));
}

#panel-dual-lab .dual-lab-local-fallback {
  margin-top: 2px;
  margin-bottom: 8px;
  border-top: 1px solid color-mix(in srgb, var(--t1-silver) 12%, transparent);
}

#panel-dual-lab .dual-lab-local-summary {
  padding: 10px 4px;
  font-family: 'Inter', var(--t1-font-ui, system-ui, sans-serif);
  font-size: 0.66rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--t1-helm-frost-muted);
  cursor: pointer;
  user-select: none;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  transition: color 0.15s ease;
}

#panel-dual-lab .dual-lab-local-summary::-webkit-details-marker {
  display: none;
}

#panel-dual-lab .dual-lab-local-summary::before {
  content: '▶';
  font-size: 0.5rem;
  opacity: 0.65;
  transition: transform 0.18s ease;
  display: inline-block;
}

#panel-dual-lab .dual-lab-local-fallback[open] .dual-lab-local-summary::before {
  transform: rotate(90deg);
}

#panel-dual-lab .dual-lab-local-summary:hover {
  color: var(--t1-helm-frost);
}

#panel-dual-lab .dual-lab-ref-file-btn {
  width: 100%;
  margin-top: 4px;
}

#panel-dual-lab .dual-lab-chips {
  margin-top: 4px;
}