.risk-note { display: grid; grid-template-columns: 46px 1fr; gap: 18px; align-items: start; margin: -18px 0 14px; padding: 21px 23px; border: 1px solid #51402c; background: linear-gradient(135deg, #17130e, #0d0d0e); }
.risk-mark { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--amber); color: var(--amber); font: 700 16px/1 ui-monospace, monospace; }
.risk-note .section-label { margin: 2px 0 9px; color: var(--amber); }
.risk-note h2 { margin: 0; font-size: 15px; }
.risk-note p:last-child { margin: 8px 0 0; color: #a28b6e; font-size: 11px; line-height: 1.7; }
.single-field { margin-top: 12px; }

.confirm-box { margin-top: 18px; padding: 18px; border: 1px solid var(--line); background: rgba(7,8,9,.55); }
.confirm-box > .section-label { margin: 0 0 12px; }
.confirm-row { display: grid; grid-template-columns: 18px 1fr; gap: 12px; align-items: start; padding: 12px 0; color: #d0cdc6; cursor: pointer; }
.confirm-row + .confirm-row { border-top: 1px solid var(--line-soft); }
.confirm-row input { appearance: none; width: 16px; height: 16px; margin: 1px 0 0; border: 1px solid #575048; background: #090a0c; cursor: pointer; }
.confirm-row input:checked { border-color: var(--gold); background: var(--gold); box-shadow: inset 0 0 0 4px #0d0f11; }
.confirm-row strong { display: block; font-size: 12px; font-weight: 600; }
.confirm-row small { display: block; margin-top: 5px; color: var(--muted-deep); font-size: 10px; line-height: 1.55; }
.danger-button:not(:disabled) { border-color: #584434; }

.security-result::before { background: var(--green); }
.security-head, .vault-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; }
.security-head .section-label { margin: 0 0 12px; }
.security-chip { padding: 8px 10px; border: 1px solid currentColor; color: var(--green); font: 10px/1 ui-monospace, monospace; white-space: nowrap; }
.persist-note { display: flex; gap: 10px; margin-top: 23px; padding: 13px 14px; border: 1px solid #51402c; color: var(--amber); background: #15110d; font-size: 11px; line-height: 1.65; }
.persist-note p { margin: 0; }
.persist-note[data-safe="true"] { border-color: #31483e; color: var(--green); background: #0d1512; }

.secret-vault { margin-top: 14px; padding: 22px; border: 1px solid #514835; background: radial-gradient(circle at 80% 0, rgba(200,173,130,.08), transparent 17rem), #090a0c; }
.vault-head { align-items: center; }
.vault-head .section-label { margin: 0 0 8px; }
.vault-head h3 { margin: 0; font-size: 15px; }
.reveal-button, .vault-actions button { border: 1px solid #4d4538; color: var(--gold); background: #121315; cursor: pointer; }
.reveal-button { padding: 8px 10px; font-size: 10px; }
.secret-vault code { display: block; margin-top: 20px; padding: 17px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: #e1d1b7; font: 600 clamp(16px, 3vw, 23px)/1.5 ui-monospace, "Cascadia Mono", Consolas, monospace; letter-spacing: .12em; text-align: center; overflow-wrap: anywhere; }
.vault-actions { display: flex; gap: 8px; margin-top: 14px; }
.vault-actions button { flex: 1; min-height: 40px; padding: 8px 12px; font-size: 11px; }
.secret-vault > p { margin: 14px 0 0; color: var(--muted-deep); font-size: 10px; line-height: 1.7; }

.security-facts { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); margin: 20px 0 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.security-fact { min-height: 82px; padding: 15px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.security-fact dt { color: var(--muted-deep); font-size: 10px; }
.security-fact dd { margin: 10px 0 0; color: #d0cdc6; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }

@media (max-width: 660px) {
  .risk-note { grid-template-columns: 38px 1fr; padding: 18px; }
  .risk-mark { width: 36px; height: 36px; }
  .security-head { flex-direction: column-reverse; }
  .security-facts { grid-template-columns: 1fr; }
}
@media (max-width: 460px) {
  .vault-head { align-items: flex-start; flex-direction: column; }
  .vault-actions { flex-direction: column; }
}