*{box-sizing:border-box}body{margin:0;background:#f5f5f1;color:#252e29;font:16px/1.55 Arial,sans-serif}.wrap{width:min(100% - 32px,1050px);margin:40px auto}h1{font-size:30px;line-height:1.2;margin:8px 0}h2{font-size:21px;margin:0 0 16px}h3{font-size:16px;margin:0;overflow-wrap:anywhere}p{overflow-wrap:anywhere}.header{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:28px}.logo{width:240px;max-width:100%;height:auto}.eyebrow{font-size:11px;letter-spacing:2px;color:#66776b}.card{background:white;padding:28px;border:1px solid #dde3db;border-radius:16px;margin:20px 0}.summary{display:grid;grid-template-columns:2fr 1fr 1fr;border-radius:16px;background:#203e32;color:white;padding:24px;gap:20px}.summary span,.quantities span{display:block;font-size:13px}.summary strong{font-size:23px}.customer{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}.customer p{margin:8px 0}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eee;padding:5px 0}dd{margin:0}.muted,small{color:#68746c}.mode{display:flex;flex-wrap:wrap;gap:16px;border:0;padding:0;margin:20px 0}.mode legend{font-weight:bold;margin-bottom:10px}.mode label{padding:12px;border:1px solid #d4ddd4;border-radius:8px}.product{display:grid;grid-template-columns:2fr 1.4fr 120px;align-items:center;gap:22px;padding:20px 0;border-top:1px solid #e6ebe4}.quantities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quantity{font-size:12px}.quantity input{width:100%}label{display:block;margin-bottom:16px}input:not([type=radio]):not([type=checkbox]),textarea{display:block;width:100%;border:1px solid #bdc9bd;border-radius:8px;padding:12px;margin-top:7px;font:inherit;background:white;color:inherit;min-width:0}input[type=radio],input[type=checkbox]{width:20px;height:20px;accent-color:#274f3a;vertical-align:middle;margin-right:6px}input:focus,textarea:focus,button:focus-visible{outline:3px solid #95b899;outline-offset:2px}.files{display:grid;grid-template-columns:1fr 1fr;gap:20px}.files input{font-size:14px!important}.check{display:flex;align-items:flex-start;gap:8px;margin:22px 0}.check input{flex-shrink:0}canvas{display:block;width:100%;height:180px;border:1px dashed #859c85;border-radius:10px;background:#fafcf9;touch-action:none}button{border:0;border-radius:8px;padding:14px 24px;font:700 16px Arial;cursor:pointer;background:#274f3a;color:white;min-height:46px}button.secondary{background:#edf2eb;color:#304537;margin-top:12px}button:disabled{opacity:.55;cursor:wait}.notice{padding:16px;border-radius:10px;background:#e7f4e8}.error{color:#a33022}.notice.error{background:#fff0eb}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.history{border-top:1px solid #dfe6dc;padding:18px 0}.history summary{cursor:pointer;overflow-wrap:anywhere}.signature-preview{width:min(100%,360px)}footer{font-size:13px;color:#66746b;text-align:center;margin:28px 0}#selection{font-weight:bold}#save{width:100%}@media(max-width:640px){.wrap{width:calc(100% - 24px);margin:20px auto}.header{align-items:flex-start;flex-direction:column;gap:18px}.logo{width:190px}h1{font-size:26px}.card{padding:20px 16px}.summary{grid-template-columns:1fr 1fr;padding:20px}.summary>div:first-child{grid-column:1/-1}.customer,.files{grid-template-columns:1fr;gap:12px}.product{grid-template-columns:1fr 110px;gap:14px}.product h3{grid-column:1/-1}.quantities{gap:8px}.quantities span{font-size:11px}.section-heading{align-items:flex-start;flex-direction:column;gap:0}.mode{flex-direction:column;gap:0}.mode label{margin-bottom:8px}canvas{height:160px}button{width:100%}}@media print{body{background:white}.wrap{width:100%;margin:0}.card{break-inside:avoid}form .mode,form .quantity,form #selection,form .card:nth-last-child(1):has(#signature),button,footer{display:none!important}.summary{background:white;color:black;border:1px solid #ccc}details>*{display:block}details{break-inside:avoid}}