/* ELN Studio — trust layer: signatures, the content check, signing dialogs. */

.eln-studio-root .eln-sig-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.eln-studio-root .eln-sig-item {
  padding: 9px 11px; border: 1px solid var(--eln-line, #e2e8f0); border-radius: 9px;
  background: var(--eln-surface, #fff); font-size: 12.5px; line-height: 1.45;
}
.eln-studio-root .eln-sig-item.is-earlier { opacity: .62; }
.eln-studio-root .eln-sig-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.eln-studio-root .eln-sig-line strong { font-size: 13px; color: var(--eln-text, #0f172a); }
.eln-studio-root .eln-sig-role { font-size: 11px; color: var(--eln-muted, #64748b); text-transform: uppercase; letter-spacing: .04em; }
.eln-studio-root .eln-sig-meaning { color: var(--eln-text, #0f172a); margin-top: 2px; }
.eln-studio-root .eln-sig-when { color: var(--eln-muted, #64748b); margin-top: 2px; }
.eln-studio-root .eln-sig-comment { margin-top: 4px; color: var(--eln-muted, #64748b); font-style: italic; }

.eln-studio-root .eln-integrity {
  display: flex; align-items: flex-start; gap: 9px; padding: 9px 12px; margin: 10px 0;
  border: 1px solid var(--eln-line, #e2e8f0); border-radius: 10px; font-size: 12.5px; line-height: 1.4;
}
.eln-studio-root .eln-integrity small { display: block; color: var(--eln-muted, #64748b); font-size: 11.5px; }
.eln-studio-root .eln-integrity-mark { font-weight: 700; }
.eln-studio-root .eln-integrity--ok { background: rgba(5, 150, 105, .08); border-color: rgba(5, 150, 105, .28); }
.eln-studio-root .eln-integrity--ok .eln-integrity-mark { color: var(--eln-green, #059669); }
.eln-studio-root .eln-integrity--warn { background: rgba(217, 119, 6, .10); border-color: rgba(217, 119, 6, .38); }
.eln-studio-root .eln-integrity--warn .eln-integrity-mark { color: var(--eln-amber, #d97706); }
.eln-studio-root .eln-integrity--info { background: var(--eln-surface-subtle, #f8fafc); }

.eln-modal-overlay .eln-sign-as { margin: 0 0 10px; font-size: 13px; }
.eln-modal-overlay .eln-sign-as strong { color: var(--eln-text, #0f172a); }
.eln-modal-overlay .eln-sign-meaning {
  margin: 0 0 12px; padding: 9px 12px; border-left: 3px solid var(--eln-blue, #2563eb);
  background: var(--eln-surface-subtle, #f8fafc); font-size: 13px; border-radius: 0 8px 8px 0;
}
.eln-modal-overlay .eln-sign-touch { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.eln-modal-overlay .eln-sign-touch small { color: var(--eln-muted, #64748b); }
.eln-modal-overlay .eln-passkey-row {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 8px 0; border-bottom: 1px solid var(--eln-line, #e2e8f0); font-size: 13px;
}
.eln-modal-overlay .eln-passkey-row small { display: block; color: var(--eln-muted, #64748b); }

.eln-modal-overlay .eln-sign-deviation { display: flex; gap: 8px; align-items: flex-start; margin-top: 10px; font-size: 12.5px; }
.eln-modal-overlay .eln-sign-deviation small { display: block; color: var(--eln-muted, #64748b); font-size: 11.5px; }

/* ---- Calendar link and Compliance dialogs ---------------------------------------------------------- */

.eln-modal-overlay .eln-cp { display: flex; flex-direction: column; gap: 10px; padding: 4px 2px; font-size: 13.5px; }
.eln-modal-overlay .eln-cp h4 { margin: 8px 0 0; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--eln-muted, #64748b); }
.eln-modal-overlay .eln-cp p { margin: 0; }
.eln-modal-overlay .eln-cp-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.eln-modal-overlay .eln-cp-url { width: 100%; box-sizing: border-box; font-family: ui-monospace, monospace; font-size: 12px; }
.eln-modal-overlay .eln-cp-fresh { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border: 1px solid var(--eln-line, #e2e8f0); border-left: 3px solid var(--eln-blue, #00376e); border-radius: 8px; }
.eln-modal-overlay .eln-cp-wait { padding: 8px 12px; border-left: 3px solid var(--eln-amber, #b45309); background: var(--eln-surface-subtle, #f8fafc); border-radius: 0 8px 8px 0; }
.eln-modal-overlay .eln-cp-runs, .eln-modal-overlay .eln-cp-report { display: flex; flex-direction: column; gap: 8px; }
.eln-modal-overlay .eln-cp-state { color: var(--eln-muted, #64748b); }
.eln-modal-overlay .eln-cp-tiny { color: var(--eln-muted, #64748b); font-size: 12px; }
.eln-modal-overlay .eln-cp-list { display: flex; flex-direction: column; border: 1px solid var(--eln-line, #e2e8f0); border-radius: 8px; overflow: hidden; }
.eln-modal-overlay .eln-cp-run { border-top: 1px solid var(--eln-line, #e2e8f0); }
.eln-modal-overlay .eln-cp-run:first-child { border-top: 0; }
.eln-modal-overlay .eln-cp-line { all: unset; box-sizing: border-box; width: 100%; display: grid; grid-template-columns: 170px 150px 1fr; gap: 10px; padding: 8px 12px; cursor: pointer; align-items: baseline; }
.eln-modal-overlay .eln-cp-line:focus-visible { outline: 2px solid var(--eln-blue, #00376e); outline-offset: -2px; }
.eln-modal-overlay .eln-cp-line small { color: var(--eln-muted, #64748b); }
.eln-modal-overlay .eln-cp-run.is-failed .eln-cp-line b { color: var(--eln-red, #b91c1c); }
.eln-modal-overlay .eln-cp-run.is-attention .eln-cp-line b { color: var(--eln-amber, #b45309); }
.eln-modal-overlay .eln-cp-find { padding: 4px 12px 10px 24px; display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; }
@media (max-width: 560px) { .eln-modal-overlay .eln-cp-line { grid-template-columns: 1fr; gap: 2px; } }