@font-face{font-family:system;src:local('Arial')}*{box-sizing:border-box}body{margin:0;background:#f3f6f5;color:#19332f;font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button{min-height:46px;padding:10px 16px;background:white;border:1px solid #b7c9c3;border-radius:9px;color:#193c35;cursor:pointer;font-weight:600}button:hover{background:#eaf1ef}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:#22594e;color:white;border-color:#22594e}button.primary:hover{background:#174337}button.danger{color:#a52f30}button.text{background:transparent;border:0;padding:6px 0}button.small{font-size:14px;padding:7px 12px;min-height:42px}a{color:#22594e}h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:5px 0 14px}h2{font-size:21px;line-height:1.3;margin:0 0 16px}h3{font-size:17px;margin:0}p{margin:8px 0 14px}small,.muted{color:#576c65;font-size:14px}.top{height:90px;padding:18px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;background:#183c38;color:white;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px;letter-spacing:2px}.brand small{display:block;font-size:12px;letter-spacing:1.6px;color:#cbddd6;font-weight:500}.brand small span{padding-left:8px}.mark{font-size:32px;line-height:44px;width:42px;text-align:center;background:white;color:#183c38;border-radius:7px}#save-state{font-size:13px;color:#d6e9e2;text-align:right;max-width:230px}#save-state.error{color:#ffcdc1}main{max-width:1120px;margin:auto;padding:30px 24px 120px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#62776e;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.card{background:white;border:1px solid #d7e1dc;border-radius:13px;padding:24px;margin-bottom:18px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.card-title h2{margin:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;min-width:0}.field.wide{grid-column:1/-1}input:not([type=checkbox]),select,textarea{min-height:48px;width:100%;border:1px solid #bccbc5;border-radius:7px;background:#fff;color:#19332f;padding:11px 12px;font-size:16px}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #dfb557;outline-offset:2px}input[type=checkbox]{width:21px;height:21px;accent-color:#22594e}.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.check{display:flex;align-items:center;gap:9px;border:1px solid #d1dfd8;border-radius:8px;padding:12px;font-size:15px}.badge{display:inline-block;border-radius:5px;padding:3px 8px;background:#edf2ef;color:#486457;font-size:12px;font-weight:700;white-space:nowrap}.badge.complete{background:#daf0e2;color:#24533a}.badge.draft{background:#fff0d5;color:#805518}.job-list{display:grid;gap:12px}.job-row{background:white;border:1px solid #d2dfd8;border-radius:11px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.job-row h2{margin:0 0 5px;font-size:20px}.job-row p{margin:3px 0;font-size:14px;color:#576c65}.toolbar{display:flex;gap:12px;margin-bottom:22px}.toolbar input{flex:1}.stat{display:flex;gap:22px;margin:16px 0 26px;color:#577065;font-size:14px}.stat strong{color:#183c38;font-size:24px;margin-right:6px}.tabs{display:flex;gap:6px;border-bottom:1px solid #cddbd4;margin-bottom:24px;padding-bottom:12px;overflow-x:auto}.tabs button{white-space:nowrap;background:transparent;border-color:transparent}.tabs button.active{background:#e0ece6;color:#194f3d;border-color:#aec7b8}.area-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.area-tabs button.active{background:#22594e;color:white;border-color:#22594e}.notice{padding:14px 16px;border-left:3px solid #c38935;background:#fff7e8;border-radius:0 7px 7px 0;font-size:14px;margin:14px 0}.notice.good{border-color:#378261;background:#eaf6ed}.section-card{border-left:4px solid #8aa99a}.section-card.gate{border-left-color:#c7904b}.component-number{display:inline-flex;background:#e6efea;width:32px;height:32px;align-items:center;justify-content:center;border-radius:6px;margin-right:8px}.reorder{display:flex;gap:5px}.reorder button{min-width:43px;padding:5px}.layout-strip{display:flex;gap:6px;overflow:auto;padding:8px 0 16px;align-items:center}.layout-item{background:#e6efea;border:1px solid #c2d5c9;border-radius:6px;padding:9px 12px;white-space:nowrap;font-size:14px}.layout-item.gate{background:#fff1db;border-color:#e4c894}.layout-item small{display:block;font-size:12px}.add-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 25px}.sketch-scroll{overflow:auto;border:1px solid #d4dfd9;border-radius:7px;background:white}.sketch-scroll svg{display:block;width:100%}.sketch-legend{padding:12px 16px;border-top:1px solid #e2e9e5;font-size:13px}.sketch-legend p{margin:4px 0}.sketch-empty{padding:44px 20px;text-align:center;color:#65796e}.sketch-stamp{background:#183c38;color:white;padding:10px 15px;font-size:12px;letter-spacing:1px;border-radius:6px;margin:12px 0}.bottom{position:fixed;bottom:0;left:0;right:0;padding:12px max(24px,calc((100vw - 1072px)/2)) calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #cddbd4;display:flex;justify-content:space-between;gap:10px;z-index:5;box-shadow:0 -5px 20px #19332f08}.bottom .primary{margin-left:auto}.empty{text-align:center;padding:48px 20px}.empty h2{margin-bottom:8px}.error-list{padding:0;list-style:none}.error-list button{width:100%;text-align:left;margin:4px 0;border-color:#edc0ac;color:#893a25;background:#fff8f4}.photos{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.photo{width:145px}.photo img{width:145px;height:108px;object-fit:cover;border-radius:7px}.photo p{font-size:12px;overflow-wrap:anywhere;margin:2px 0}details{margin:18px 0}summary{cursor:pointer;font-weight:600;font-size:14px}details .grid{margin-top:15px}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#183c38;color:#fff;border-radius:9px;padding:12px 20px;box-shadow:0 5px 20px #0002;z-index:20;display:none;max-width:90vw;width:max-content}dialog{border:1px solid #bccbc5;border-radius:13px;padding:26px;max-width:440px;width:90vw}dialog::backdrop{background:#11292380}.loading{padding:50px;text-align:center}.install{max-width:740px}.install li{margin-bottom:12px}.split{display:grid;grid-template-columns:1fr 300px;gap:22px}.side-note{padding:20px;background:#e7eee9;border-radius:12px;height:fit-content}.divider{border:0;border-top:1px solid #e0e8e3;margin:22px 0}.highlight{outline:3px solid #d5a44c;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:700px){.top{height:78px;padding:13px 16px}.brand{font-size:15px;letter-spacing:1.5px}.mark{width:36px;font-size:29px}.brand small{font-size:10px}#save-state{font-size:12px;max-width:135px}main{padding:22px 16px 115px}h1{font-size:27px}.heading{align-items:flex-start;gap:10px}.heading .actions{justify-content:flex-end}.card{padding:18px 15px;border-radius:10px}.grid,.grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid.three .field:last-child{grid-column:1/-1}.checks{grid-template-columns:1fr}.split{display:block}.side-note{margin-top:20px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.job-row{padding:17px 14px;align-items:flex-start}.job-row h2{font-size:18px}.job-row .actions{flex-direction:column;align-items:stretch}.bottom{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.bottom button{font-size:14px;padding:9px 12px}.card-title{align-items:flex-start}.card-title h2{font-size:18px}.reorder{gap:3px}.reorder button{padding:4px;min-width:38px}.stat{gap:14px}.tabs{gap:0}.tabs button{padding:8px 12px}.add-row button{font-size:14px;padding:9px 12px}.notice{font-size:14px}.photo{width:125px}.photo img{width:125px;height:95px}}
@media(max-width:360px){.grid,.grid.three{grid-template-columns:1fr}.grid.three .field:last-child{grid-column:auto}.brand small{letter-spacing:.8px}.job-row{display:block}.job-row .actions{flex-direction:row;margin-top:14px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}@media print{.top,.tabs,.area-tabs,.bottom,button,.no-print{display:none!important}body{background:white}main{padding:0;max-width:none}.card{break-inside:avoid;border:0;padding:10px}.sketch-scroll{overflow:visible}.sketch-scroll svg{min-width:0!important;width:100%}.sketch-legend{font-size:11px}}

.app-version{max-width:1120px;margin:12px auto 0;padding:0 24px;font-size:12px;color:#576c65;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.return-title{margin-bottom:12px}@media(max-width:700px){.app-version{padding:0 16px}}@media print{.app-version{display:none}}
