/* Scoped additions; inherit the existing HNS.ONE claim design tokens. */
.dane-helper { color:var(--ink,#18141f); font:inherit; }
.dane-helper h4 { margin:0 0 .6rem; color:var(--muted,#5b5468); font-size:.9rem; }
.dane-helper h5 { margin:.2rem 0 .7rem; font-size:1rem; }
.dane-helper .meta { color:var(--muted,#5b5468); font-size:.9rem; }
.dane-helper .sm { font-size:.82rem; }
.dane-helper p { margin:.65rem 0; }
.dane-helper .dane-name { font-weight:650; overflow-wrap:anywhere; }
.dane-helper .dane-state { font-size:1.2rem; font-weight:650; }
.dane-helper .ok { color:var(--ok,#15803d); }
.dane-helper .bad { color:#a12635; }
.dane-helper .btnrow { display:flex; flex-wrap:wrap; gap:.55rem; margin:.8rem 0; }
.dane-helper .btn { font:inherit; font-size:.9rem; border:1px solid var(--accent,#6e2de5); border-radius:var(--r,10px); padding:.55rem .9rem; background:var(--accent,#6e2de5); color:var(--accent-ink,#fff); cursor:pointer; }
.dane-helper .btn.ghost { background:transparent; border-color:var(--line,#e7e3ef); color:var(--ink,#18141f); }
.dane-helper button:disabled,.dane-helper fieldset:disabled { opacity:.65; cursor:default; }
.dane-helper :focus-visible { outline:2px solid var(--accent,#6e2de5); outline-offset:3px; }
.dane-helper .dane-steps { list-style:none; margin:.85rem 0; padding:0; border:1px solid var(--line,#e7e3ef); border-radius:var(--r,10px); }
.dane-helper .dane-steps li { display:flex; justify-content:space-between; gap:1rem; padding:.5rem .75rem; border-bottom:1px solid var(--line-soft,#f0edf6); font-size:.9rem; }
.dane-helper .dane-steps li:last-child { border-bottom:0; }
.dane-helper .dane-steps strong { white-space:nowrap; font-weight:550; }
.dane-helper .dane-modes { margin:1rem 0; padding:.9rem; border:1px solid var(--line,#e7e3ef); border-radius:var(--r,10px); }
.dane-helper .dane-modes legend { padding:0 .3rem; font-size:.9rem; }
.dane-helper .mode { display:flex; align-items:flex-start; gap:.65rem; padding:.55rem 0; }
.dane-helper .mode input { margin:.35rem 0 0; accent-color:var(--accent,#6e2de5); }
.dane-helper .mode small { display:block; }
.dane-helper .dane-certificate-label { display:block; margin:.8rem 0 .5rem; font-size:.9rem; }
.dane-helper .dane-certificate { display:block; box-sizing:border-box; width:100%; margin-top:.5rem; padding:.65rem; resize:vertical; border:1px solid var(--line,#e7e3ef); border-radius:var(--r-sm,6px); background:var(--bg,#faf9fc); color:var(--ink,#18141f); font: .8rem/1.5 ui-monospace,SFMono-Regular,monospace; }
.dane-helper .dane-preview { padding:.9rem; background:var(--accent-soft,#f3eefd); border-radius:var(--r,10px); }
.dane-helper .dane-preview:empty { display:none; }
.dane-helper .dane-record { margin:.5rem 0; white-space:pre-wrap; overflow-wrap:anywhere; font:.8rem/1.6 ui-monospace,SFMono-Regular,monospace; }
.dane-helper .dane-note { border-left:3px solid var(--accent,#6e2de5); padding:.5rem .75rem; font-size:.88rem; background:var(--hover,#f4f1f9); }
.dane-helper .more { margin-top:.75rem; }
.dane-helper .more summary { cursor:pointer; color:var(--muted,#5b5468); font-size:.88rem; }
@media (max-width:400px) { .dane-helper .dane-steps li { flex-wrap:wrap; gap:.25rem; } }