/* WDEPOS Preflight – gleiche visuelle Sprache wie die Hauptseite. */
[hidden]{display:none!important}
.preflight-shell{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:38px 0 90px;color:#17304e}
.preflight-hero{border-radius:18px;overflow:hidden;position:relative;background:linear-gradient(95deg,rgba(13,35,67,.97),rgba(23,59,112,.91) 65%,rgba(35,76,120,.75)),url('/assets/technik-hintergrund.webp') center/cover no-repeat;color:white;margin-bottom:24px;box-shadow:0 16px 45px #142e511f}
.preflight-hero-inner{padding:clamp(32px,5vw,65px)}
.preflight-eyebrow{font-size:12px;font-weight:850;letter-spacing:.15em;color:#bed9ff}
.preflight-hero h1{font-size:clamp(33px,4.7vw,57px);max-width:810px;margin:16px 0 20px;color:white}
.preflight-hero h1 em{font-style:normal;color:#a8cbfb}
.preflight-hero p{font-size:18px;line-height:1.7;max-width:760px;color:#e0eaf7}
.preflight-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.preflight-pills span{font-size:13px;font-weight:700;border:1px solid #ffffff52;border-radius:25px;padding:9px 13px;background:#ffffff17}
.preflight-shell .panel,.preflight-shell .results{background:#fff;border:1px solid #dbe4ef;border-radius:16px;box-shadow:0 12px 34px #173b7012;padding:clamp(20px,3vw,34px)}
.preflight-panel-head{display:flex;gap:16px;align-items:center;margin-bottom:25px}.preflight-panel-head h2{font-size:25px;margin:0 0 6px}.preflight-panel-head p{margin:0;color:#60748a}.preflight-step{background:#e9f1fb;color:#17579d;padding:13px 15px;border-radius:11px;font-weight:850}
.preflight-shell label{display:block;font-weight:750;margin:0 0 10px}
.preflight-shell input[type=file],.preflight-shell select{display:block;width:100%;max-width:100%;border:1px solid #c7d7e8;border-radius:10px;padding:15px;background:#f7fafe;color:#17304e;font:inherit}
.preflight-shell input:focus-visible,.preflight-shell select:focus-visible,.preflight-shell button:focus-visible{outline:3px solid #84b9f4;outline-offset:3px}
.preflight-shell button[type=submit]{appearance:none;background:#175ca6;color:#fff;border:0;border-radius:9px;padding:15px 23px;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 6px 16px #175ca632}
.preflight-shell button[type=submit]:hover{background:#0d4789}.preflight-shell button:disabled{opacity:.6;cursor:wait}
.preflight-shell .hint,.preflight-shell .metric-note{color:#65798b;font-size:13px;line-height:1.6}
.preflight-shell .hint{margin:11px 0 19px}
.preflight-shell .processing{display:inline-flex;gap:10px;align-items:center;margin:12px;color:#426384}.preflight-shell .spinner{width:19px;height:19px;border-radius:50%;border:2px solid #cad9e8;border-top-color:#175ca6;animation:preflight-spin .8s linear infinite}@keyframes preflight-spin{to{transform:rotate(360deg)}}
.preflight-shell .results{margin-top:25px}.preflight-shell .result-head,.preflight-shell .category-analysis-head,.preflight-shell .child-articles-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
.preflight-shell .result-head h2{margin:0}.preflight-shell .result-head span{color:#1b639f;font-weight:800}
.preflight-shell .recommendation-panel{border:1px solid #c6d9ed;background:#f0f6fe;border-radius:13px;padding:24px;margin:23px 0}.preflight-shell .recommendation-panel h3{margin-top:0}.preflight-shell .recommendation-text{font-size:17px;font-weight:650;line-height:1.65}
.preflight-shell .audit-panel,.preflight-shell .category-analysis,.preflight-shell .variant-select,.preflight-shell .child-articles{background:#f6f9fd;border:1px solid #dae5f1;border-radius:13px;padding:22px;margin:20px 0}
.preflight-shell .audit-stats{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.preflight-shell .audit-stats span{padding:10px 12px;background:white;border:1px solid #dae5f1;border-radius:8px;font-size:13px}
.preflight-shell .audit-finding{border-left:3px solid #2c6daf;background:white;padding:12px;margin:9px 0;border-radius:6px;overflow-wrap:anywhere}
.preflight-shell .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:13px;margin:20px 0}
.preflight-shell .metric{background:#fff;border:1px solid #dbe5ef;border-radius:12px;padding:19px;min-width:0}.preflight-shell .metric-label{font-size:13px;color:#58708a;font-weight:750}.preflight-shell .metric-value{font-size:clamp(25px,3vw,39px);font-weight:850;color:#164f91;margin-top:7px}
.preflight-shell .table-wrap{width:100%;overflow-x:auto;margin:12px 0}.preflight-shell table{width:100%;border-collapse:collapse;font-size:14px;min-width:420px}.preflight-shell th{text-align:left;background:#e6effa;color:#163c67}.preflight-shell td,.preflight-shell th{padding:12px 14px;border-bottom:1px solid #dce6f0;vertical-align:top}.preflight-shell tr:nth-child(even) td{background:#f8fafd}
.preflight-shell .message{padding:16px 18px;border-radius:10px;margin:18px 0}.preflight-shell .error{color:#8e2835;background:#fff1f2;border:1px solid #f0c7cd}.preflight-shell .warning{color:#725821;background:#fff9e9;border:1px solid #ead9aa}
.preflight-shell .child-count{color:#225d9b;font-weight:800}.preflight-shell .child-empty{color:#66778a;padding:12px 0}.preflight-privacy{text-align:center;color:#60748a;font-size:13px;margin-top:26px}.preflight-privacy a{color:#175ca6}
@media(max-width:650px){.preflight-shell{width:calc(100% - 26px);padding-top:20px}.preflight-hero-inner{padding:27px 22px}.preflight-hero p{font-size:16px}.preflight-shell .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preflight-shell .metric{padding:14px}.preflight-shell .audit-stats{flex-direction:column}.preflight-panel-head{align-items:flex-start}}

/* Accessible, language-independent file picker: native browser text is visually hidden. */
.visually-hidden-file {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.file-select-button {display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer;padding:12px 20px;border-radius:9px;background:#173b70;color:#fff!important;font-weight:700;margin:8px 12px 8px 0;}
.file-select-button:hover {background:#28578c;}
.visually-hidden-file:focus-visible + .file-select-button {outline:3px solid #7cb7ff;outline-offset:3px;}
.file-selected-name {display:inline-block;color:#52677c;overflow-wrap:anywhere;max-width:100%;}