:root{font-family:system-ui,-apple-system,sans-serif;color:#183457;background:#edf3fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding-bottom:100px}.wrap{max-width:760px;margin:auto;padding:18px}header{background:#102b53;color:white}.brand{display:flex;align-items:center;gap:12px;padding-top:24px;padding-bottom:24px}.brand-icon{background:#244a7c;border-radius:14px;padding:12px;font-size:24px}h1{font-size:21px;letter-spacing:.04em;margin:0}.brand p{font-size:11px;letter-spacing:.06em;color:#c5d8f1;margin:5px 0 0}h2{font-size:23px;margin:0 0 12px}h3{font-size:18px;margin:26px 0 10px}p{line-height:1.5}.muted{font-size:14px;color:#526782}.panel,.job{background:white;border:1px solid #dce6f4;border-radius:17px;padding:22px;margin:16px 0;box-shadow:0 4px 20px #18345709}.hero{background:#102b53;color:white;border-radius:18px;padding:23px;margin:8px 0 18px}.hero h2{margin:8px 0}.hero p{color:#c5d8f1;font-size:14px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:12px 16px;min-height:44px;font-weight:650}button:disabled{cursor:default;opacity:.6}.primary{background:#2563eb;color:#fff}.secondary{background:#e7efff;color:#1d4ed8}.danger{background:#fbe9e9;color:#8d3333}.buttonrow,.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.buttonrow{margin-top:20px}.toolbar{justify-content:space-between}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{background:white;color:#526782;padding:10px 13px}.filters button[aria-pressed=true]{background:#dbeafe;color:#1d4ed8}.job{display:block;width:100%;text-align:left}.job strong{display:block;font-size:17px}.job p{margin:9px 0;font-size:14px;font-weight:400;color:#526782;overflow-wrap:anywhere}.job .meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:#526782;margin-top:15px}.badge{display:inline-block;background:#e7efff;color:#1d4ed8;border-radius:30px;padding:5px 9px;font-size:12px;margin-top:9px}.badge.redo{background:#fff0d9;color:#854a05}label{display:block;font-weight:650;margin:15px 0 7px}input,select,textarea{width:100%;padding:12px;border:1px solid #bdcbd2;border-radius:10px;background:white;color:#183457}textarea{min-height:80px;resize:vertical}fieldset{border:0;margin:0;padding:0;min-width:0}.choice{display:flex;gap:10px;align-items:flex-start;border:1px solid #dce6f4;border-radius:10px;padding:12px;margin:8px 0;font-size:14px;font-weight:500;line-height:1.5;cursor:pointer}.choice input{width:19px;height:19px;flex:none;margin:1px 0 0;accent-color:#2563eb}.machine{background:#f7faff;border:1px solid #dce6f4;border-radius:13px;margin:14px 0;padding:17px}.machine-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.machine-head button{font-size:12px;padding:8px 10px}.checklist{display:grid;grid-template-columns:1fr;gap:0}.checklist .choice{background:white}details{margin:25px 0 10px}summary{font-weight:650;cursor:pointer;padding:12px 0}#customerText{min-height:240px}.status{background:#dbeafe;color:#153d78;padding:15px;border-radius:12px;white-space:pre-wrap;margin:16px 0}.error{background:#ffe9e9;color:#8b2222}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #dce6f4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px max(10px,calc((100vw - 740px)/2));padding-bottom:max(10px,env(safe-area-inset-bottom));z-index:20;box-shadow:0 -3px 18px #102b5312}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;color:#526782;font-size:22px;padding:7px 3px}.bottom-nav button span{font-size:12px}.bottom-nav button[aria-current=page]{background:#dbeafe;color:#1d4ed8;border-radius:12px}.bottom-nav b{font-size:11px;background:#edf3fb;border-radius:15px;padding:2px 6px}.hidden{display:none!important}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}@media(min-width:620px){.checklist{grid-template-columns:1fr 1fr;gap:0 10px}}@media(max-width:400px){.wrap{padding:14px}.panel{padding:17px}.filters button{font-size:13px;padding:9px}.toolbar{gap:8px}.buttonrow button{width:100%}}

.photo-picker{display:inline-flex;align-items:center;margin:0;padding:12px 16px;border-radius:10px;cursor:pointer;font-size:14px}.photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:14px}.photo-card{border:1px solid #dce6f4;border-radius:12px;background:#f7faff;padding:10px}.photo-card img{width:100%;height:140px;object-fit:contain;border-radius:8px;background:#e7efff}.photo-card p{font-size:12px}.stock-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.stock-card p{font-size:13px;margin:7px 0 0}.stock-count{text-align:center;min-width:70px}.stock-count b{display:block;font-size:23px}.stock-count small{font-size:11px}.low-stock{background:#fff0d9;color:#854a05}.machine select{margin-top:5px}

.job-contact{background:#edf3fb;border-radius:12px;padding:4px 16px;margin:10px 0 20px}.job-contact p{line-height:1.7;overflow-wrap:anywhere}.job-contact strong{font-size:13px;color:#526782}.job-contact a{color:#1d4ed8;text-decoration:underline;text-underline-offset:3px}

.part-image{width:88px;height:88px;object-fit:contain;border-radius:10px;background:#fff;flex-shrink:0}.stock-description{flex:1;min-width:0}.machine>.part-image{display:block;margin-bottom:12px}@media(max-width:480px){.part-image{width:64px;height:64px}}