:root{--inspection-blue:#006eb8;--inspection-navy:#063f68;--inspection-soft:#eef7fd;--inspection-border:#c9dce9}
#appNav{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:5px 8px;background:rgba(255,255,255,.96);border-bottom:1px solid #d8e5ee;backdrop-filter:blur(10px)}
#appNav button{min-height:44px;border:0;border-radius:10px;background:#edf4f8;color:#315266;font-size:14px;font-weight:750}
#appNav button.active{background:var(--inspection-blue);color:#fff;box-shadow:0 5px 16px rgba(0,110,184,.2)}
#inspectionModule{padding:10px 12px max(24px,env(safe-area-inset-bottom));background:#f4f8fb;min-height:70vh;color:#142f40}
.inspection-dashboard,.inspection-card{max-width:760px;margin:0 auto}
.inspection-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#063f68,#0089d7);color:#fff;box-shadow:0 10px 28px rgba(6,63,104,.18)}
.inspection-hero p{margin:0 0 5px;font-size:11px;letter-spacing:.12em;font-weight:800;opacity:.78}.inspection-hero h2{margin:0 0 3px;font-size:30px}.inspection-hero span{font-size:13px;opacity:.88}
.inspection-hero .primary{background:#fff;color:var(--inspection-navy);white-space:nowrap}
.inspection-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:760px;margin:12px auto}
.inspection-status-grid div{background:#fff;border:1px solid var(--inspection-border);border-radius:15px;padding:14px}.inspection-status-grid b{display:block;font-size:24px;color:var(--inspection-blue)}.inspection-status-grid span{font-size:12px;color:#546e7d}
.inspection-card{box-sizing:border-box;margin-top:10px;padding:14px;background:#fff;border:1px solid var(--inspection-border);border-radius:17px;box-shadow:0 7px 22px rgba(23,69,99,.07)}
.inspection-card h2{margin:8px 0 12px;font-size:23px;color:var(--inspection-navy)}.inspection-card h3{margin:0 0 9px}.inspection-card.compact{padding:13px}
.inspection-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;color:#567383;font-size:13px;font-weight:700}.inspection-progress progress{width:100%;accent-color:var(--inspection-blue)}
.test-banner,.warning-box,.success-box{padding:10px 12px;border-radius:10px;margin:0 0 10px}.test-banner,.warning-box{background:#fff4d7;border:1px solid #efd17c;color:#694d00}.success-box{background:#eaf8ef;border:1px solid #8ec8a2;color:#1c6538}.inspection-help{margin:7px 0 10px;color:#5b7483;line-height:1.4}.compact-help{font-size:12px;margin-bottom:0}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.inspection-card label{display:grid;gap:4px;font-size:13px;font-weight:750;color:#294a5d}
.inspection-card input,.inspection-card select,.inspection-card textarea{box-sizing:border-box;width:100%;min-height:44px;padding:8px 10px;border:1.5px solid #b8cedc;border-radius:10px;background:#fff;color:#17394d;font:inherit;font-size:16px}.inspection-card textarea{min-height:76px;resize:vertical}.inspection-card input:focus,.inspection-card select:focus,.inspection-card textarea:focus{outline:3px solid rgba(0,110,184,.17);border-color:var(--inspection-blue)}
.inspection-card fieldset{margin:12px 0 0;padding:9px;border:1px solid var(--inspection-border);border-radius:12px}.inspection-card legend{padding:0 6px;font-weight:800;color:var(--inspection-navy)}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.choice-grid.areas{grid-template-columns:repeat(2,minmax(0,1fr))}.inspection-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;min-height:40px;padding:7px 8px;border:1px solid #d2e2ec;border-radius:9px;background:#f9fcfe}.inspection-check input{flex:0 0 auto;width:22px;height:22px;min-height:0;padding:0;accent-color:var(--inspection-blue)}.inspection-check span{display:grid;gap:1px}.inspection-check small{font-weight:600;color:#526f80}
.service-group{margin:8px 0;border:1px solid var(--inspection-border);border-radius:12px;overflow:hidden}.service-group summary{display:flex;justify-content:space-between;padding:11px;background:var(--inspection-soft);font-weight:850;color:var(--inspection-navy);cursor:pointer}.choice-list,.package-content{display:grid;gap:6px;padding:8px}
.wizard-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:15px;padding-top:12px;border-top:1px solid var(--inspection-border)}
.inspection-card button,.photo-button{box-sizing:border-box;min-height:44px;padding:9px 12px;border:0;border-radius:10px;font-size:15px;font-weight:850;cursor:pointer}.inspection-card button.primary{background:var(--inspection-blue);color:#fff}.inspection-card button.secondary{background:#e8f2f8;color:var(--inspection-navy)}.inspection-card button.full{width:100%}.danger-small{background:#fff0f0;color:#a32626!important;border:1px solid #e9baba!important;min-height:40px!important}
.inspection-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:10px}.inspection-sections button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1px 5px;min-height:42px!important;padding:5px 7px!important;text-align:left;background:#f1f6f9;color:#36586b}.inspection-sections button>span{grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dce9f1;font-size:11px}.inspection-sections b{overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.inspection-sections small{font-size:9px;font-weight:650;color:#708796}.inspection-sections .complete>span{background:#ccebd7;color:#176437}.inspection-sections .partial>span{background:#ffebad;color:#735600}.inspection-sections .active{background:var(--inspection-blue);color:#fff}.inspection-sections .active small{color:#e8f6ff}.inspection-sections .active>span{background:#fff;color:var(--inspection-blue)}
.inline-link{display:inline!important;min-height:0!important;padding:0!important;background:transparent!important;color:#784f00!important;text-align:left;text-decoration:underline}.warning-box ul{padding-left:19px;margin:7px 0 0}
.missing-service{border-color:#d98b29!important;background:#fff7e9!important}.inspection-check.missing-service{align-items:flex-start}.inspection-check .inline-link{font-size:12px!important}.remove-area{width:100%}.execution-first{display:grid;gap:7px;margin-top:8px;padding:9px;border-radius:10px;background:#f4f9fc}.execution-first p{margin:0}.comparison-basis{display:grid;gap:7px;margin:10px 0;padding:10px;border-radius:11px;background:#fff}.comparison-basis h4,.package-pricing h4{margin:0;color:var(--inspection-navy)}.comparison-basis>div{display:grid;gap:2px;padding:8px;border-left:3px solid var(--inspection-blue);background:#f5fafd}.comparison-basis span,.comparison-basis small{font-size:12px;color:#536f7f}.package-pricing{margin-top:10px;padding:11px;border-radius:12px;background:#f5fafd}.package-pricing ul{display:grid;gap:7px;margin:7px 0 12px;padding:0;list-style:none}.package-pricing li{display:grid;gap:2px;padding:8px;border-radius:9px;background:#fff}.package-pricing li span,.package-pricing li small,.package-pricing p{font-size:12px;color:#536f7f}.package-pricing p{margin:5px 0 0;font-weight:650}
.visit-summary{display:grid;gap:8px;margin:0 0 13px;padding:12px;border:1px solid #abd2ea;border-radius:13px;background:#eef8fe}.visit-summary h3,.visit-summary p{margin:0}.visit-summary>small{color:#526f80}.visit-summary.compact{margin-top:12px;background:#f5fafd}.quantity-field{background:#f8fbfd}
.photo-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.photo-button{display:flex!important;align-items:center;background:#e7f3fb;color:var(--inspection-navy)}.photo-actions>span{margin-left:auto;font-weight:850}.photo-grid{display:grid;gap:12px;margin:14px 0}.photo-card{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px;border:1px solid var(--inspection-border);border-radius:14px}.photo-card img{width:130px;height:130px;object-fit:cover;border-radius:10px;background:#edf2f5}.photo-card>div{display:grid;gap:8px}
.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-grid section{padding:12px;border-radius:13px;background:#f4f9fc}.summary-grid p{margin:0;line-height:1.45}.estimate-card{margin:15px 0;padding:15px;border-radius:16px;border:2px solid #ebbd52;background:#fff9e9}.estimate-card.mittel{border-color:#78b7df;background:#f0f8fd}.estimate-card.niedrig{border-color:#5eae7d;background:#effaf3}.metric-grid,.price-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-grid div,.price-box div{display:grid;gap:2px;padding:10px;border-radius:10px;background:#fff}.metric-grid span,.price-box span{font-size:12px;color:#667f8e}.metric-grid b,.price-box b{font-size:17px;color:var(--inspection-navy)}.manual-time{margin:12px 0}.price-box{margin-top:12px}.price-box small{grid-column:1/-1;color:#536d7c}
.draft-row{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;margin:7px 0!important;text-align:left;background:#f6fafc;color:#1f4256;border:1px solid #d6e4ec!important}.draft-row span{display:grid;gap:3px}.draft-row small{font-weight:500;color:#708592}.draft-row em{font-size:12px;font-style:normal;color:var(--inspection-blue)}.server-row{box-sizing:border-box;min-height:44px;padding:9px 12px;border-radius:10px}.field-message{min-height:18px;color:#b02323;font-weight:700}.upload-error{display:grid;gap:3px;margin:-3px 0 10px;padding:9px 10px;border-radius:10px;background:#fff5e8;border:1px solid #efc68b;color:#714600}.upload-error span,.upload-error small{font-size:12px}.draft-entry{border-bottom:1px solid #e4edf2}.draft-entry:last-of-type{border-bottom:0}
.review-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.review-heading>div{display:grid;gap:3px}.review-heading h2{margin:0}.review-heading small{font-weight:850;letter-spacing:.08em;color:#6f8795}.review-status{width:max-content;padding:4px 8px;border-radius:999px;background:#e8f2f8;color:var(--inspection-blue);font-size:12px;font-weight:850}.review-card details{margin:10px 0;border:1px solid var(--inspection-border);border-radius:12px;background:#fbfdfe}.review-card summary{padding:11px 12px;cursor:pointer;font-weight:850;color:var(--inspection-navy)}.review-card details[open] summary{border-bottom:1px solid var(--inspection-border)}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.review-grid div{display:grid;gap:2px;padding:8px;border-radius:9px;background:#f3f8fb}.review-grid span{font-size:12px;color:#6f8795}.review-grid b{overflow-wrap:anywhere}.review-issues{margin:9px 0;padding:10px 12px;border-radius:11px}.review-issues h3{margin:0 0 5px}.review-issues p{margin:4px 0}.review-issues.blocker{background:#fff0f0;border:1px solid #e9baba;color:#8b2020}.review-issues.warning{background:#fff5e8;border:1px solid #efc68b;color:#714600}.review-issues.info{background:#edf7fc;border:1px solid #c5e1ef;color:#285b75}.review-package{padding:10px 12px;border-bottom:1px solid #e4edf2}.review-package:last-child{border-bottom:0}.review-package h3,.review-package p{margin:0 0 5px}.review-package ul{margin:5px 0;padding-left:20px}.review-actions{margin-top:14px;padding:12px;border-radius:12px;background:#f3f8fb}.review-actions>div{display:flex;gap:8px}.review-actions>div button{flex:1}.review-actions textarea{min-height:70px}.review-audit{display:grid;gap:7px;margin:0;padding:12px 12px 12px 32px}.review-audit li{padding-left:4px}.review-audit small{display:block;color:#708592}
.offer-draft .review-grid{display:grid}.offer-draft .button-link{display:block;box-sizing:border-box;margin-top:10px;padding:12px;border-radius:10px;background:var(--inspection-blue);color:#fff;text-align:center;font-weight:850;text-decoration:none}
.snapshot-revision .review-grid{display:grid}.snapshot-revision h3{margin:0 0 6px}.snapshot-revision .warning-box h3{color:inherit}.snapshot-revision .success-box{margin-top:10px}.snapshot-revision>.primary{width:100%;margin-top:8px}
@media(max-width:600px){#inspectionModule{padding:8px 8px max(24px,env(safe-area-inset-bottom))}.inspection-hero{display:grid;align-items:stretch;padding:14px;border-radius:16px}.inspection-hero h2{font-size:25px}.inspection-hero .primary{width:100%}.form-grid,.summary-grid,.review-grid{grid-template-columns:1fr}.choice-grid,.choice-grid.areas{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-card{grid-template-columns:82px 1fr}.photo-card img{width:82px;height:82px}.inspection-card{padding:12px}.inspection-card h2{font-size:20px}.inspection-sections{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.inspection-sections button{flex:0 0 112px;scroll-snap-align:start}.wizard-actions button{flex:1 1 110px}.inspection-status-grid{gap:6px}.inspection-status-grid div{padding:10px}.inspection-status-grid b{font-size:20px}.review-heading{display:grid}.review-heading button{width:max-content}.review-actions>div{display:grid}}
@media(max-width:390px){.choice-grid,.choice-grid.areas{grid-template-columns:1fr}.inspection-card{padding:10px}.inspection-check{min-height:38px}.photo-card{grid-template-columns:1fr}.photo-card img{width:100%;height:150px}}