/* DNO application pack: the likely route, the checks behind it, what to send and where to apply, in the options column
   beside the PDF preview. Colours come from tokens.css; sizes from the type scale. Green marks only the passed checks. */
.dn-route {padding: 12px 14px; border-radius: var(--ev-radius); border: 1px solid var(--line); background: var(--ev-info-bg);}
.dn-route-apply {background: var(--ev-warn-bg); border-color: var(--ev-amber);}
.dn-route-none {background: var(--panel2);}
.dn-route-label {display: block; font-size: var(--text-2xs); font-weight: 650; letter-spacing: .04em; text-transform: uppercase; color: var(--dim);}
.dn-route b {display: block; margin-top: 3px; font-size: var(--text-sm); line-height: var(--leading-snug); color: var(--ink);}
.ev-document-options .dn-route p {margin: 6px 0 0; color: var(--ink);}
.dn-checks {list-style: none; margin: 16px 0 0; padding: 0;}
.ev-document-options .dn-checks {padding-left: 0;}
.dn-checks li {display: flex; gap: 9px; align-items: flex-start;}
.dn-checks b {display: block; font-weight: 600; color: var(--ink);}
.dn-checks small, .dn-attach small, .dn-links small {display: block; font-size: var(--text-2xs); line-height: var(--leading-snug); color: var(--dim); margin-top: 2px;}
.dn-mark {display: grid; place-items: center; flex: none; width: 20px; height: 20px; border-radius: 50%; font-size: var(--text-2xs); font-weight: 700; color: var(--dim); background: var(--panel2); border: 1px solid var(--line);}
.dn-check-ok .dn-mark {color: var(--ev-ok); background: var(--ev-ok-bg); border-color: transparent;}
.dn-check-no .dn-mark {color: var(--ev-bad); background: var(--ev-bad-bg); border-color: transparent;}
.ev-document-options .dn-small {font-size: var(--text-2xs); line-height: var(--leading-snug); margin: 10px 0 0;}
.ev-document-options .dn-warn {color: var(--ev-warn);}
.ev-document-options #dnOperator {margin: -12px 0 20px;}
.ev-document-options .dn-attach, .ev-document-options .dn-links {list-style: none; padding-left: 0;}
.dn-attach li, .dn-links li {padding-left: 12px; border-left: 3px solid var(--line);}
.dn-attach b {font-weight: 600; color: var(--ink);}
.dn-attach .dn-att-included, .dn-attach .dn-att-recorded {border-left-color: var(--accent);}
.dn-attach .dn-att-missing {border-left-color: var(--ev-amber);}
.dn-links a {font-weight: 600; color: var(--accent); text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere;}
.dn-links a:focus-visible {outline: 3px solid var(--focus); outline-offset: 2px;}