/* G018.106: Scoped presentation only. No styles from existing order forms changed. */
.wpg005-manager .wpg018106-guide {
  box-sizing: border-box; margin: 18px 0 24px; padding: 24px;
  border: 1px solid #d5e1e7; border-radius: 17px; background: #fff;
  color: #1c3341; box-shadow: 0 4px 17px rgba(12,46,61,.07);
}
.wpg005-manager .wpg018106-guide * { box-sizing: border-box; }
.wpg018106-guide-head .wpg018106-eyebrow { color:#2b677f; font-weight:800; font-size:12px; letter-spacing:.04em; margin:0 0 4px; }
.wpg018106-guide-head h2 { margin:0 0 8px; font-size:clamp(21px,2.6vw,29px); color:#103b4a; line-height:1.3; }
.wpg018106-guide-head p:not(.wpg018106-eyebrow):not(.wpg018106-progress-label) { font-size:15px; max-width:780px; line-height:1.55; }
.wpg018106-progress { height:9px; background:#e9eff2; border-radius:20px; overflow:hidden; margin-top:14px; }
.wpg018106-progress-fill { display:block; width:20%; height:100%; background:#238362; transition:width .2s ease; }
.wpg018106-progress-label { font-size:13px; margin:7px 0 14px; font-weight:750; color:#426170; }
.wpg018106-step-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.wpg018106-step-button {
  min-height:92px; padding:12px 10px; display:flex; flex-direction:column; align-items:flex-start;
  gap:9px; background:#f4f8fa; border:1px solid #d7e3e8; border-radius:11px;
  font-family:inherit; color:#294654; text-align:left; cursor:pointer; line-height:1.3;
}
.wpg018106-step-button .wpg018106-step-number { width:28px; height:28px; display:grid; place-items:center; background:#e0eaf0; border-radius:50%; font-weight:800; }
.wpg018106-step-button strong { display:block; font-size:14px; }
.wpg018106-step-button small { display:block; font-size:12px; color:#486270; font-weight:400; margin-top:3px; }
.wpg018106-step-button:hover { border-color:#337e99; }
.wpg018106-step-button.is-active { border:2px solid #1c786e; background:#eef8f3; padding:11px 9px; }
.wpg018106-step-button.is-active .wpg018106-step-number { background:#166e5b; color:white; }
.wpg018106-step-button:focus-visible,.wpg018106-controls button:focus-visible,.wpg018106-legacy-button:focus-visible,.wpg018106-technical-button:focus-visible { outline:3px solid #f2a22d; outline-offset:3px; }
.wpg018106-info-pane { padding:19px 2px 12px; }
.wpg018106-info-pane h3 { margin:5px 0 9px; font-size:20px; color:#123848; }
.wpg018106-info-pane p { font-size:15px; line-height:1.6; margin:7px 0 12px; }
.wpg018106-info-pane .wpg018106-note { background:#f0f5f7; border-left:3px solid #5f8996; padding:9px 12px; border-radius:5px; }
.wpg018106-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:14px 0; }
.wpg018106-facts p,.wpg018106-status-row { background:#f3f7f8; border:1px solid #dbe6eb; border-radius:9px; padding:12px; }
.wpg018106-facts span,.wpg018106-status-row span { display:block; color:#4e6670; font-size:13px; }
.wpg018106-facts strong,.wpg018106-status-row strong { font-size:16px; }
.wpg018106-link-button, .wpg018106-controls button, .wpg018106-technical-button { display:inline-flex; align-items:center; justify-content:center; text-align:center; padding:12px 17px; border-radius:8px; font-family:inherit; font-size:15px; font-weight:700; line-height:1.35; border:1px solid #1b665d; background:#167060; color:white; text-decoration:none; cursor:pointer; }
.wpg018106-link-button:hover,.wpg018106-controls button:hover,.wpg018106-technical-button:hover { background:#115c50; color:white; }
.wpg018106-controls { display:flex; gap:12px; justify-content:space-between; margin:6px 0; }
.wpg018106-controls .wpg018106-back { background:#fff; color:#166a60; }
.wpg018106-controls .wpg018106-back:hover { background:#e8f4f0; color:#166a60; }
.wpg018106-legacy-button { margin-top:12px; border:0; padding:10px 0; background:transparent; font-size:13px; font-family:inherit; color:#476673; text-decoration:underline; cursor:pointer; }
.wpg018106-technical-button { margin:8px 0 14px; background:#455f6a; border-color:#455f6a; }
.wpg018106-technical-button:hover { background:#324b55; }
.wpg018106-checks { padding:5px 13px; background:#f4f8fa; border-radius:9px; }
.wpg018106-checks p { margin:9px 0; }
.wpg018106-guide [hidden], .wpg005-manager [data-wpg018106-managed][hidden] { display:none !important; }
@media (max-width:900px) {
 .wpg018106-step-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .wpg018106-step-button { min-height:74px; }
 .wpg005-manager .wpg018106-guide { padding:18px 14px; }
}
@media (max-width:540px) {
 .wpg018106-step-nav { grid-template-columns:1fr; }
 .wpg018106-step-button { min-height:52px; flex-direction:row; align-items:center; }
 .wpg018106-step-button span:not(.wpg018106-step-number) { flex:1; }
 .wpg018106-facts { grid-template-columns:1fr; }
 .wpg018106-controls { flex-wrap:wrap; }
 .wpg018106-controls button { flex:1 1 160px; }
}

/* G018.107 – Tischliste statt großer Karten. Nur mit geladenem Assistenten. */
.wpg018107-acceptance-shortcut { display:inline-flex; align-items:center; margin:3px 0 13px; padding:9px 13px; background:#eaf5ed; color:#145a45; border:1px solid #aad6bc; border-radius:8px; cursor:pointer; font:inherit; font-weight:750; }
.wpg018107-acceptance-shortcut:hover { background:#dceee3; }
.wpg018107-acceptance-shortcut:focus-visible,.wpg018107-table-toggle:focus-visible { outline:3px solid #efb23b; outline-offset:2px; }
.wpg005-manager.wpg018107-simple-view .wpg005-table-cards { display:flex; flex-direction:column; gap:9px; }
.wpg005-manager.wpg018107-simple-view .wpg005-table-card.wpg018107-table-row { display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; text-align:left; gap:10px; padding:12px 14px; }
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row h3 { flex:1 1 120px; margin:0; font-size:17px; }
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row .wpg018107-table-state { padding:4px 9px; border-radius:20px; background:#e8f4ec; color:#235d3b; font-size:12px; font-weight:700; }
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row .wpg018107-table-toggle { border:1px solid #287e75; background:#fff; border-radius:7px; padding:8px 12px; color:#155e56; font-weight:750; cursor:pointer; }
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row .wpg005-card-links { flex:1 1 230px; justify-content:flex-start; }
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row:not(.wpg018107-is-expanded) .wpg005-qr,
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row:not(.wpg018107-is-expanded) .wpg005-edit-form,
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row:not(.wpg018107-is-expanded) > form:last-child { display:none; }
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row.wpg018107-is-expanded .wpg005-qr,
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row.wpg018107-is-expanded .wpg005-edit-form,
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row.wpg018107-is-expanded > form:last-child { flex:1 1 100%; width:100%; }
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row.wpg018107-is-expanded .wpg005-qr { justify-content:flex-start; }
@media(max-width:680px){
 .wpg005-manager.wpg018107-simple-view .wpg018107-table-row .wpg005-card-links { flex:1 1 100%; }
 .wpg018107-acceptance-shortcut { width:100%; justify-content:center; }
}

/* G018.107 – Speisekarte: seltene Werkzeuge hinter aufklappbaren Schaltern. */
.wpg005-manager.wpg018107-simple-view .wpg018107-special-offers { margin:12px 0 16px; border:1px solid #c7dce4; background:#fff; border-radius:10px; padding:11px 13px; }
.wpg005-manager.wpg018107-simple-view .wpg018107-special-offers > summary { color:#12536c; font-weight:750; cursor:pointer; }
.wpg005-manager.wpg018107-simple-view .wpg018107-special-offers[open] > summary { margin-bottom:12px; }
.wpg005-manager.wpg018107-simple-view .wpg018107-category-row:not(.wpg018107-category-expanded) .wpg006-category-move,
.wpg005-manager.wpg018107-simple-view .wpg018107-category-row:not(.wpg018107-category-expanded) .wpg01854-category-image-admin,
.wpg005-manager.wpg018107-simple-view .wpg018107-category-row:not(.wpg018107-category-expanded) .wpg006-category-rename-form,
.wpg005-manager.wpg018107-simple-view .wpg018107-category-row:not(.wpg018107-category-expanded) .wpg006-category-card-foot { display:none; }
.wpg005-manager.wpg018107-simple-view .wpg018107-category-row { display:grid; grid-template-columns: minmax(0,1fr) auto auto; gap:10px; align-items:center; }
.wpg005-manager.wpg018107-simple-view .wpg018107-category-row .wpg006-category-card-head { min-width:0; }
.wpg018107-category-toggle { background:#fff; color:#155e56; border:1px solid #93b6b4; padding:8px 11px; border-radius:8px; font:inherit; font-weight:700; cursor:pointer; }
.wpg005-manager.wpg018107-simple-view .wpg018107-category-row.wpg018107-category-expanded .wpg006-category-move { display:flex; }
.wpg005-manager.wpg018107-simple-view .wpg018107-category-row.wpg018107-category-expanded .wpg01854-category-image-admin,
.wpg005-manager.wpg018107-simple-view .wpg018107-category-row.wpg018107-category-expanded .wpg006-category-rename-form,
.wpg005-manager.wpg018107-simple-view .wpg018107-category-row.wpg018107-category-expanded .wpg006-category-card-foot { grid-column:1/-1; }
@media (max-width:780px) { .wpg005-manager.wpg018107-simple-view .wpg018107-category-row { grid-template-columns:1fr; } .wpg005-manager.wpg018107-simple-view .wpg018107-category-row .wpg006-category-open { width:100%; } }

/* G018.108: Deutlichere Abschlusskontrolle, ohne technische Systemfreigabe. */
.wpg018108-readiness { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0; }
.wpg018108-check { display:flex; align-items:flex-start; gap:10px; padding:12px 14px; border:1px solid #cad8e1; border-radius:10px; background:#f8fbfc; }
.wpg018108-check>span { display:inline-flex; flex:0 0 27px; justify-content:center; align-items:center; border-radius:50%; width:27px; height:27px; font-weight:800; background:#edf0f2; color:#596b75; }
.wpg018108-check.is-ready>span { background:#e1f4e6; color:#17633d; }
.wpg018108-check.is-missing { border-color:#e9d2a5; background:#fffaf0; }
.wpg018108-check strong { display:block; font-size:15px; }
.wpg018108-check small { display:block; margin-top:4px; font-size:13px; line-height:1.5; color:#435d6b; }
.wpg018108-test-box { border:1px solid #b7d7d0; background:#f7fcfa; border-radius:11px; padding:16px; margin:16px 0; }
.wpg018108-test-box h4 { font-size:17px; margin:0 0 9px; }
.wpg018108-manual-check { display:flex; align-items:start; gap:10px; font-weight:650; margin:15px 0 8px; cursor:pointer; }
.wpg018108-manual-check input { margin-top:4px; width:18px; height:18px; flex-shrink:0; }
.wpg018108-manual-result { font-size:13px; font-weight:600; color:#6d4e22; }
.wpg018108-manual-result.is-confirmed { color:#17683c; }
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row.wpg018107-is-expanded .wpg005-qr.wpg018108-qr-compact { flex:0 1 188px; max-width:188px; margin:5px 0; }
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row.wpg018107-is-expanded .wpg005-qr.wpg018108-qr-compact canvas,
.wpg005-manager.wpg018107-simple-view .wpg018107-table-row.wpg018107-is-expanded .wpg005-qr.wpg018108-qr-compact img { max-width:160px; max-height:160px; width:auto!important; height:auto!important; }
.wpg005-manager.wpg018107-simple-view .wpg018108-test-link { color:#145d67!important; font-weight:700; text-decoration:underline; }
.wpg005-manager.wpg018107-simple-view .wpg018108-test-link:hover { color:#0c464e!important; }
@media (max-width:700px) { .wpg018108-readiness { grid-template-columns:1fr; } }
