/* DornBox publication preflight: cohesive Liquid Glass, clear risk hierarchy. */
.preflight-intro,.preflight-status,.preflight-tools,.preflight-total,.preflight-channel,.preflight-diff,.preflight-bottom{
 border:1px solid var(--glass-edge,rgba(255,255,255,.9));
 background:linear-gradient(140deg,rgba(255,255,255,.39),rgba(255,255,255,.08)),var(--glass-surface,rgba(255,255,255,.6));
 box-shadow:var(--glass-shadow,0 9px 32px #35426314);
 -webkit-backdrop-filter:var(--glass-blur,blur(19px) saturate(150%));
 backdrop-filter:var(--glass-blur,blur(19px) saturate(150%));
}
.preflight-intro{border-radius:24px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.preflight-intro .overline{margin-bottom:7px}
.preflight-intro h3{font-size:clamp(23px,3vw,32px);letter-spacing:-.045em;line-height:1.15}
.preflight-intro p:not(.overline){font-size:12px;color:#6c8097;line-height:1.6;margin-top:9px;max-width:700px}
.preflight-intro .button{white-space:nowrap;flex-shrink:0}
.preflight-status{padding:13px 17px;border-radius:14px;margin-top:13px;color:#597088;font-size:12px;line-height:1.55}
.preflight-tools{margin:12px 0 15px;border-radius:16px;padding:16px 19px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.preflight-tools strong{font-size:13px;color:#354960}
.preflight-tools p{font-size:11px;line-height:1.6;margin-top:4px;color:#73879d}
.preflight-actions{display:flex;gap:8px;flex-wrap:wrap}
.preflight-actions .button{font-size:11px;min-height:38px;padding:0 12px;white-space:nowrap}
.preflight-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:15px}
.preflight-total{border-radius:16px;padding:14px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 1px white,0 4px 20px #35436011}
.preflight-total strong{font-size:28px;line-height:1.1;letter-spacing:-.05em;color:#2e4056}
.preflight-total span{font-size:11px;color:#8292a3}
.preflight-channels{display:grid;gap:15px}
.preflight-channel{border-radius:24px;padding:21px}
.preflight-channel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid #ffffffb8}
.preflight-channel-title h4{font-size:20px;letter-spacing:-.025em;color:#304359}
.preflight-channel-title span{display:block;color:#8a98a9;font-size:11px;margin-top:4px}
.preflight-badge{font-size:11px;font-weight:700;border-radius:10px;padding:7px 10px;white-space:nowrap;border:1px solid white;background:rgba(242,243,245,.69);color:#5e758c}
.preflight-badge.blocked{color:#aa4549;background:rgba(255,225,226,.69)}
.preflight-badge.review{color:#9b6a26;background:rgba(255,237,210,.75)}
.preflight-badge.ok{color:#227854;background:rgba(219,244,228,.7)}
.preflight-counts{display:flex;gap:10px;padding:15px 0}
.preflight-number{display:flex;align-items:center;gap:7px;border:1px solid #ffffffd9;background:rgba(255,255,255,.5);border-radius:11px;padding:8px 12px}
.preflight-number strong{font-size:15px;color:#334c66}
.preflight-number span{font-size:10px;color:#8292a4}
.preflight-diffs h5,.preflight-issues h5{font-size:13px;letter-spacing:-.015em;color:#35485f;margin:9px 0 11px}
.preflight-diffs{display:grid;gap:10px;margin-bottom:18px}
.preflight-diff{border-radius:15px;padding:13px 16px;background:rgba(255,255,255,.42)}
.preflight-diff-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-bottom:9px}
.preflight-diff-title strong{font-size:13px;color:#3c536d}
.preflight-diff-title span{font-size:10px;color:#8997a8;overflow-wrap:anywhere;text-align:right}
.preflight-diff-cols{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.preflight-diff-col{background:rgba(245,248,251,.57);border-radius:11px;padding:11px 13px;border:1px solid #fff}
.preflight-diff-col.is-after{background:rgba(227,239,252,.6)}
.preflight-diff-col small{color:#8093a5;font-size:10px}
.preflight-diff-col p{font-size:12px;color:#35495d;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:6px}
.preflight-conversion{font-size:11px;color:#557da0;margin-top:9px}
.preflight-issues{display:grid;gap:7px}
.preflight-issue{padding:11px 13px;border-radius:11px;background:rgba(255,248,231,.58);border:1px solid #ffffffdb;display:flex;align-items:baseline;justify-content:space-between;gap:13px}
.preflight-issue.is-error{background:rgba(255,231,233,.7)}
.preflight-issue strong{font-size:11px;color:#a16d32;white-space:nowrap}
.preflight-issue.is-error strong{color:#a23c4d}
.preflight-issue p{font-size:11px;line-height:1.5;color:#566d84;overflow-wrap:anywhere}
.preflight-muted{font-size:12px;color:#8091a3;line-height:1.6}
.preflight-note{padding:13px 2px 0;border-top:1px solid #ffffffc3;margin-top:13px}
.preflight-bottom{margin-top:15px;padding:15px 19px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.preflight-bottom span{font-size:12px;color:#5c758c}
.preflight-bottom .button:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:740px){
 .preflight-intro{padding:19px 16px;flex-direction:column;align-items:flex-start}
 .preflight-intro h3{font-size:24px}
 .preflight-tools{padding:12px 14px;flex-direction:column;align-items:stretch}
 .preflight-actions .button{flex:1}
 .preflight-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .preflight-total{padding:11px 13px}.preflight-total strong{font-size:23px}
 .preflight-channel{padding:14px;border-radius:19px}
 .preflight-diff{padding:11px}
 .preflight-diff-cols{grid-template-columns:1fr}
 .preflight-issue{flex-direction:column;gap:5px}
 .preflight-bottom{flex-direction:column;align-items:stretch}
}
@media(prefers-reduced-motion:reduce){.preflight-intro,.preflight-channel{animation:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .preflight-intro,.preflight-tools,.preflight-channel,.preflight-diff,.preflight-bottom{background:#f7f9fc}
}

.preflight-typed{display:inline-block;margin-top:9px;border:1px solid rgba(255,255,255,.93);border-radius:9px;padding:7px 10px;background:rgba(225,242,234,.62);font-size:11px;line-height:1.6;color:#297654;overflow-wrap:anywhere}
