*{box-sizing:border-box}body{margin:0;background:#f5f6f2;color:#213d35;font:16px/1.6 'Malgun Gothic',sans-serif}header{background:#183e32;color:white;padding:24px max(24px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}header small{color:#bed2c5;display:block}main{max-width:1100px;margin:36px auto;padding:0 24px}h1{font-size:30px;margin:8px 0}h2{font-size:21px;margin:0 0 18px}p{color:#65776e}label{display:block;font-size:14px;font-weight:bold}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:12px;border:1px solid #cdd7cf;border-radius:8px;background:white;margin:7px 0 16px;color:#203a31}button,a.button{cursor:pointer;border:0;border-radius:8px;background:#246147;color:white;padding:12px 20px;text-decoration:none;display:inline-block;font-weight:bold}button.secondary{background:#e7eee6;color:#264a3a}button:disabled{opacity:.5;cursor:wait}button.danger{background:#f4e1dc;color:#a23e2b}.card{padding:28px;background:white;border:1px solid #dfe5dc;border-radius:14px;margin-bottom:22px;box-shadow:0 4px 16px #183e3204}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.line{background:#f7f9f5;border:1px solid #dfe5dc;padding:18px;border-radius:10px;margin:16px 0}.line .grid{grid-template-columns:3fr 1fr}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pill{font-size:13px;border-radius:50px;padding:5px 12px;background:#e8efe5;display:inline-block}.error{color:#a23e2b;white-space:pre-line}.note{background:#edf2e6;padding:16px;border-radius:8px;font-size:14px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid #e7ece4;padding:12px 8px}.scroll{overflow:auto}.muted{color:#718076;font-size:13px}.login{max-width:460px;margin:8vh auto}.tabs{display:flex;gap:10px;margin:20px 0}.tabs button.active{background:#246147;color:#fff}.tabs button{background:#e3eade;color:#3b5646}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#193f31;color:white;padding:12px 24px;border-radius:8px;max-width:90%;display:none}@media(max-width:650px){main{padding:0 14px;margin-top:20px}.card{padding:20px}h1{font-size:25px}.grid,.line .grid{grid-template-columns:1fr;gap:0}header{padding:20px}.actions button{flex:1}td,th{white-space:nowrap}}
@media(max-width:650px){.actions button{flex:1 1 100%;white-space:nowrap}.line .actions button{flex:0 1 auto}}

/* Dealer and sign-in redesign. */
body{background:#f1f5f1;color:#1e332b;letter-spacing:-.3px;font:16px/1.65 'Segoe UI','Malgun Gothic',sans-serif}header{background:#153e33;padding:22px max(24px,calc((100vw - 1080px)/2));min-height:90px}header b{letter-spacing:1px;font-size:18px}header small{font-size:12px;margin-top:3px;color:#b5cbbd}header button.secondary{background:#ffffff12;border:1px solid #ffffff35;color:#e0ecdf;padding:8px 15px;font-size:13px}main{max-width:1080px;margin:38px auto;padding:0 24px}.dealer-heading{margin-bottom:25px}.dealer-heading>.muted{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#3a7554}h1{font-size:34px;line-height:1.4;letter-spacing:-1.2px;margin:7px 0 10px}h2{font-size:21px;margin:0}p{color:#5c7163;font-size:14px}.dealer-heading p{font-size:16px;margin:0}.note{padding:14px 18px;border:1px solid #d8e5d6;background:#e9f1e5;color:#496550;border-radius:10px;font-size:13px}.card{border:1px solid #dce6dc;box-shadow:0 4px 20px #213f2705;border-radius:16px;padding:30px;margin-bottom:26px}.card>p.muted{font-size:13px}.grid{gap:20px}label{font-size:14px;color:#294e39}input,select,textarea{padding:13px 14px;font-size:16px;border:1px solid #cbd9ce;border-radius:9px;margin:8px 0 18px;background:#fff}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #b3d1a6;outline-offset:2px}button,a.button{background:#146b52;border-radius:9px;padding:12px 19px;font-size:14px;min-height:44px}button.secondary{background:white;border:1px solid #cbd8ce;color:#335d41}button.danger{background:#fff3ef;color:#a5493d;font-size:12px;padding:8px 13px;min-height:36px}.form-section-title{display:flex;align-items:center;gap:10px;margin:24px 0 10px;border-top:1px solid #e4eae2;padding-top:25px}.form-section-title>span{width:28px;height:28px;background:#e2efdb;color:#3a633c;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.form-section-title h2{font-size:18px}.line{background:#f7faf5;border:1px solid #dbe6d9;border-radius:12px;padding:22px;margin:17px 0}.line .grid{grid-template-columns:minmax(0,3fr) minmax(140px,1fr)}.line .quantity{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;background:#fff}.line .unit{color:#146b52;font-weight:750}.weight{font-size:12px;color:#526b50;flex:1;line-height:1.7}.line>.actions{justify-content:space-between}.submit-actions{border-top:1px solid #e0e9df;padding-top:22px;margin-top:24px;gap:10px}.submit-actions #submit{font-size:16px;min-width:180px;padding:14px 22px}.submit-actions #reset{margin-left:auto}#noOrder{font-size:13px}#deadline{display:inline-block;background:#e4f0e1;color:#326144;font-weight:650;font-size:13px;border-radius:7px;padding:10px 14px;margin:8px 0 0}#history>.line{background:white}#history .pill{background:#e7f0e0;color:#3a633a;font-size:12px;padding:5px 10px}#history .oh-current{background:#f7fbf4}.oh-lines td strong{font-size:17px;font-variant-numeric:tabular-nums}#toast{background:#173f30;padding:14px 22px;border-radius:10px;box-shadow:0 8px 30px #24422e20;z-index:30}.error{font-size:14px}.login-page{background:radial-gradient(ellipse at 25% 40%,#e1ebd8,transparent 50%),#f1f5ef}.login-page header{background:transparent;color:#264734;padding-top:30px}.login-page header small{color:#6f846e}.login-page header .pill{background:#e0e9d8;font-size:12px}.login{max-width:500px;margin:6vh auto}.login .card{padding:38px;border-color:#dce7d5;box-shadow:0 15px 70px #2444230a}.login-mark{width:48px;height:52px;background:#173e30;border-radius:11px 11px 11px 2px;color:#e1efd3;display:grid;place-items:center;font:italic bold 33px Georgia;margin-bottom:22px}.login .muted{display:block;font-size:12px}.login h1{font-size:32px;margin:8px 0 14px}.login form{margin-top:26px}.login form button{font-size:16px;margin-top:10px}.login>.muted{font-size:12px;text-align:center;color:#688064}.login .card p{font-size:14px}
@media(max-width:650px){header{padding:20px;min-height:82px}header b{font-size:16px}main{margin:25px auto;padding:0 16px}.dealer-heading{margin-bottom:20px}h1{font-size:27px}.dealer-heading p{font-size:14px}.note{font-size:12px;padding:13px 15px}.card{padding:20px;border-radius:13px}.line{padding:16px}.line .grid{grid-template-columns:minmax(0,1fr);gap:0}label{font-size:13px}input,select,textarea{font-size:16px;max-width:100%;width:100%}.actions{gap:9px}.line>.actions{align-items:flex-start}.weight{min-width:65%}.submit-actions #submit{width:100%;flex-basis:100%;font-size:16px}.submit-actions #reset{margin-left:0;flex:1;min-width:0;font-size:13px}.submit-actions #noOrder{flex:1;min-width:0;font-size:13px}.form-section-title h2{font-size:17px}#history .actions button{flex:0 1 auto}.login{margin:2vh auto;max-width:460px}.login .card{padding:26px}.login h1{font-size:29px}.login-page header{padding:24px 20px}.oh-lines td strong{font-size:15px}}

#submitHelp{display:inline-flex;max-width:100%;border-radius:12px}#submitHelp:focus-visible{outline:3px solid #d49a35;outline-offset:4px}#submitHelp:has(button:disabled){cursor:help}#submitHelp button:disabled{pointer-events:none}.submit-reasons{white-space:pre-line;background:#fff6e6;color:#714600;border:1px solid #edcf96;border-radius:12px;padding:12px 16px;line-height:1.8;font-size:14px}.submit-reasons[hidden]{display:none}
@media(max-width:650px){#submitHelp{width:100%;flex:1 1 100%;min-width:0}#submitHelp #submit{min-width:0;width:100%}}.submit-reasons{overflow-wrap:anywhere}

/* Production sign-in identity */
.login h1.login-title{margin:0 0 18px;line-height:1.28;letter-spacing:-1.1px}.login-title span{display:block;font-size:23px;font-weight:600;color:#446457;margin-bottom:8px}.login-title strong{display:block;font-size:34px;font-weight:750;color:#173e30;word-break:keep-all}.login .login-mark{margin-bottom:26px}.login .card p{line-height:1.7}.login-page header{justify-content:center;text-align:center}
@media(max-width:650px){.login-title span{font-size:21px}.login-title strong{font-size:clamp(24px,6.6vw,30px);letter-spacing:-1px}.login h1.login-title{margin-bottom:16px}}