@font-face{font-family:Futura;src:url('assets/FuturaLT-Medium.ttf')}@font-face{font-family:Futura;src:url('assets/FuturaLT-Light.ttf');font-weight:300}@font-face{font-family:Futura;src:url('assets/FuturaLT-Bold.ttf');font-weight:700}
:root{--bg:#f6efe8;--paper:#fff9f2;--ink:#2d4514;--muted:#768269;--line:#e2ddd7;--sage:#c4cdba;--selected:#3b5128;--error:#af0000;--orange:#ff8e56;--yellow:#ffd940;--shadow:0 16px 50px #0003;color-scheme:light;--logo-filter:brightness(.25)}
:root[data-theme=dark]{--bg:#151912;--paper:#1e241a;--ink:#e2ebd7;--muted:#a6b597;--line:#46423d;--sage:#526345;--selected:#37432d;--error:#ff7c7c;--orange:#ffa770;--yellow:#f0ca4a;--logo-filter:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px Futura,Arial,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--muted);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid var(--sage);outline-offset:0}svg{width:19px;height:19px;flex-shrink:0;stroke-width:1.6}h1,h2,h3,p{margin:0;font-weight:400}h1{font-size:24px}h2{font-size:20px}h3{font-size:17px}small{font-size:12px;color:var(--muted)}.site-header{height:76px;padding:0 32px;display:flex;align-items:center;gap:42px;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;white-space:nowrap}.brand img{width:128px;height:26px;object-fit:contain;filter:var(--logo-filter)}.brand span{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:14px}.site-header nav{display:flex;align-self:stretch;gap:25px}.site-header nav button{display:flex;gap:8px;align-items:center;padding:0 5px;position:relative;color:var(--muted);white-space:nowrap}.site-header nav button.active{color:var(--ink)}.site-header nav button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--ink)}.header-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.connection{font-size:12px;white-space:nowrap;color:var(--muted);display:flex;gap:6px;align-items:center}.connection:before{content:'';width:6px;height:6px;background:var(--muted);border-radius:50%}.connection.online:before{background:#6c9253}.icon-btn{width:34px;height:34px;display:inline-flex;justify-content:center;align-items:center;border-radius:4px;flex-shrink:0}.icon-btn:hover{background:var(--line)}.environment{padding:8px 32px;background:var(--sage);font-size:12px}.environment[hidden]{display:none}.workspace{display:grid;grid-template-columns:minmax(370px,440px) minmax(0,1fr);min-height:calc(100vh - 108px)}.list-pane{border-right:1px solid var(--line);display:flex;flex-direction:column}.titlebar{height:77px;padding:0 28px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);justify-content:center;flex-shrink:0}.titlebar .count{margin-left:auto;color:var(--muted);font-size:12px}.list-toolbar{padding:16px 22px 14px;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:0 12px}.search input{border:0;background:none;width:100%;height:42px;outline:none;font-size:13px}.filters{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.filters select,.filter-btn,.filters input{font-size:12px;min-height:35px;padding:7px 9px;border:1px solid var(--line);border-radius:5px;background:var(--paper)}.filter-btn{display:inline-flex;gap:7px;align-items:center}.filters svg{width:14px;height:14px}.status-wrap{position:relative}.popover{position:absolute;top:42px;left:0;width:210px;z-index:10;padding:7px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:6px}.popover button,.popover label{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border-radius:4px;font-size:13px;text-align:left}.popover label:hover,.popover button:hover{background:var(--bg)}.popover input[type=checkbox]{min-height:auto;accent-color:var(--ink)}.popover .separator{height:1px;background:var(--line);margin:5px}.order-rows{max-height:calc(100vh - 280px);overflow:auto;flex:1}.order-row{padding:19px 24px;border-bottom:1px solid var(--line);cursor:pointer;background:var(--paper);outline-offset:-2px}.order-row:hover{background:var(--bg)}.order-row.selected{background:var(--selected);color:#f5efe6}.row-top{display:flex;justify-content:space-between;gap:14px;align-items:start}.row-top strong{font-size:14px;font-weight:400}.row-top .amount{font-size:16px;white-space:nowrap}.row-name{margin-top:7px;font-size:14px}.row-badges{display:flex;gap:7px;margin-top:13px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:5px 10px;border-radius:6px;font-size:11px;line-height:18px;background:var(--sage);color:#2d4514;white-space:nowrap}.badge.to-order,.badge.deposit{background:var(--orange)}.badge.to-ship{background:var(--yellow)}.badge.finished,.badge.cancelled{background:#e2ddd7}.badge.overtime{background:#ecd1cc;color:#af0000}.badge.fully-paid{background:#c4cdba}.delivery-line{display:flex;align-items:center;gap:6px;font-size:11px;margin-top:11px;opacity:.8}.delivery-line svg{width:13px;height:13px}.list-footer{display:flex;justify-content:space-between;padding:12px 22px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.detail-pane{min-width:0}.detail-content{max-width:1000px;margin:auto;padding:25px 34px 50px;max-height:calc(100vh - 185px);overflow:auto}.order-heading{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.order-heading h2{font-size:22px;overflow-wrap:anywhere}.document-actions{display:flex;gap:22px;align-items:center;margin-top:9px;flex-wrap:wrap}.text-link{display:inline-flex;gap:7px;align-items:center;text-decoration:underline;text-underline-offset:3px;padding:3px 0;font-size:13px}.detail-section{padding:24px 0;border-bottom:1px solid var(--line)}.detail-section:last-child{border-bottom:0}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.section-heading h3{font-size:17px}.section-heading .icon-btn{margin-left:auto}.status-line{display:flex;align-items:center;gap:18px;margin-bottom:12px}.status-select{background:var(--sage);border:0;padding:6px 10px;border-radius:6px;font-size:12px;min-width:115px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.field-display{min-width:0}.field-display dt{font-size:11px;color:var(--muted);margin-bottom:7px;text-transform:uppercase}.field-display dd{margin:0;font-size:15px;overflow-wrap:anywhere;line-height:1.5}.field-display .copy-row{display:flex;align-items:flex-end;gap:6px}.field-display .copy-row span{flex:1}.full{grid-column:1/-1}.field-display .amount{white-space:nowrap}.item-detail{padding:14px 0;border-bottom:1px dashed var(--line)}.item-detail:first-of-type{padding-top:0}.item-detail:last-child{border:0}.item-detail .detail-grid{margin-top:14px;grid-template-columns:1fr 1fr 1fr}.muted{color:var(--muted)}.light{font-weight:300}.empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted);padding:30px;text-align:center}.empty svg{width:38px;height:38px}.detail-pane>.empty{height:60vh}.primary,.secondary{padding:12px 22px;min-height:45px;border-radius:6px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-size:14px}.primary{background:var(--ink);color:var(--bg)}.secondary{background:var(--line);color:var(--ink)}.danger{color:var(--error)}.form-page,.settings-page{max-width:1100px;margin:auto;padding:0 32px 50px}.form-page .titlebar,.settings-page .titlebar{margin:0 -32px 0;border-bottom:1px solid var(--line)}.form-section{padding:25px 0;border-bottom:1px solid var(--line)}.form-section h2{font-size:19px;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}.field{min-width:0;position:relative}.field>label,.field-label{display:block;text-transform:uppercase;font-size:11px;color:var(--muted);margin-bottom:8px}.field input,.field select,.field textarea{width:100%;height:45px;border:1px solid var(--line);background:var(--paper);padding:10px 12px;border-radius:6px;font-size:15px}.field textarea{min-height:115px;resize:vertical;line-height:1.5}.required{font-size:13px;margin-left:3px}.field .error{color:var(--error);font-size:11px;margin-top:5px;min-height:0;white-space:normal}.field.invalid input,.field.invalid select{border-color:var(--error)}.address-grid{display:grid;grid-template-columns:3fr 1fr;gap:20px}.state-zip{display:flex;gap:12px;max-width:330px}.state-zip .field{width:135px}.associate-field{max-width:330px}.line-editor{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:18px;margin-bottom:15px}.line-editor .section-heading{margin-bottom:15px}.line-editor .form-grid{gap:16px}.line-editor .field input{background:var(--bg)}.line-editor .item-numbers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.subtotal{padding:10px 0;height:45px;font-size:16px;white-space:nowrap}.add-item{font-size:13px}.payment-options{display:flex;gap:12px;margin-bottom:22px}.payment-options label{display:flex;align-items:center;gap:9px;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:13px 20px;font-size:14px;cursor:pointer;min-width:170px}.payment-options label:has(input:checked){background:var(--sage)}input[type=radio],input[type=checkbox]{accent-color:#526345}.paid-control{display:flex;gap:9px}.segment{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden;min-width:88px;height:45px}.segment button{padding:0 14px;font-size:14px}.segment button.active{background:var(--sage)}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 25px;margin-top:24px;padding:20px 0;border-top:1px solid var(--line)}.totals span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;margin-bottom:7px}.totals strong{font-weight:400;white-space:nowrap;font-size:18px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.form-actions button{min-width:185px}.policy-link{margin-top:20px}.customer-match{padding:13px 16px;background:var(--sage);display:flex;gap:15px;align-items:center;flex-wrap:wrap;border-radius:5px;margin:17px 0 0;font-size:13px}.suggestions{position:absolute;top:74px;left:0;right:0;background:var(--paper);border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow);z-index:5;max-height:240px;overflow:auto}.suggestions button{display:block;width:100%;padding:12px;text-align:left;border-bottom:1px solid var(--line);font-size:13px}.suggestions button small{display:block;margin-top:5px}.suggestions button:hover{background:var(--bg)}dialog{border:0;background:var(--paper);color:var(--ink);padding:0;border-radius:8px;box-shadow:var(--shadow);width:min(590px,calc(100vw - 32px));max-height:88vh;overflow:hidden}dialog::backdrop{background:#0008}body:has(dialog[open]){overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px 15px}.modal-header h2{font-size:20px}.modal-body{padding:5px 25px 25px;overflow:auto;max-height:65vh;overscroll-behavior:contain}.modal-body p{line-height:1.7;font-size:14px;white-space:pre-line;margin:12px 0 20px}.modal-body h3{margin-top:20px}.modal-footer{padding:15px 25px 23px;display:flex;gap:12px;justify-content:flex-end}.modal-footer .primary{min-width:160px}.pdf-dialog{width:min(1000px,calc(100vw - 32px));height:88vh}.pdf-dialog .modal-body{height:calc(88vh - 85px);max-height:none;padding:0}.pdf-dialog iframe{width:100%;height:100%;border:0;background:#fff}.history-dialog{width:min(960px,calc(100vw - 32px))}.history-dialog .modal-body{max-height:73vh}.history-dialog .detail-content{max-height:none;padding:0}.history-dialog .titlebar{display:none}.table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.table th{font-weight:400;color:var(--muted);font-size:11px;text-transform:uppercase}.table td,.table th{padding:13px 8px;border-bottom:1px solid var(--line)}.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.settings-section{padding:25px 0;border-bottom:1px solid var(--line)}.settings-section h2{font-size:18px;margin-bottom:18px}.settings-section form{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-top:18px}.settings-section .field{flex:1;min-width:100px}.settings-section .initials{max-width:120px}.settings-section textarea{width:100%;min-height:120px;margin-bottom:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:15px 0}.setting-row select{background:var(--paper);border:1px solid var(--line);padding:9px;border-radius:5px}.customer-row{padding:18px 23px;background:var(--paper);border-bottom:1px solid var(--line);cursor:pointer}.customer-row.selected{background:var(--selected);color:#f5efe6}.customer-row p{margin-bottom:6px}.customer-row small{color:inherit;opacity:.7}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:var(--ink);color:var(--bg);border-radius:6px;z-index:30;box-shadow:var(--shadow);max-width:calc(100vw - 30px);font-size:13px}.mobile-back{display:none}.busy{opacity:.65;pointer-events:none}.error-banner{padding:14px 25px;background:#ecd1cc;color:#af0000;font-size:13px;line-height:1.6}.history-label{padding:9px 0;color:var(--muted);font-size:12px}.history-wrap{position:relative}.history-wrap .popover{width:320px}.history-wrap .popover button{display:block}.history-wrap .popover small{display:block;margin-top:5px}.connection-label{display:flex;align-items:center;gap:6px}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.titlebar{position:relative}.titlebar .mobile-back{position:absolute;left:16px;margin:0}
@media(min-width:1500px){.workspace{grid-template-columns:470px 1fr}.detail-content{padding:30px 50px 60px}.order-rows{max-height:calc(100vh - 280px)}}
@media(max-width:1100px){.site-header{padding:0 20px;gap:24px}.site-header nav{gap:12px}.brand span{display:none}.connection{display:none}.workspace{grid-template-columns:370px minmax(0,1fr)}.detail-content{padding:23px}.detail-grid{gap:18px}.site-header nav svg{width:16px}}
@media(max-width:760px){.site-header{height:auto;min-height:110px;flex-wrap:wrap;gap:8px;padding:14px 16px 0}.brand img{width:118px}.header-actions{margin-left:auto}.site-header nav{order:3;width:100%;height:48px;justify-content:space-between;gap:5px}.site-header nav button{font-size:12px;padding:0 3px;gap:5px}.site-header nav svg{width:15px}.environment{padding:8px 16px;font-size:11px}.workspace{display:block;min-height:calc(100vh - 140px)}.list-pane{border-right:0}.detail-pane{display:none}.workspace.has-selection .list-pane{display:none}.workspace.has-selection .detail-pane{display:block}.mobile-back{display:inline-flex;margin-right:auto}.titlebar{height:67px;padding:0 16px}.titlebar h1{font-size:21px}.detail-content{max-height:none;padding:20px}.order-rows{max-height:none}.list-toolbar{padding:12px 16px}.order-row{padding:18px 20px}.form-page,.settings-page{padding:0 20px 35px}.form-page .titlebar,.settings-page .titlebar{margin:0 -20px}.form-grid{grid-template-columns:1fr;gap:17px}.address-grid{grid-template-columns:1fr}.form-section{padding:24px 0}.line-editor{padding:15px}.line-editor .item-numbers{gap:10px}.form-actions button{min-width:0;flex:1;font-size:12px;padding:12px}.payment-options label{min-width:0;flex:1;padding:13px 12px}.totals{gap:18px 12px}.totals strong{font-size:16px}.totals span{font-size:10px}.settings-columns{grid-template-columns:1fr;gap:0}.row-top strong{font-size:13px}.document-actions{gap:17px}.detail-grid{gap:20px 15px}.detail-section{padding:22px 0}.detail-pane>.empty{height:30vh}.form-page .full{grid-column:auto}.line-editor .full{grid-column:1/-1}.history-wrap .popover{left:auto;right:0;width:280px}}
body.login-active > :not(#login){display:none!important}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}
.login-screen[hidden]{display:none}
.login-panel{width:min(100%,380px);padding:32px 28px;background:var(--paper);border-radius:8px;box-shadow:0 12px 36px rgba(0,0,0,.12)}
.login-panel img{width:145px;height:auto;display:block;margin-bottom:26px;filter:var(--logo-filter)}
.login-panel h1{font-size:23px;font-weight:500;margin:0 0 26px}
.login-panel form{display:grid;gap:10px}
.login-panel label{font-size:13px}
.login-panel input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:inherit;font:inherit}
.login-panel #code-fields{display:grid;gap:10px;margin-top:8px}
.login-panel #code-fields[hidden]{display:none}
.login-panel #login-message{min-height:32px;margin:2px 0;font-size:13px;line-height:1.35}
.login-panel .primary{min-height:44px}
.login-panel .text-link{justify-self:start}