/* ════════════════════════════════════════════════════════════════════════
 * expedientes.css · Ficha Clínica V2 · Visor de Expedientes (nativo)
 * LUZOcrm V2 / TRANSED ONG · TAG: FC-EXP-NATIVE
 * Solo tokens LUZOkit (--c-brand, --bg-card, --tx-base, etc). 3 temas.
 * Layout paciente-céntrico: entrada (search+recientes) → hero+timeline+visor.
 * ════════════════════════════════════════════════════════════════════════ */

.exp-root{ height:100%; display:flex; flex-direction:column; min-height:0; }

/* ── scroll wrappers ─────────────────────────────────────────────────── */
.exp-scroll{ flex:1; min-height:0; overflow-y:auto; }

/* ════════ ENTRADA (search + recientes) ════════ */
.exp-entry{ max-width:880px; margin:0 auto; padding:34px 20px 40px; width:100%; box-sizing:border-box; }
.exp-search-section{ margin-bottom:30px; }
.exp-search-title{ font-size:20px; font-weight:500; color:var(--tx-base); margin-bottom:6px; text-align:center; letter-spacing:-.01em; }
.exp-search-sub{ font-size:12.5px; color:var(--tx-muted); text-align:center; margin-bottom:18px; }
.exp-search-input-wrap{ display:flex; align-items:center; gap:11px; height:48px; padding:0 16px; max-width:560px; margin:0 auto;
  background:var(--bg-card); border:1px solid var(--border, var(--lk-border)); border-radius:12px; transition:border-color .15s, box-shadow .15s; }
.exp-search-input-wrap:focus-within{ border-color:var(--c-brand); box-shadow:0 0 0 3px var(--c-brand-muted, rgba(109,40,217,.12)), 0 4px 16px rgba(0,0,0,.15); }
.exp-search-input-wrap svg{ width:18px; height:18px; stroke:var(--tx-muted); fill:none; stroke-width:1.8; flex-shrink:0; }
.exp-search-input{ flex:1; background:transparent; border:none; outline:none; font-family:inherit; font-size:14px; color:var(--tx-base); height:100%; }
.exp-search-kbd{ font-size:11px; color:var(--tx-soft); font-family:ui-monospace, monospace; border:1px solid var(--border, var(--lk-border)); border-radius:6px; padding:2px 6px; flex-shrink:0; }

.exp-quick-filters{ display:flex; gap:8px; justify-content:center; margin-top:16px; flex-wrap:wrap; }
.exp-qf-chip{ display:inline-flex; align-items:center; gap:7px; height:30px; padding:0 13px; border-radius:20px;
  background:var(--bg-card); border:1px solid var(--border, var(--lk-border)); color:var(--tx-muted);
  font-family:inherit; font-size:12px; font-weight:500; cursor:pointer; transition:background .14s, color .14s, border-color .14s; }
.exp-qf-chip:hover{ color:var(--tx-base); }
.exp-qf-chip.is-active{ background:var(--c-brand-muted, rgba(109,40,217,.12)); border-color:var(--c-brand); color:var(--c-brand); }
.exp-qf-chip-count{ font-size:10.5px; font-variant-numeric:tabular-nums; opacity:.8; background:rgba(127,127,127,.14); border-radius:10px; padding:1px 6px; }
.exp-qf-chip.is-active .exp-qf-chip-count{ background:var(--c-brand-muted, rgba(109,40,217,.18)); }

.exp-section{ margin-bottom:26px; }
.exp-section-head{ display:flex; align-items:baseline; gap:10px; margin-bottom:12px; }
.exp-section-title{ font-size:13px; font-weight:600; color:var(--tx-base); }
.exp-section-sub{ font-size:11px; color:var(--tx-soft); }

.exp-recent-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(250px, 1fr)); gap:10px; }
.exp-pat-card{ background:var(--bg-card); border:1px solid var(--border, var(--lk-border)); border-radius:10px; padding:13px 14px; cursor:pointer;
  transition:transform .16s cubic-bezier(.34,1.2,.64,1), box-shadow .18s, border-color .14s, background .14s; }
.exp-pat-card:hover{ transform:translateY(-2px); box-shadow:0 6px 18px -8px rgba(0,0,0,.22); border-color:var(--c-brand); }
.exp-pat-card:active{ transform:translateY(0); }
.exp-pat-card-top{ display:flex; gap:11px; align-items:center; margin-bottom:11px; }
.exp-pat-av-wrap{ position:relative; flex-shrink:0; }
.exp-pat-av{ width:40px; height:40px; border-radius:11px; display:flex; align-items:center; justify-content:center;
  font-size:14px; font-weight:600; color:#fff; background:var(--c-brand); }
.exp-pat-av.sky{ background:var(--sky-base, #4a90d9); }
.exp-pat-av.green{ background:var(--green-base, #1d9e75); }
.exp-pat-av.amber{ background:var(--amber-base, #ba7517); }
.exp-pat-info{ min-width:0; flex:1; }
.exp-pat-name{ font-size:13.5px; font-weight:600; color:var(--tx-base); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.exp-pat-meta{ font-size:11px; color:var(--tx-muted); margin-top:2px; }
.exp-pat-stats{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.exp-pat-program{ font-size:10px; font-weight:600; color:var(--c-brand); background:var(--c-brand-muted, rgba(109,40,217,.12)); border-radius:6px; padding:2px 8px; }
.exp-pat-stat{ display:flex; flex-direction:column; }
.exp-pat-stat-lbl{ font-size:9px; color:var(--tx-soft); text-transform:uppercase; letter-spacing:.06em; }
.exp-pat-stat-val{ font-size:11.5px; color:var(--tx-base); font-variant-numeric:tabular-nums; }

.exp-empty{ text-align:center; padding:50px 20px; color:var(--tx-muted); }
.exp-empty svg{ width:42px; height:42px; stroke:var(--tx-soft); fill:none; stroke-width:1.5; margin-bottom:14px; }
.exp-empty-title{ font-size:14px; color:var(--tx-base); margin-bottom:6px; }
.exp-empty-sub{ font-size:12px; color:var(--tx-soft); }

/* ════════ VISTA PACIENTE · HERO ════════ */
.exp-hero{ display:flex; align-items:center; gap:14px; padding:16px 18px; border-bottom:1px solid var(--border, var(--lk-border)); flex-shrink:0; }
.exp-hero-back{ width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center;
  background:var(--bg-card); border:1px solid var(--border, var(--lk-border)); cursor:pointer; flex-shrink:0; transition:background .14s, transform .14s; }
.exp-hero-back:hover{ background:var(--bg-hover, rgba(127,127,127,.08)); }
.exp-hero-back:active{ transform:scale(.95); }
.exp-hero-back svg{ width:18px; height:18px; stroke:var(--tx-base); fill:none; stroke-width:2; }
.exp-hero-av{ width:46px; height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center;
  font-size:16px; font-weight:600; color:#fff; background:var(--c-brand); flex-shrink:0; }
.exp-hero-info{ min-width:0; flex:1; }
.exp-hero-name{ font-size:17px; font-weight:600; color:var(--tx-base); }
.exp-hero-meta-row{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:3px; }
.exp-hero-meta{ font-size:11.5px; color:var(--tx-muted); }
.exp-hero-meta-sep{ color:var(--tx-soft); opacity:.5; }
.exp-hero-chip{ font-size:10px; font-weight:600; border-radius:6px; padding:2px 8px; }
.exp-hero-chip.brand{ color:var(--c-brand); background:var(--c-brand-muted, rgba(109,40,217,.12)); }
.exp-hero-stats{ display:flex; gap:16px; align-items:center; flex-shrink:0; }
.exp-hero-stat{ display:flex; align-items:center; gap:8px; }
.exp-hero-actions{ display:flex; gap:8px; align-items:center; flex-shrink:0; }

.hero-btn{ display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 13px; border-radius:9px;
  background:var(--bg-card); border:1px solid var(--border, var(--lk-border)); color:var(--tx-base); font-family:inherit;
  font-size:13px; font-weight:500; cursor:pointer; flex-shrink:0; transition:transform .13s, filter .15s, background .14s, border-color .14s; }
.hero-btn:hover:not(:disabled){ transform:translateY(-1px); }
.hero-btn:active:not(:disabled){ transform:translateY(0); }
.hero-btn:disabled{ opacity:.5; cursor:not-allowed; }
.hero-btn.primary{ background:var(--c-brand); border-color:var(--c-brand); color:#fff; }
.hero-btn.primary:hover:not(:disabled){ filter:brightness(1.06); }
.hero-btn.is-active{ background:var(--c-brand-muted, rgba(109,40,217,.12)); border-color:var(--c-brand); color:var(--c-brand); }
.hero-btn-icon-only{ padding:0; width:36px; justify-content:center; }
.hero-btn-ico svg{ width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:1.8; }
.hero-btn-chev svg{ width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:2.2; transition:transform .18s; }

/* ════════ BODY · timeline + visor ════════ */
.exp-body{ display:grid; grid-template-columns:300px 1fr; flex:1; min-height:0; }

.exp-timeline{ border-right:1px solid var(--border, var(--lk-border)); display:flex; flex-direction:column; min-height:0; }
.exp-tl-head{ display:flex; align-items:baseline; justify-content:space-between; padding:13px 16px; border-bottom:1px solid var(--border-soft, var(--lk-border)); flex-shrink:0; }
.exp-tl-title{ font-size:12.5px; font-weight:600; color:var(--tx-base); }
.exp-tl-count{ font-size:11px; color:var(--tx-soft); }
.exp-tl-list{ flex:1; min-height:0; overflow-y:auto; padding:8px 0; }

.exp-tl-item{ display:flex; gap:0; padding:0 16px; cursor:pointer; position:relative; }
.exp-tl-item-dot-wrap{ display:flex; flex-direction:column; align-items:center; width:14px; flex-shrink:0; padding-top:14px; }
.exp-tl-item-dot{ width:9px; height:9px; border-radius:50%; background:var(--tx-soft); border:2px solid var(--bg-card); z-index:1; transition:background .15s, transform .15s; }
.exp-tl-item-line{ width:2px; flex:1; background:var(--border, var(--lk-border)); margin-top:2px; }
.exp-tl-item:last-child .exp-tl-item-line{ display:none; }
.exp-tl-item-body{ flex:1; min-width:0; padding:11px 0 11px 12px; border-radius:8px; margin:2px 0; padding-left:12px; transition:background .14s; }
.exp-tl-item:hover .exp-tl-item-body{ background:var(--bg-hover, rgba(127,127,127,.05)); }
.exp-tl-item.is-selected .exp-tl-item-body{ background:var(--c-brand-muted, rgba(109,40,217,.10)); }
.exp-tl-item.is-selected .exp-tl-item-dot{ background:var(--c-brand); transform:scale(1.15); }
.exp-tl-item.is-alerted .exp-tl-item-dot{ background:var(--red-base, #e24b4a); }
.exp-tl-item-row1{ display:flex; align-items:center; gap:8px; margin-bottom:4px; }
.exp-tl-item-sesion{ font-size:10px; color:var(--tx-soft); margin-left:auto; flex-shrink:0; }
.exp-tl-item-summary{ font-size:12px; color:var(--tx-base); line-height:1.35; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.exp-tl-item-foot{ font-size:10px; color:var(--tx-soft); margin-top:4px; }

.exp-tl-tipo{ display:inline-flex; align-items:center; gap:5px; height:18px; padding:0 7px; border-radius:6px;
  font-size:9.5px; font-weight:600; flex-shrink:0; }
.exp-tl-tipo svg{ width:11px; height:11px; stroke:currentColor; fill:none; stroke-width:1.8; }
.exp-tl-tipo.ingreso, .exp-tl-tipo.evaluacion{ color:var(--c-brand); background:var(--c-brand-muted, rgba(109,40,217,.12)); }
.exp-tl-tipo.evolucion{ color:var(--green-base, #1d9e75); background:var(--green-bg, rgba(29,158,117,.10)); }
.exp-tl-tipo.interconsulta{ color:var(--sky-base, #4a90d9); background:var(--sky-bg, rgba(74,144,217,.10)); }

/* ── VISOR (ficha seleccionada) ── */
.exp-viewer{ display:flex; flex-direction:column; min-height:0; }
.exp-viewer-bar{ display:flex; align-items:center; justify-content:space-between; padding:13px 20px; border-bottom:1px solid var(--border-soft, var(--lk-border)); flex-shrink:0; }
.exp-viewer-bar-folio{ font-size:10.5px; color:var(--tx-soft); font-family:ui-monospace, monospace; margin-bottom:3px; }
.exp-viewer-bar-title{ display:flex; align-items:center; gap:9px; font-size:14px; font-weight:600; color:var(--tx-base); }
.exp-viewer-body{ flex:1; min-height:0; overflow-y:auto; }
.exp-viewer-content{ max-width:680px; margin:0 auto; padding:22px 24px 36px; }

.exp-viewer-section{ margin-bottom:22px; }
.exp-viewer-meta-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:14px;
  padding:14px 16px; background:var(--bg-surface, var(--bg-card)); border:1px solid var(--border-soft, var(--lk-border)); border-radius:10px; }
.exp-viewer-meta-lbl{ font-size:9.5px; color:var(--tx-soft); text-transform:uppercase; letter-spacing:.06em; margin-bottom:3px; }
.exp-viewer-meta-val{ font-size:12.5px; color:var(--tx-base); font-weight:500; }
.exp-viewer-section-title{ font-size:11px; font-weight:600; color:var(--c-brand); text-transform:uppercase; letter-spacing:.05em; margin-bottom:8px; }
.exp-viewer-text{ font-size:13.5px; color:var(--tx-base); line-height:1.65; }
.exp-viewer-text p{ margin:0 0 10px; }

.exp-viewer-audit{ display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:10px; margin-top:18px;
  background:var(--green-bg, rgba(29,158,117,.08)); border:1px solid var(--green-bd, rgba(29,158,117,.22)); }
.exp-viewer-audit.is-broken{ background:var(--red-bg, rgba(226,75,74,.08)); border-color:var(--red-bd, rgba(226,75,74,.26)); }
.exp-viewer-audit-dot{ width:8px; height:8px; border-radius:50%; flex-shrink:0; background:var(--green-base, #1d9e75); }
.exp-viewer-audit.is-broken .exp-viewer-audit-dot{ background:var(--red-base, #e24b4a); }
.exp-viewer-audit-text{ font-size:11.5px; color:var(--tx-muted); flex:1; }
.exp-viewer-audit-link{ font-size:11.5px; color:var(--c-brand); background:none; border:none; cursor:pointer; font-family:inherit; flex-shrink:0; }

.exp-viewer-empty{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--tx-muted); padding:40px; }
.exp-viewer-empty svg{ width:40px; height:40px; stroke:var(--tx-soft); fill:none; stroke-width:1.5; margin-bottom:12px; }

/* ── FEI badge ── */
.exp-fei-badge{ display:inline-flex; align-items:center; gap:6px; height:22px; padding:0 9px; border-radius:7px;
  font-size:10.5px; font-weight:600; color:var(--green-base, #1d9e75); background:var(--green-bg, rgba(29,158,117,.10)); }
.exp-fei-badge svg{ width:12px; height:12px; stroke:currentColor; fill:none; stroke-width:1.8; }

/* ════════ DROPDOWN COMPARTIR ════════ */
.exp-dd-share{ position:absolute; z-index:9990; min-width:280px; background:var(--bg-card); border:1px solid var(--border, var(--lk-border));
  border-radius:12px; box-shadow:0 12px 36px -8px rgba(0,0,0,.4); padding:6px; animation:exp-dd-in .16s cubic-bezier(.34,1.2,.64,1); }
@keyframes exp-dd-in{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:translateY(0); } }
.exp-dd-item{ display:flex; align-items:center; gap:11px; width:100%; padding:9px 10px; border-radius:8px; background:none; border:none;
  cursor:pointer; font-family:inherit; text-align:left; transition:background .12s; }
.exp-dd-item:hover:not(:disabled){ background:var(--bg-hover, rgba(127,127,127,.07)); }
.exp-dd-item:disabled{ opacity:.45; cursor:not-allowed; }
.exp-dd-item-ico{ width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center;
  background:var(--bg-surface, rgba(127,127,127,.08)); flex-shrink:0; }
.exp-dd-item-ico svg{ width:16px; height:16px; stroke:var(--tx-base); fill:none; stroke-width:1.7; }
.exp-dd-item-stack{ flex:1; min-width:0; }
.exp-dd-item-title{ font-size:12.5px; font-weight:500; color:var(--tx-base); }
.exp-dd-item-sub{ font-size:10.5px; color:var(--tx-soft); margin-top:1px; }
.exp-dd-item-tag{ font-size:9.5px; color:var(--amber-base, #ba7517); background:var(--amber-bg, rgba(186,117,23,.12)); border-radius:6px; padding:2px 7px; flex-shrink:0; }
.exp-dd-sep{ height:1px; background:var(--border-soft, var(--lk-border)); margin:5px 8px; }

/* ════════ VISOR V2 · MEJORAS ════════ */

/* resumen clínico (banda bajo el hero) */
.exp-summary{ display:flex; align-items:center; gap:0; padding:11px 18px; border-bottom:1px solid var(--border-soft, var(--lk-border)); background:var(--bg-surface, var(--bg-card)); flex-shrink:0; flex-wrap:wrap; }
.exp-sum{ padding:0 16px; border-right:1px solid var(--border-soft, var(--lk-border)); }
.exp-sum:first-child{ padding-left:0; } .exp-sum:last-child{ border-right:none; }
.exp-sum-lbl{ font-size:9px; color:var(--tx-soft); text-transform:uppercase; letter-spacing:.06em; margin-bottom:3px; }
.exp-sum-val{ font-size:12.5px; font-weight:600; color:var(--tx-base); display:flex; align-items:center; gap:6px; }
.exp-sum-val .muted{ font-weight:400; color:var(--tx-soft); font-size:11px; }
.exp-sum-code{ font-size:9.5px; font-weight:600; color:var(--sky-base, #4a90d9); background:var(--sky-bg, rgba(74,144,217,.10)); border-radius:5px; padding:1px 5px; cursor:help; border-bottom:1px dotted var(--sky-base, #4a90d9); }
.exp-adh{ height:4px; border-radius:2px; background:var(--bg-card); overflow:hidden; margin-top:5px; width:80px; }
.exp-adh-fill{ height:100%; background:var(--green-base, #1d9e75); border-radius:2px; }

/* tooltip CIE-11 */
.exp-cie-tip{ position:fixed; z-index:9995; max-width:300px; background:var(--bg-card); border:1px solid var(--border, var(--lk-border)); border-radius:12px; box-shadow:0 12px 36px -10px rgba(0,0,0,.3); padding:13px 15px; opacity:0; pointer-events:none; transform:translateY(4px); transition:opacity .16s, transform .16s; }
.exp-cie-tip.show{ opacity:1; transform:translateY(0); }
.exp-cie-tip-code{ font-size:11px; font-weight:700; color:var(--sky-base, #4a90d9); font-family:ui-monospace, monospace; }
.exp-cie-tip-title{ font-size:13px; font-weight:600; color:var(--tx-base); margin:3px 0 8px; line-height:1.35; }
.exp-cie-tip-row{ display:flex; gap:8px; font-size:10.5px; margin-top:5px; }
.exp-cie-tip-k{ color:var(--tx-soft); min-width:62px; } .exp-cie-tip-v{ color:var(--tx-muted); flex:1; }
.exp-cie-tip-ges{ display:inline-block; margin-top:9px; font-size:9.5px; font-weight:600; color:var(--green-base, #1d9e75); background:var(--green-bg, rgba(29,158,117,.10)); border-radius:5px; padding:2px 7px; }

/* timeline: tools (búsqueda + filtros) */
.exp-tl-tools{ padding:10px 12px; border-bottom:1px solid var(--border-soft, var(--lk-border)); flex-shrink:0; }
.exp-tl-search{ display:flex; align-items:center; gap:8px; height:34px; padding:0 11px; background:var(--bg-surface, var(--bg-card)); border:1px solid var(--border-soft, var(--lk-border)); border-radius:9px; margin-bottom:9px; }
.exp-tl-search svg{ width:14px; height:14px; stroke:var(--tx-soft); fill:none; stroke-width:1.8; }
.exp-tl-search input{ flex:1; background:transparent; border:none; outline:none; font:12px inherit; color:var(--tx-base); }
.exp-tl-fchips{ display:flex; gap:5px; flex-wrap:wrap; }
.exp-tl-fchip{ font-size:10.5px; font-weight:500; padding:4px 9px; border-radius:7px; border:1px solid var(--border, var(--lk-border)); background:var(--bg-card); color:var(--tx-muted); cursor:pointer; font-family:inherit; }
.exp-tl-fchip.is-on{ background:var(--c-brand-muted, rgba(109,40,217,.12)); border-color:var(--c-brand); color:var(--c-brand); }
.exp-tl-rect{ font-size:9px; font-weight:600; color:var(--amber-base, #ba7517); background:var(--amber-bg, rgba(186,117,23,.12)); border-radius:5px; padding:1px 6px; }
.exp-tl-fei-mini{ display:inline-flex; align-items:center; gap:3px; color:var(--green-base, #1d9e75); }
.exp-tl-fei-mini svg{ width:10px; height:10px; stroke:currentColor; fill:none; stroke-width:1.8; }

/* sidebar: ancho fijo + redimensionable + colapsable */
.exp-body{ position:relative; }
.exp-timeline{ width:var(--exp-sb-w, 300px); flex-shrink:0; transition:width .04s linear; overflow:hidden; }
.exp-body.sb-collapsed .exp-timeline{ width:0 !important; border-right:none; }
.exp-sb-resize{ width:5px; flex-shrink:0; cursor:col-resize; position:relative; }
.exp-body.sb-collapsed .exp-sb-resize{ display:none; }
.exp-sb-resize::after{ content:''; position:absolute; inset:0 2px; border-radius:2px; background:transparent; transition:background .15s; }
.exp-sb-resize:hover::after, .exp-sb-resize.is-drag::after{ background:var(--c-brand); }
/* toggle al PIE de la sidebar */
.exp-sb-foot{ flex-shrink:0; border-top:1px solid var(--border-soft, var(--lk-border)); padding:8px; }
.exp-body.sb-collapsed .exp-sb-foot{ display:none; }
.exp-sb-toggle{ display:flex; align-items:center; justify-content:center; gap:7px; width:100%; height:32px; border-radius:8px; border:1px solid var(--border, var(--lk-border)); background:var(--bg-card); color:var(--tx-muted); font:500 11.5px inherit; cursor:pointer; transition:background .14s; }
.exp-sb-toggle:hover{ background:var(--bg-hover, rgba(127,127,127,.06)); color:var(--tx-base); }
.exp-sb-toggle svg{ width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2; }
/* botón flotante para reexpandir cuando está colapsada */
.exp-sb-reopen{ display:none; position:absolute; top:10px; left:8px; z-index:6; width:28px; height:28px; border-radius:8px; border:1px solid var(--border, var(--lk-border)); background:var(--bg-card); align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.12); }
.exp-body.sb-collapsed .exp-sb-reopen{ display:flex; }
.exp-sb-reopen svg{ width:15px; height:15px; stroke:var(--tx-muted); fill:none; stroke-width:2; }

/* dropdown compartir reusa .exp-dd-* existente; sello FEI clickeable */
.exp-fei-badge{ cursor:pointer; border:1px solid var(--green-bd, rgba(29,158,117,.22)); transition:transform .14s; }
.exp-fei-badge:hover{ transform:translateY(-1px); }

/* auditoría expandible */
.exp-audit-chain{ margin-top:8px; padding:4px 14px 10px; border:1px solid var(--border-soft, var(--lk-border)); border-radius:10px; display:none; }
.exp-audit-chain.is-open{ display:block; }
.exp-ae{ display:flex; gap:10px; padding:8px 0; border-bottom:1px solid var(--border-soft, var(--lk-border)); }
.exp-ae:last-child{ border-bottom:none; }
.exp-ae-dot{ width:6px; height:6px; border-radius:50%; background:var(--tx-soft); margin-top:5px; flex-shrink:0; }
.exp-ae-act{ font-size:11.5px; font-weight:500; color:var(--tx-base); }
.exp-ae-meta{ font-size:10px; color:var(--tx-soft); margin-top:1px; }
.exp-ae-hash{ font-size:9px; color:var(--tx-soft); font-family:ui-monospace, monospace; margin-left:auto; }

/* comparar lado a lado */
.exp-cmp{ display:grid; grid-template-columns:1fr 1fr; flex:1; min-height:0; }
.exp-cmp-col{ display:flex; flex-direction:column; min-height:0; overflow:hidden; }
.exp-cmp-col:first-child{ border-right:1px solid var(--border, var(--lk-border)); }
.exp-tl-cmpcheck{ position:absolute; top:13px; right:12px; width:17px; height:17px; border-radius:5px; border:1.5px solid var(--border, var(--lk-border)); display:none; align-items:center; justify-content:center; z-index:2; }
.exp-body.cmp-mode .exp-tl-cmpcheck{ display:flex; }
.exp-tl-item.is-cmp .exp-tl-cmpcheck{ background:var(--sky-base, #4a90d9); border-color:var(--sky-base, #4a90d9); }
.exp-tl-item.is-cmp .exp-tl-cmpcheck svg{ width:11px; height:11px; stroke:#fff; fill:none; stroke-width:2.5; }
.exp-tl-item.is-cmp .exp-tl-item-body{ background:var(--sky-bg, rgba(74,144,217,.10)); }

@media (prefers-reduced-motion: reduce){
  .exp-pat-card, .exp-hero-back, .hero-btn, .exp-tl-item-body, .exp-tl-item-dot, .exp-qf-chip{ transition:none !important; }
  .exp-dd-share{ animation:none !important; }
}