/* 封存开箱（批次 4）——当众重算哈希的现场
   视觉按「验证仪器」走：等宽字、逐位对齐、结果只用状态色。
   火漆金留给封条本身（_spoiler_seal），这一段不用金，同屏金色仍 ≤3。 */

.unseal {
    border:1px solid var(--line); border-radius:var(--r);
    background:var(--paper); padding:var(--sp-4); margin:var(--sp-4) 0;
}
.unseal.is-verified { border-color:var(--q-good); }
.unseal.is-broken { border-color:var(--q-bad); }

.unseal-head { display:flex; align-items:center; gap:var(--sp-3); margin-bottom:var(--sp-3); }
.unseal-title {
    font-size:var(--fs-xs); font-weight:700; letter-spacing:.1em; color:var(--ink-3);
}
.unseal-run {
    margin-left:auto; border:1px solid var(--line); background:var(--card);
    border-radius:var(--r-sm); padding:5px 12px; cursor:pointer;
    font-size:var(--fs-xs); color:var(--ink-2);
}
.unseal-run:hover:not(:disabled) { border-color:var(--ink-4); }
.unseal-run:disabled { opacity:.55; cursor:default; }

.unseal-lines-cap { font-size:var(--fs-xs); color:var(--ink-3); margin-bottom:6px; }
.unseal-line {
    margin:0 0 3px; padding:6px 9px; border-radius:var(--r-sm);
    background:var(--card); border:1px solid var(--line-2);
    font-family:var(--font-mono, ui-monospace, monospace);
    font-size:var(--fs-xs); line-height:1.7; color:var(--ink-2);
    white-space:pre-wrap; overflow-wrap:anywhere;
}

.unseal-hash { margin:var(--sp-4) 0 0; display:grid; gap:2px var(--sp-3); }
.unseal-hash dt { font-size:var(--fs-xs); color:var(--ink-3); }
.unseal-hash dd { margin:0 0 var(--sp-2); }
.unseal-hash code {
    font-family:var(--font-mono, ui-monospace, monospace);
    font-size:var(--fs-xs); overflow-wrap:anywhere; color:var(--ink-2);
    /* 等宽 + 定宽字形，两行哈希才能逐位对齐看 */
    font-variant-numeric:tabular-nums;
}
#unseal-live { min-height:1.2em; display:inline-block; }
#unseal-live.is-match { color:var(--q-good); }
#unseal-live.is-diff { color:var(--q-bad); }

.unseal-verdict { margin:var(--sp-2) 0 0; font-size:var(--fs-sm); font-weight:700; }
.unseal-verdict.is-running { color:var(--ink-3); font-weight:400; }
.unseal-verdict.is-ok { color:var(--q-good); }
.unseal-verdict.is-bad { color:var(--q-bad); }
.unseal-verdict.is-na { color:var(--ink-3); font-weight:400; }

.unseal-note { margin:var(--sp-3) 0 0; font-size:11px; line-height:1.8; color:var(--ink-3); }
.unseal-note code { font-size:11px; }