/* ==========================================================
   NEL · Y2 components — Registro de Torreros
   Used by Web + H5 + BPM renderers (assets/js/nel-y2-ui.js).
   Built only on existing tokens (color-system.css + tokens.css).
   ========================================================== */

/* ---------- Section card ---------- */
.y2-sec {
  background: var(--nel-surface);
  border: 1px solid var(--nel-line);
  border-radius: var(--nel-r-md);
  overflow: hidden;
}
.y2-sec + .y2-sec { margin-top: 16px; }
.y2-sec-head {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--nel-line);
}
.y2-sec-head .icon-plate { width: 40px; height: 40px; border-radius: 10px; }
.y2-sec-title { font-size: 16px; font-weight: 700; color: var(--nel-brand-ink); letter-spacing: -0.01em; line-height: 1.3; }
.y2-sec-desc { font-size: 13px; color: var(--nel-fg-muted); margin-top: 2px; line-height: 1.5; }
.y2-ref {
  margin-left: auto; flex-shrink: 0;
  font-family: var(--nel-font-mono); font-size: 11px; font-weight: 700;
  color: var(--nel-brand-ink); background: var(--nel-brand-soft);
  border: 1px solid var(--nel-brand-mid);
  padding: 2px 8px; border-radius: 6px; white-space: nowrap;
}
.y2-sec-body { padding: 20px 22px 22px; }

/* ---------- Group (sub-card / accordion) ---------- */
.y2-group + .y2-group { margin-top: 20px; padding-top: 20px; border-top: 1px dashed var(--nel-line-strong); }
.y2-group-title {
  font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: var(--nel-track-caps);
  color: var(--nel-fg-muted); margin-bottom: 4px;
}
.y2-group-desc { font-size: 13px; color: var(--nel-fg-muted); margin-bottom: 14px; }
.y2-group-title + .y2-grid { margin-top: 12px; }

details.y2-acc { border: 1px solid var(--nel-line); border-radius: var(--nel-r-sm); background: var(--nel-surface); }
details.y2-acc + details.y2-acc { margin-top: 10px; }
details.y2-acc > summary {
  list-style: none; cursor: pointer;
  display: flex; align-items: center; gap: 10px;
  padding: 14px 16px;
  font-size: 14px; font-weight: 700; color: var(--nel-brand-ink);
}
details.y2-acc > summary::-webkit-details-marker { display: none; }
details.y2-acc > summary .chev { margin-left: auto; color: var(--nel-fg-muted); transition: transform var(--nel-t-fast) var(--nel-ease-out); }
details.y2-acc[open] > summary .chev { transform: rotate(180deg); }
details.y2-acc > summary .y2-acc-meta { font-size: 12px; font-weight: 600; color: var(--nel-fg-muted); }
details.y2-acc > summary .y2-acc-meta.is-done { color: var(--nel-success-ink); }
details.y2-acc > summary .y2-acc-meta.is-err { color: var(--nel-danger-ink); }
details.y2-acc > .y2-acc-body { padding: 4px 16px 18px; border-top: 1px solid var(--nel-line-soft); }
details.y2-acc > .y2-acc-body > .y2-group-desc { margin-top: 12px; }

/* ---------- Grid of fields ---------- */
.y2-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; }
.y2-grid .span-full { grid-column: 1 / -1; }
.y2-f { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.y2-f .field-label { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.y2-f .input[readonly] { background: var(--nel-surface-2); color: var(--nel-fg-secondary); cursor: default; }
.y2-f .input.mono { font-family: var(--nel-font-mono); font-size: 14px; }
.y2-f .field-error { display: none; }
.y2-f.is-invalid .field-error { display: flex; }
.y2-f.is-invalid .input { border-color: var(--nel-danger); background: var(--nel-danger-soft); }
.y2-f.is-invalid .y2-file { border-color: var(--nel-danger); background: var(--nel-danger-soft); }
.y2-f.is-invalid .y2-yn { box-shadow: 0 0 0 1px var(--nel-danger); }
.y2-prefill {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 10.5px; font-weight: 700; letter-spacing: .02em;
  color: var(--nel-brand-ink); background: var(--nel-brand-soft);
  border-radius: 999px; padding: 1px 8px;
  white-space: nowrap;
}
.y2-opt { font-size: 11px; font-weight: 500; color: var(--nel-fg-subtle); }

/* Yes / No segmented */
.y2-yn { display: inline-flex; padding: 3px; gap: 3px; background: var(--nel-surface-2); border-radius: 10px; align-self: flex-start; }
.y2-yn button {
  border: none; background: transparent;
  height: 36px; min-width: 76px; padding: 0 16px;
  border-radius: 8px;
  font-size: 14px; font-weight: 600; color: var(--nel-fg-secondary);
  transition: all var(--nel-t-fast) var(--nel-ease-out);
}
.y2-yn button:hover { color: var(--nel-brand-ink); }
.y2-yn button.is-on { background: var(--nel-surface); color: var(--nel-brand-ink); box-shadow: var(--nel-shadow-1); }

/* Radio cards */
.y2-rc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.y2-rc {
  display: flex; gap: 10px; align-items: flex-start;
  padding: 12px 14px;
  border: 1px solid var(--nel-line); background: var(--nel-surface);
  border-radius: 10px; cursor: pointer;
  transition: all var(--nel-t-fast) var(--nel-ease-out);
}
.y2-rc:hover { border-color: var(--nel-brand-mid); }
.y2-rc.is-on { border-color: var(--nel-accent); background: var(--nel-brand-soft); }
.y2-rc input { accent-color: var(--nel-brand); margin-top: 3px; }
.y2-rc .l { font-size: 14px; font-weight: 600; color: var(--nel-brand-ink); }
.y2-rc .d { font-size: 12.5px; color: var(--nel-fg-muted); margin-top: 2px; line-height: 1.45; }

/* Conditional reveal */
.y2-cond {
  grid-column: 1 / -1;
  border-left: 2px solid var(--nel-brand-mid);
  padding: 4px 0 4px 16px;
}
.y2-cond > .y2-grid { gap: 14px 20px; }

/* File row */
.y2-file {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px;
  border: 1px dashed var(--nel-line-strong);
  background: var(--nel-canvas);
  border-radius: var(--nel-r-sm);
  transition: all var(--nel-t-fast) var(--nel-ease-out);
}
.y2-file.is-up { border-style: solid; border-color: var(--nel-line); background: var(--nel-surface); }
.y2-file .fi {
  width: 36px; height: 36px; border-radius: 8px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--nel-surface-2); color: var(--nel-fg-muted);
}
.y2-file.is-up .fi { background: var(--nel-success-soft); color: var(--nel-success-ink); }
.y2-file .fn { font-size: 13.5px; font-weight: 600; color: var(--nel-brand-ink); line-height: 1.35; }
.y2-file .fm { font-size: 12px; color: var(--nel-fg-muted); margin-top: 1px; }
.y2-file .fbar { height: 4px; background: var(--nel-line); border-radius: 999px; margin-top: 6px; overflow: hidden; }
.y2-file .fbar i { display: block; height: 100%; width: 0; background: var(--nel-brand); border-radius: 999px; transition: width .18s; }
.y2-file .fx { margin-left: auto; display: flex; gap: 6px; flex-shrink: 0; }

/* Note inside section */
.y2-note {
  display: flex; gap: 10px; align-items: flex-start;
  margin-top: 16px; padding: 12px 14px;
  background: var(--nel-info-soft); color: var(--nel-accent-ink);
  border-radius: var(--nel-r-sm);
  font-size: 13px; line-height: 1.5;
}
.y2-note .ref { display: block; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; opacity: .8; margin-bottom: 2px; }

/* ---------- Review (Paso 4) ---------- */
.y2-rv { border: 1px solid var(--nel-line); border-radius: var(--nel-r-md); background: var(--nel-surface); overflow: hidden; }
.y2-rv + .y2-rv { margin-top: 12px; }
.y2-rv-head { display: flex; align-items: center; gap: 12px; padding: 14px 20px; background: var(--nel-canvas); border-bottom: 1px solid var(--nel-line); }
.y2-rv-head h4 { font-size: 14px; font-weight: 700; color: var(--nel-brand-ink); margin: 0; }
.y2-rv-head .st { font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; gap: 4px; }
.y2-rv-head .st.ok { color: var(--nel-success-ink); }
.y2-rv-head .st.err { color: var(--nel-danger-ink); }
.y2-rv-head .edit { margin-left: auto; font-size: 13px; font-weight: 600; color: var(--nel-brand); background: none; border: none; display: inline-flex; align-items: center; gap: 5px; padding: 4px 6px; border-radius: 6px; }
.y2-rv-head .edit:hover { background: var(--nel-surface-2); }
.y2-rv-grid { display: grid; grid-template-columns: 1fr 1fr; }
.y2-rv-item { padding: 11px 20px; border-bottom: 1px solid var(--nel-line-soft); min-width: 0; }
.y2-rv-item:nth-child(odd) { border-right: 1px solid var(--nel-line-soft); }
.y2-rv-item.span-full { grid-column: 1 / -1; border-right: none; }
.y2-rv-item .k { font-size: 12px; color: var(--nel-fg-muted); }
.y2-rv-item .v { font-size: 14px; font-weight: 600; color: var(--nel-brand-ink); margin-top: 2px; overflow-wrap: anywhere; }
.y2-rv-item .v.mono { font-family: var(--nel-font-mono); font-size: 13px; }
.y2-rv-item .v.empty { color: var(--nel-danger-ink); font-weight: 600; }
.y2-rv-item .v.na { color: var(--nel-fg-subtle); font-weight: 500; }

.y2-check { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.y2-check-card { border: 1px solid var(--nel-line); border-radius: var(--nel-r-md); padding: 16px; background: var(--nel-surface); }
.y2-check-card .n { font-size: 24px; font-weight: 800; color: var(--nel-brand-ink); letter-spacing: -0.02em; line-height: 1.1; }
.y2-check-card .l { font-size: 12.5px; color: var(--nel-fg-muted); margin-top: 4px; }
.y2-check-card.ok .n { color: var(--nel-success-ink); }
.y2-check-card.err { border-color: var(--nel-danger); background: var(--nel-danger-soft); }
.y2-check-card.err .n { color: var(--nel-danger-ink); }

/* ---------- Guide ---------- */
.y2-gd { border: 1px solid var(--nel-line); border-radius: var(--nel-r-md); background: var(--nel-surface); }
.y2-gd + .y2-gd { margin-top: 10px; }
.y2-gd > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 14px; padding: 16px 20px; }
.y2-gd > summary::-webkit-details-marker { display: none; }
.y2-gd .num { width: 30px; height: 30px; border-radius: 999px; background: var(--nel-brand-soft); color: var(--nel-brand-ink); font-weight: 700; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.y2-gd .t { font-size: 15px; font-weight: 700; color: var(--nel-brand-ink); }
.y2-gd .s { font-size: 12.5px; color: var(--nel-fg-muted); margin-top: 1px; }
.y2-gd .cnt { margin-left: auto; display: flex; gap: 6px; flex-shrink: 0; }
.y2-gd .chev { color: var(--nel-fg-muted); transition: transform var(--nel-t-fast) var(--nel-ease-out); flex-shrink: 0; }
.y2-gd[open] .chev { transform: rotate(180deg); }
.y2-gd-body { padding: 0 20px 20px 64px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.y2-gd-body h6 { font-family: var(--nel-font-sans, inherit); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: var(--nel-track-caps); color: var(--nel-fg-muted); margin: 0 0 8px; }
.y2-gd-body ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.y2-gd-body li { font-size: 13px; color: var(--nel-fg-secondary); line-height: 1.45; display: flex; gap: 8px; align-items: flex-start; }
.y2-gd-body li svg { flex-shrink: 0; margin-top: 2px; color: var(--nel-fg-subtle); }
.y2-gd-body li .c { font-size: 11px; color: var(--nel-fg-subtle); margin-left: 4px; }

/* ---------- Dossier ---------- */
.y2-dz-group + .y2-dz-group { margin-top: 18px; }
.y2-dz-h { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.y2-dz-h h5 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: var(--nel-track-caps); color: var(--nel-fg-muted); margin: 0; }
.y2-dz-h .c { font-size: 11px; color: var(--nel-fg-subtle); }
.y2-dz-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--nel-line); border-radius: var(--nel-r-sm); background: var(--nel-surface); }
.y2-dz-row + .y2-dz-row { margin-top: 6px; }
.y2-dz-row .fi { width: 32px; height: 32px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; background: var(--nel-accent-soft); color: var(--nel-accent-ink); }
.y2-dz-row.is-gen .fi { background: var(--nel-brand-soft); color: var(--nel-brand); }
.y2-dz-row.is-pending { background: var(--nel-canvas); border-style: dashed; }
.y2-dz-row.is-pending .fi { background: var(--nel-surface-2); color: var(--nel-fg-subtle); }
.y2-dz-row .n { font-size: 13.5px; font-weight: 600; color: var(--nel-brand-ink); line-height: 1.3; }
.y2-dz-row.is-pending .n { color: var(--nel-fg-muted); }
.y2-dz-row .m { font-size: 11.5px; color: var(--nel-fg-muted); }
.y2-dz-row .r { margin-left: auto; display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.y2-dz-sep { display: flex; align-items: center; gap: 10px; margin: 24px 0 14px; font-size: 12px; font-weight: 700; color: var(--nel-brand-ink); }
.y2-dz-sep::after { content: ''; flex: 1; height: 1px; background: var(--nel-line-strong); }

/* ---------- BPM review ---------- */
.y2-bpm-sec { border: 1px solid var(--nel-line); border-radius: var(--nel-r-md); background: var(--nel-surface); overflow: hidden; }
.y2-bpm-sec + .y2-bpm-sec { margin-top: 12px; }
.y2-bpm-sec > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: var(--nel-canvas); }
.y2-bpm-sec > summary::-webkit-details-marker { display: none; }
.y2-bpm-sec[open] > summary { border-bottom: 1px solid var(--nel-line); }
.y2-bpm-sec .t { font-size: 14px; font-weight: 700; color: var(--nel-brand-ink); }
.y2-bpm-sec .prog { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--nel-fg-muted); display: flex; gap: 8px; align-items: center; }
.y2-bpm-sec .chev { color: var(--nel-fg-muted); transition: transform var(--nel-t-fast); }
.y2-bpm-sec[open] .chev { transform: rotate(180deg); }
.y2-bpm-t { width: 100%; border-collapse: collapse; font-size: 13px; }
.y2-bpm-t th { text-align: left; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: var(--nel-track-caps); color: var(--nel-fg-muted); padding: 8px 14px; border-bottom: 1px solid var(--nel-line); background: var(--nel-surface); }
.y2-bpm-t td { padding: 9px 14px; border-bottom: 1px solid var(--nel-line-soft); vertical-align: middle; }
.y2-bpm-t tr:last-child td { border-bottom: none; }
.y2-bpm-t .k { color: var(--nel-fg-secondary); font-weight: 600; }
.y2-bpm-t .k .ref { display: block; font-family: var(--nel-font-mono); font-size: 10.5px; color: var(--nel-fg-subtle); font-weight: 500; }
.y2-bpm-t .v { color: var(--nel-brand-ink); font-weight: 600; overflow-wrap: anywhere; }
.y2-bpm-t .v.mono { font-family: var(--nel-font-mono); font-size: 12.5px; }
.y2-bpm-t .v.na { color: var(--nel-fg-subtle); font-weight: 500; }
.y2-bpm-t tr.is-obs td { background: var(--nel-warning-soft); }
.y2-bpm-t tr.is-fail td { background: var(--nel-danger-soft); }
.y2-bpm-t .obs { font-size: 12px; color: var(--nel-warning-ink); margin-top: 4px; line-height: 1.45; }
.y2-seg { display: inline-flex; background: var(--nel-surface-2); border-radius: 8px; padding: 2px; gap: 2px; }
.y2-seg button { border: none; background: transparent; height: 26px; padding: 0 9px; border-radius: 6px; font-size: 11.5px; font-weight: 600; color: var(--nel-fg-muted); white-space: nowrap; transition: all var(--nel-t-fast); }
.y2-seg button:hover { color: var(--nel-brand-ink); }
.y2-seg button.on-ok { background: var(--nel-success-soft); color: var(--nel-success-ink); }
.y2-seg button.on-no { background: var(--nel-danger-soft); color: var(--nel-danger-ink); }
.y2-seg button.on-rec { background: var(--nel-surface); color: var(--nel-brand-ink); box-shadow: var(--nel-shadow-1); }
.y2-obs-btn { border: 1px solid var(--nel-line); background: var(--nel-surface); height: 28px; padding: 0 9px; border-radius: 6px; font-size: 11.5px; font-weight: 600; color: var(--nel-fg-secondary); display: inline-flex; align-items: center; gap: 4px; }
.y2-obs-btn:hover { border-color: var(--nel-brand-mid); color: var(--nel-brand-ink); }
.y2-obs-btn.has { border-color: var(--nel-warning); color: var(--nel-warning-ink); background: var(--nel-warning-soft); }

/* ---------- DEMO / pending tags ---------- */
.y2-pend {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 700;
  color: var(--nel-warning-ink); background: var(--nel-warning-soft);
  padding: 2px 8px; border-radius: 999px; white-space: nowrap;
}
.y2-demo {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--nel-fg-secondary); background: var(--nel-surface-2); border: 1px solid var(--nel-line);
  padding: 1px 7px; border-radius: 999px; white-space: nowrap;
}

/* ================= H5 variant ================= */
.y2-h5 .y2-sec { border-radius: 14px; }
.y2-h5 .y2-sec + .y2-sec { margin-top: 12px; }
.y2-h5 .y2-sec-head { padding: 14px 16px; gap: 10px; }
.y2-h5 .y2-sec-head .icon-plate { width: 34px; height: 34px; border-radius: 9px; }
.y2-h5 .y2-sec-head .icon-plate svg { width: 18px; height: 18px; }
.y2-h5 .y2-sec-title { font-size: 15px; }
.y2-h5 .y2-sec-desc { font-size: 12px; }
.y2-h5 .y2-sec-body { padding: 14px 16px 16px; }
.y2-h5 .y2-grid { grid-template-columns: 1fr; gap: 14px; }
.y2-h5 .y2-f .field-label { font-size: 12px; }
.y2-h5 .y2-f .input { height: 46px; font-size: 15px; }
.y2-h5 .y2-f .field-hint { font-size: 11.5px; }
.y2-h5 .y2-rc-row { grid-template-columns: 1fr; gap: 8px; }
.y2-h5 .y2-yn { align-self: stretch; }
.y2-h5 .y2-yn button { flex: 1; height: 40px; }
.y2-h5 details.y2-acc > summary { padding: 13px 14px; font-size: 14px; }
.y2-h5 details.y2-acc > .y2-acc-body { padding: 2px 14px 16px; }
.y2-h5 .y2-file { padding: 10px 12px; flex-wrap: wrap; row-gap: 8px; }
.y2-h5 .y2-file .fn { font-size: 13px; }
.y2-h5 .y2-file .fm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.y2-h5 .y2-file .fx { margin-left: 48px; width: calc(100% - 48px); }
.y2-h5 .y2-file .fx .btn { height: 36px; }
.y2-h5 .y2-file:not(.is-up) .fx .btn { width: 100%; }
.y2-h5 details.y2-acc > summary { flex-wrap: wrap; row-gap: 2px; }
.y2-h5 details.y2-acc > summary .y2-acc-meta { order: 3; width: 100%; font-size: 11.5px; }
.y2-h5 details.y2-acc > summary .chev { order: 2; }
.y2-h5 .y2-sec-head .y2-ref { font-size: 10px; padding: 2px 6px; }
.y2-h5 .y2-cond { padding-left: 12px; }
.y2-h5 .y2-note { font-size: 12px; padding: 10px 12px; }
.y2-h5 .y2-rv-grid { grid-template-columns: 1fr; }
.y2-h5 .y2-rv-item { padding: 9px 14px; border-right: none !important; }
.y2-h5 .y2-rv-head { padding: 12px 14px; }
.y2-h5 .y2-check { grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
.y2-h5 .y2-check-card { padding: 10px; }
.y2-h5 .y2-check-card .n { font-size: 20px; }
.y2-h5 .y2-check-card .l { font-size: 11px; }
.y2-h5 .y2-gd > summary { padding: 13px 14px; gap: 10px; align-items: flex-start; }
.y2-h5 .y2-gd .num { width: 26px; height: 26px; font-size: 12px; }
.y2-h5 .y2-gd .t { font-size: 14px; }
.y2-h5 .y2-gd .s { font-size: 11.5px; }
.y2-h5 .y2-gd .cnt { display: none; }
.y2-h5 .y2-gd-body { grid-template-columns: 1fr; padding: 0 14px 14px 50px; gap: 14px; }
.y2-h5 .y2-dz-row { padding: 9px 10px; }
/* R8 · Fila de documento: la columna de texto ocupa el ancho disponible
   (antes se comprimía a 0 px y el nombre se mostraba letra por letra). */
.y2-dz-row .tx { flex: 1 1 auto; min-width: 0; }
.y2-dz-row .n { overflow-wrap: break-word; hyphens: auto; }
.y2-dz-row .m { overflow-wrap: anywhere; }
.y2-h5 .y2-dz-row { flex-wrap: wrap; row-gap: 8px; }
.y2-h5 .y2-dz-row .tx { flex-basis: calc(100% - 44px); }
.y2-h5 .y2-dz-row .r { margin-left: 44px; width: calc(100% - 44px); flex-wrap: wrap; flex-shrink: 1; }
@media (max-width: 560px) {
  .y2-dz-row { flex-wrap: wrap; row-gap: 8px; }
  .y2-dz-row .tx { flex-basis: calc(100% - 44px); }
  .y2-dz-row .r { margin-left: 44px; width: calc(100% - 44px); flex-wrap: wrap; flex-shrink: 1; }
}

@media (max-width: 960px) {
  .y2-grid, .y2-rv-grid, .y2-gd-body { grid-template-columns: 1fr; }
  .y2-rv-item { border-right: none !important; }
  .y2-gd-body { padding-left: 20px; }
  .y2-check { grid-template-columns: 1fr; }
  .y2-rc-row { grid-template-columns: 1fr; }
}

/* R7 · Calibración Y2: marcas PoC / DEMO */
.y2-pend, .y2-demo { font-size: 11px; font-weight: 600; padding: 1px 7px; border-radius: 999px; background: var(--nel-warning-soft); color: var(--nel-warning-ink); line-height: 1.6; }
.y2-ref.is-poc { background: var(--nel-warning-soft); color: var(--nel-warning-ink); }
.y2-rc-note { display: flex; gap: 6px; align-items: flex-start; margin-top: 6px; font-size: 12px; line-height: 1.45; color: var(--nel-warning-ink); }
.y2-rc-note svg { flex-shrink: 0; margin-top: 2px; }
.y2-upnote { display: flex; gap: 8px; align-items: flex-start; margin-top: 16px; padding: 10px 12px; border-radius: var(--nel-r-sm); background: var(--nel-canvas); border: 1px dashed var(--nel-line-strong); font-size: 12.5px; line-height: 1.5; color: var(--nel-fg-secondary); }
.y2-upnote svg { flex-shrink: 0; margin-top: 2px; color: var(--nel-fg-muted); }
.y2-bpm-t td.k .ref { display: block; }