*{box-sizing:border-box}body{margin:0;background:#f3f5f4;color:#203738;font:15px/1.6 'Segoe UI',system-ui,sans-serif}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:242px;background:#153a3d;color:#d7e4e2;padding:34px 23px;display:flex;flex-direction:column}.brand{font-size:19px;font-weight:800;letter-spacing:1px}aside small{font-size:10px;letter-spacing:2px;color:#90aaa8;margin-top:7px}nav{margin-top:48px;display:grid;gap:13px}nav a{padding:12px 8px;border-radius:6px}nav a:hover{background:#265054}.local{margin-top:auto;font-size:12px;color:#a9ccbd}main{margin-left:242px;padding:45px 5%;max-width:1800px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#68827d;margin-top:15px}h1{font-size:38px;line-height:1.2;letter-spacing:-1px;margin:10px 0}h2{font-size:21px;margin:30px 0 15px}h3{font-size:18px;margin:7px 0}p{margin:10px 0 18px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}header p,.muted{color:#6d807e}.button,button{background:#17685e;color:white;padding:11px 19px;border:0;border-radius:6px;font:600 14px 'Segoe UI',sans-serif;cursor:pointer;display:inline-block}.button:hover,button:hover{filter:brightness(.92)}.secondary{background:#e1eae6;color:#244a43}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0 35px}.stats article,section,.journal{background:white;border:1px solid #dce4df;border-radius:9px;padding:24px}.stats span{font-size:13px;color:#6a7d79}.stats strong{display:block;font-size:38px;font-weight:600;margin-top:10px}.orange{color:#bd652d}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px}.machine{background:white;border:1px solid #dce4df;border-radius:9px;overflow:hidden;transition:transform .15s}.machine:hover{transform:translateY(-3px);box-shadow:0 8px 24px #183b3410}.machine img,.placeholder{height:170px;width:100%;object-fit:cover}.placeholder{background:linear-gradient(130deg,#d9e6df,#edf1e8);display:grid;place-items:center;font-size:60px;color:#6f9184}.cardbody{padding:20px}.cardbody p{font-size:13px;color:#6d807e}.cardbody small{font-size:11px;text-transform:uppercase;letter-spacing:1px}.accent{color:#17685e;font-size:13px;font-weight:600}.search{display:flex;gap:10px;align-items:center;margin-bottom:22px}.search input{margin:0;flex:1}.row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #ecf0ed}.row:last-child{border:0}.row small{display:block;color:#6d807e}.badge{background:#eaf0eb;padding:5px 9px;border-radius:5px;font-size:12px;white-space:nowrap}.late{background:#fff0df;color:#a85421}.empty{padding:30px;border:1px dashed #b3c7bd;border-radius:8px;grid-column:1/-1}.columns{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}section{margin-bottom:16px}.narrow{max-width:800px}label{display:block;font-weight:600;font-size:13px;margin:16px 0}input,select,textarea{display:block;width:100%;padding:11px;border:1px solid #cbd7d1;border-radius:5px;font:15px 'Segoe UI',sans-serif;background:#fbfcfb;color:#203738;margin-top:7px}input:focus,textarea:focus,select:focus{outline:2px solid #6ea793;outline-offset:1px}textarea{resize:vertical}summary{cursor:pointer;font-weight:600;padding:5px 0}details+details{margin-top:14px}.hero{background:#e4ebe5;padding:25px;display:flex;gap:28px;border-radius:9px}.hero img{width:220px;height:160px;object-fit:cover;border-radius:6px}.hero h2{margin-top:0}.hero small{color:#70837c;word-break:break-all}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.journal{margin:15px 0;border-left:3px solid #59947e}.journal small{color:#72877e;display:block}.journal .badge{float:right}.journal p{margin-bottom:0}.notice{background:#e1f0df;padding:18px;border-radius:6px}.actions{display:flex;gap:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #df9b47;outline-offset:3px}@media(max-width:1050px){aside{width:200px;padding:25px 16px}.brand{font-size:16px}main{margin-left:200px;padding:30px}.columns{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}@media(max-width:650px){aside{position:static;width:100%;padding:18px}aside small,.local{display:none}nav{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px;font-size:12px}nav a{padding:6px}main{margin:0;padding:22px 16px}h1{font-size:30px}.stats{gap:8px}.stats article{padding:12px}.stats strong{font-size:30px}.hero{flex-direction:column}.hero img{width:100%;height:200px}.two{grid-template-columns:1fr}.row{flex-wrap:wrap}.actions{flex-wrap:wrap}}

.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:18px 0}.photo-grid figure{margin:0;min-width:0}.photo-grid img{width:100%;height:155px;object-fit:cover;border-radius:6px;border:1px solid #dce4df}.photo-grid figcaption{font-size:12px;color:#627970;overflow-wrap:anywhere}.fault-card details{margin-top:16px}.fault-area{margin-top:36px;border-top:1px solid #cbd7d1;scroll-margin-top:20px}.fault-area h2 span{font-size:13px;font-weight:400}#wartungsplan{scroll-margin-top:20px}

.stats.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-link article{height:100%}.stat-link:hover article{border-color:#17685e}.stat-link small{font-size:11px;color:#6a7d79}.image-editor{margin:18px 0;border:1px solid #ccd9d1;border-radius:8px;padding:12px;min-width:0}.image-editor>b{overflow-wrap:anywhere}.image-editor canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair;background:#eee;margin-top:12px}.draw-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.draw-tools label{color:#bd2029;flex:1;min-width:130px}.draw-tools input{padding:0}.draw-tools button{padding:8px 10px;font-size:12px}.image-editors{min-width:0}#offene-stoerungen{scroll-margin-top:20px}@media(max-width:1100px){.stats.four{grid-template-columns:repeat(2,minmax(0,1fr))}}

.image-editor{max-width:780px;margin:12px auto;padding:12px}.drawing-stage{display:flex;justify-content:center;align-items:center;background:#eef1ef;border-radius:5px;margin:8px 0;overflow:hidden}.image-editor canvas{width:auto;height:auto;max-width:100%;max-height:min(46vh,380px);margin:0;object-fit:contain}.image-editor[hidden]{display:none}.draw-tools label{margin:8px 0;min-width:100px}.draw-tools select{padding:7px;font-size:13px;margin-top:4px}.draw-tools input{margin-top:6px}.image-editor>small{display:block;font-size:12px}@media(max-width:650px){.image-editor canvas{max-height:40vh}.draw-tools{gap:6px}.draw-tools label{flex:1 1 40%}.draw-tools button{flex:1}.image-editor{padding:9px}}

.remove-picture{font-size:12px;margin-top:7px}.remove-picture summary{color:#a34132}.remove-picture p{margin:8px 0}.remove-picture button{font-size:12px;padding:8px}.current-image img{max-width:220px;max-height:160px;object-fit:contain}.checkbox{display:flex;gap:9px;align-items:center}.checkbox input{width:auto;margin:0}

.dev-banner{padding:10px 15px;margin-bottom:22px;background:#fff1d9;color:#88541d;border-radius:6px;font-size:12px}.company-heading{display:flex;align-items:center;gap:20px}.company-logo{display:block;max-width:220px;max-height:100px;object-fit:contain;margin:10px 0}.mfa-qr{display:block;width:240px;max-width:100%}.secret{word-break:break-all}.readonly details,.readonly form:not(.search):not(.session-form){display:none}.local{overflow-wrap:anywhere}.local button{font-size:12px;margin-top:12px}aside nav{margin-top:30px}.session-form label{font-size:14px}

.version-banner{padding:15px 18px;margin-bottom:20px;border:1px solid #e1bd7f;border-left:4px solid #bd7c26;border-radius:7px;background:#fff7e7;color:#735124}.version-banner strong{display:block;font-size:15px}.version-banner span{display:block;font-size:12px;margin-top:4px}.registration-notice{background:#fff7e7;padding:14px;border-radius:6px}.intro{font-size:21px;color:#668078}

.passkey-area{padding:18px;background:#eef4e9;border:1px solid #cddfc5;border-radius:8px;margin:24px 0}.passkey-area h3{margin-top:0}.passkey-area p{font-size:13px}.passkey-area [role=status]:empty{display:none}[data-passkey-action][hidden]{display:none}
