:root{--ink:#1b302b;--green:#153c32;--accent:#00856a;--pale:#e7f4ee;--line:#d9e3dd}*{box-sizing:border-box}body{margin:0;background:#f2f4ef;color:var(--ink);font:16px Arial,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ce8713;outline-offset:3px}[hidden]{display:none!important}.top{background:#fff;border-bottom:1px solid var(--line);padding:23px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{background:var(--green);color:#fff;font-weight:bold;border-radius:13px;padding:17px 12px;letter-spacing:-1px}.brand small{font-size:11px;letter-spacing:1.8px;color:#66796d}.brand h1{font-size:23px;margin:5px 0 0;letter-spacing:-.6px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #bdcec3;border-radius:9px;min-height:46px;padding:12px 18px;background:#fff;color:var(--ink);font-weight:bold;line-height:1.3}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.danger-outline{color:#9c3426;border-color:#e0bfb6;background:#fffaf8}.btn.danger{background:#a93428;color:#fff;border-color:#a93428}.btn:active{transform:translateY(1px)}main{max-width:1080px;margin:32px auto;padding:0 28px}.card{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 3px 15px #163b2410}.common{padding:25px 28px}.section-title{display:flex;align-items:center;gap:12px}.section-title h2{font-size:19px;margin:0}.step{font-size:12px;letter-spacing:1px;font-weight:bold;color:#738474}.saved{margin-left:auto;font-size:12px;color:#637669}.saved:before{content:'●';color:#6e9471;font-size:9px;margin-right:6px}.common-fields,.field-row,.metadata,.settings{display:flex;gap:20px;flex-wrap:wrap}.common-fields{margin-top:21px}.common-fields label{flex:1;min-width:200px}label{display:block;font-size:14px;font-weight:bold;color:#42564c;line-height:1.45}input[type=text],input[type=date]{display:block;width:100%;min-height:54px;margin-top:8px;background:#fbfcf9;border:1.5px solid #bdcec3;border-radius:9px;padding:13px 14px;color:#172e26;font-size:19px;font-weight:normal;box-shadow:0 2px 2px #163b2405}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--pale)}input.invalid{border-color:#ac382a!important;background:#fff4ef}input::placeholder{color:#9ba79c;opacity:1}.products-title{margin:31px 0 17px}.count{margin-left:auto;font-size:13px;color:#697c6f}.tabs{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.tab{flex:1;min-width:160px;text-align:left;background:#fff;color:#506457;border:1px solid var(--line);border-top:4px solid var(--tab-color);padding:15px 17px;border-radius:9px;font-weight:bold;min-height:64px;position:relative}.tab small{display:block;margin-top:5px;font-weight:normal;font-size:11px;color:#77877a}.tab.selected{background:var(--tab-pale);border-color:var(--tab-color);color:var(--tab-color);box-shadow:0 2px 6px #173e2210}.tab .dot{position:absolute;right:11px;top:12px;width:7px;height:7px;border-radius:50%;background:var(--tab-color)}.product{overflow:hidden;border-top:4px solid var(--accent)}.product-header{display:flex;align-items:center;justify-content:space-between;padding:25px 29px 19px;gap:15px}.product-header small{color:var(--accent);font-size:10px;font-weight:bold;letter-spacing:1.6px}.product-header h2{font-size:30px;letter-spacing:-.8px;margin:7px 0 0}.use-product{display:flex;align-items:center;font-size:13px;background:var(--pale);padding:10px 13px;border-radius:7px;color:var(--accent)}input[type=checkbox]{width:22px;height:22px;margin:0 9px 0 0;accent-color:var(--accent)}.tank{background:#f8faf6;border-top:1px solid #edf1e9;border-bottom:1px solid #edf1e9;padding:12px 29px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#687c6b;gap:12px}.text-button{background:transparent;border:0;color:var(--accent);font-size:13px;font-weight:bold;min-height:32px;padding:3px 0}.settings{padding:18px 29px;background:#f6f9f3;border-bottom:1px solid var(--line)}.settings label{flex:1;min-width:200px}.product-body{padding:24px 29px 28px}.metadata label{flex:1;min-width:220px}.phase{margin-top:30px}.phase-heading{display:flex;align-items:center;gap:10px;margin-bottom:19px}.phase-heading h3{font-size:19px;margin:0}.phase-heading>span:last-child:not(.phase-number){margin-left:auto;color:#819080;font-size:12px}.phase-number{display:inline-block;min-width:26px;height:26px;padding:5px;background:var(--pale);color:var(--accent);border-radius:50%;font-size:13px;font-weight:bold;text-align:center}.field-row{margin-bottom:17px}.field-row>label{flex:1;min-width:240px;max-width:100%}.field-row:has(>label:only-child)>label{max-width:calc(50% - 10px)}.unit-field{position:relative}.unit-field input{padding-right:42px}.unit-field span{position:absolute;right:16px;top:18px;font-size:16px;font-weight:normal;color:#849486}.capacity-line{display:flex;justify-content:space-between;align-items:center;margin:19px 0 13px;font-size:14px;color:#6c806f}.capacity-line strong{font-size:18px;color:#344e3a}.status{border-radius:9px;padding:18px 20px;border:1px solid transparent;line-height:1.4}.status strong{display:block;font-size:19px;margin-bottom:3px}.status span{font-size:13px;display:block}.neutral{background:#f0f3ee;color:#6e7e70;border-color:#e4e9df}.ok{background:#e6f5e9;color:#17673c;border-color:#b7ddc2}.error{background:#fbeae6;color:#a02e22;border-color:#ecc1b8}.status a{color:inherit;font-weight:bold}.after{padding-top:28px;border-top:1px solid var(--line)}.results{margin-top:29px;padding-top:25px;border-top:1px solid var(--line)}dl{margin:0}dl .result{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0e8;padding:14px 0;gap:16px}dt{font-size:14px;color:#667a6a}dd{margin:0;font-weight:bold;font-size:19px;white-space:nowrap}.result.problem{color:#9c3426;background:#fff1ec;padding-left:10px;padding-right:10px;border-radius:5px}.result.problem dt{color:#9c3426}.cross-warning{margin-top:18px;background:#fff1dc;color:#86511b;padding:17px;border-radius:8px;font-size:14px;line-height:1.5}footer{display:flex;justify-content:space-between;gap:20px;margin:22px 0 35px;font-size:12px;color:#829080;line-height:1.6}footer a{color:#506657;text-decoration:none}.overlay{position:fixed;inset:0;z-index:1000;background:#132e26aa;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#fff;max-width:510px;border-radius:18px;padding:30px;box-shadow:0 18px 80px #0003}.dialog-icon{display:inline-block;background:#f7eae0;color:#a34d2f;border-radius:12px;padding:8px 15px;font-size:30px}.dialog h2{margin:21px 0 13px;font-size:25px}.dialog p{font-size:16px;line-height:1.6;color:#68796b}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);padding:15px 22px;color:white;background:var(--green);border-radius:10px;box-shadow:0 4px 25px #0002;z-index:1010;max-width:90%;text-align:center}.preview-overlay{position:fixed;inset:0;z-index:500;background:#e7ebe5;overflow:auto;padding:22px 3% 40px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1250px;margin:0 auto 20px}.preview-toolbar h2{margin:0 0 5px;font-size:22px}.preview-toolbar span{font-size:13px;color:#718271}.print-notice{max-width:1250px;margin:0 auto 18px;font-size:13px;color:#84601d;line-height:1.5}#preview-document{max-width:1250px;margin:auto;background:white;box-shadow:0 5px 25px #0001}#preview-document svg{display:block;width:100%;height:auto}#print-document{display:none}.no-scroll{overflow:hidden}@media(max-width:760px){.top{padding:17px 20px;align-items:flex-start;flex-wrap:wrap}.brand h1{font-size:20px}.top>.actions{width:100%}.top>.actions .btn{flex:1}main{padding:0 16px;margin-top:20px}.common{padding:21px}.section-title{flex-wrap:wrap}.saved{width:100%;margin:0 0 0 28px}.product-header{padding:22px;flex-wrap:wrap}.product-header h2{font-size:27px}.tank{padding:12px 21px;flex-wrap:wrap}.product-body{padding:20px 21px}.common-fields,.metadata,.field-row{gap:17px}.common-fields label,.metadata label,.field-row>label{min-width:100%;flex-basis:100%}.field-row:has(>label:only-child)>label{max-width:100%}.tab{min-width:42%;padding:13px 14px}.phase-heading{flex-wrap:wrap}.phase-heading>span:last-child:not(.phase-number){width:100%;margin-left:36px}.settings{padding:16px 21px}.count{font-size:12px}.results .result{gap:10px}footer{flex-direction:column;gap:8px}.preview-toolbar{flex-wrap:wrap}.preview-toolbar .actions{width:100%}.preview-toolbar .btn{padding:10px 13px}.dialog{padding:25px}.dialog-actions{flex-wrap:wrap}.dialog-actions .btn{flex:1}.brand-mark{padding:15px 10px}}
@page{size:A4 landscape;margin:0}@media print{html,body{margin:0!important;padding:0!important;background:#fff!important;width:297mm;height:210mm}#app{display:none!important}#print-document{display:block!important;position:absolute;left:0;top:0;width:297mm;height:210mm;margin:0;padding:0}#print-document svg{display:block;width:297mm;height:210mm;page-break-inside:avoid;break-inside:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.operator-wrapper{flex:1;min-width:200px;position:relative}.name-suggestions{position:absolute;top:100%;left:0;right:0;z-index:100;background:white;border:1px solid #bdcec3;border-radius:9px;box-shadow:0 8px 25px #163b2420;overflow:hidden}.name-suggestions button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #edf0e8;padding:15px;background:white;color:#153c32;min-height:48px}.name-suggestions button:hover,.name-suggestions button:focus{background:#e7f4ee}.help-button{float:right;border:1px solid #b8cbbf;border-radius:50%;width:28px;height:28px;min-width:28px;padding:0;margin:-5px 0 0 8px;font-size:15px;font-weight:bold;background:#f2f7ef;color:#3a6250;line-height:26px}.help-button:hover{background:#e2efdf}@media(max-width:760px){.operator-wrapper{min-width:100%;flex-basis:100%}}
.station-bar{display:flex;align-items:center;flex-wrap:wrap;gap:14px;background:white;border:1px solid #d9e3dd;border-radius:12px;padding:18px 24px;margin-top:20px}.station-bar label{font-size:15px}.station-bar select{min-height:48px;min-width:230px;padding:10px 40px 10px 14px;font:19px Arial,sans-serif;border:1.5px solid #bdcec3;border-radius:9px;background:#fbfcf9;color:#153c32}.station-bar span{font-size:12px;color:#718271}@media(max-width:760px){.station-bar select{width:100%}}
.print-sheet{position:relative;width:100%;height:0;padding-top:70.71%;overflow:hidden;background:#fff}.print-sheet img.print-background,.print-sheet svg.print-overlay{position:absolute;left:0;top:0;width:100%;height:100%;display:block;margin:0}@media print{#print-document .print-sheet{width:297mm;height:210mm;padding:0;position:relative}#print-document .print-sheet img.print-background,#print-document .print-sheet svg.print-overlay{width:297mm;height:210mm}}
/* Older iPad Safari does not support the inset shorthand. */ .overlay,.preview-overlay{top:0;right:0;bottom:0;left:0;-webkit-overflow-scrolling:touch}.overlay{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.preview-overlay{z-index:500;overflow-y:auto}.btn:disabled{opacity:.45;cursor:default}.dialog{-webkit-flex:0 1 510px;flex:0 1 510px}.help-button{touch-action:manipulation}.btn{touch-action:manipulation}
.number-overlay{z-index:1100;padding:15px}.number-panel{width:390px;max-width:100%;background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 65px #0003}.number-panel h2{font-size:18px;line-height:1.4;margin:0 0 16px}.number-value{display:flex;justify-content:space-between;align-items:center;border:2px solid #8aaa97;border-radius:10px;background:#f2f7ef;padding:15px 18px;min-height:76px}.number-value output{font-size:34px;font-weight:bold;color:#153c32;overflow-wrap:break-word;max-width:90%}.number-value span{color:#718271}.number-panel #number-error{font-size:12px;color:#a02e22;min-height:15px;margin:7px 0}.number-grid{display:flex;flex-wrap:wrap;margin:-4px}.number-grid button{width:calc(33.333% - 8px);margin:4px;border:1px solid #c8d5cb;background:#f7faf4;border-radius:9px;min-height:62px;font-size:26px;color:#153c32;touch-action:manipulation}.number-grid button:active{background:#d5e9d5}.number-clear{width:100%;min-height:42px;border:0;background:#fff;color:#9a4931;font-size:14px;margin-top:7px}.number-actions{display:flex;margin-top:10px}.number-actions .btn{flex:1;min-height:52px}.number-actions .btn+.btn{margin-left:12px}.numberpad-input{cursor:pointer}@media(max-height:650px){.number-panel{padding:15px;width:360px}.number-panel h2{margin-bottom:8px}.number-value{min-height:55px;padding:9px 14px}.number-grid button{min-height:45px}.number-clear{min-height:32px}.number-actions .btn{min-height:42px}}

.name-suggestions .suggestion-row{display:flex}.name-suggestions .suggestion-choice{flex:1;width:auto}.name-suggestions .suggestion-delete{width:48px;flex:0 0 48px;text-align:center;color:#ac2323;font-size:25px}.number-actions .btn{padding:10px 8px}