.reference-customers,.reference-new-customer{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;background:#333;color:white;font:13px Arial,sans-serif;box-sizing:border-box}.reference-customers[open]{display:grid;grid-template-columns:50% 50%}.reference-customers::backdrop,.reference-new-customer::backdrop{background:#0006}.reference-customer-search,.reference-customer-selected{min-height:0;min-width:0;display:flex;flex-direction:column}.reference-customer-search{border-right:1px solid #596052}.reference-customers header,.reference-new-customer header{height:42px;flex:0 0 42px;padding:8px 10px;box-sizing:border-box;background:#242424;border-bottom:1px solid #596052;font-size:20px;font-weight:400;display:flex;justify-content:space-between;align-items:center;margin:0}.reference-customers header button,.reference-new-customer header button{border:0;background:none;color:white;font-size:26px;padding:0;width:28px;line-height:1}.reference-customer-filters label{display:flex;align-items:center;height:42px;gap:5px;margin:0 9px;border-bottom:1px solid #596052;color:#999;font-size:24px}.reference-customer-filters input{background:none;border:0;color:#fff;outline:none;box-shadow:none;padding:6px 0;font-size:17px;width:100%;min-width:0;border-radius:0}.reference-customer-filters input::placeholder{color:#999}.reference-customer-list{flex:1;min-height:0;overflow:auto;padding:10px 0}.reference-customer-list>button{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:48px;gap:3px;padding:6px 13px;border:0;border-radius:0;background:none;color:#fff;font-size:14px;text-align:left}.reference-customer-list>button[aria-selected=true]{background:#32627c}.reference-customer-list>button:hover{background:#454545}.reference-customer-selected{position:relative}.reference-customer-add{align-self:flex-start;margin:10px;padding:11px 18px;background:#438b47;border:1px solid #139fc4;border-radius:0;color:white;font-size:14px}.reference-customer-detail{flex:1;min-height:0;overflow:auto;padding:10px 20px}.reference-customer-detail>p{display:flex;flex-direction:column;gap:6px;margin:18px 0}.reference-customer-detail>p>strong{color:#aaa}.reference-customer-none{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ff6060;gap:6px;text-align:center}.reference-customer-none>b{border:9px solid #ff6060;border-radius:100%;font:bold 78px Arial;width:100px;height:100px;box-sizing:border-box;text-align:center;line-height:88px;margin-bottom:8px}.reference-customer-none>strong{font-size:20px;font-weight:400}.reference-customer-none>span{font-size:15px}.reference-customers footer,.reference-new-customer footer{display:flex;justify-content:flex-end;gap:5px;padding:10px;flex:0 0 60px;box-sizing:border-box}.reference-customers footer button,.reference-new-customer footer button{height:40px;width:120px;border:0;border-radius:0;background:#438b47;color:white;font-size:13px}.reference-customers footer [data-cancel],.reference-new-customer footer [data-editor-cancel]{background:#c42323}.reference-customers footer button:disabled{background:#555;color:#aaa}.reference-new-customer form{height:calc(100% - 42px);display:flex;flex-direction:column}.reference-new-customer-fields{padding:8px 10px;overflow:auto;flex:1}.reference-new-customer-fields>label{display:grid;grid-template-columns:140px minmax(0,500px);align-items:center;gap:10px;height:40px;margin:0;color:#fff;font-size:12px}.reference-new-customer-fields input{height:24px;padding:3px 5px;background:#333;border:1px solid #596052;border-radius:0;color:white;font-size:12px;width:100%;box-sizing:border-box}.reference-new-customer-fields input[data-customer-field=taxId],.reference-new-customer-fields input[data-customer-field=building],.reference-new-customer-fields input[data-customer-field=plot]{width:200px;max-width:100%}.reference-new-customer-fields input[data-customer-field=name]:invalid{border-color:#ed2222}.reference-new-customer-fields input[type=checkbox]{width:34px;height:18px;accent-color:#438b47}.reference-customer-error{color:#ff8080;margin:0 10px}.reference-customers button:focus-visible,.reference-customers input:focus-visible,.reference-new-customer input:focus-visible{outline:2px solid #139fc4;outline-offset:-2px}@media(max-width:650px){.reference-customers[open]{grid-template-columns:45% 55%}.reference-customers header{font-size:15px}.reference-customer-filters input{font-size:14px}.reference-customer-add{font-size:12px;padding:9px}.reference-customer-none>b{width:70px;height:70px;font-size:50px;line-height:56px;border-width:7px}.reference-customer-none>strong{font-size:16px}.reference-customer-none>span{font-size:12px}.reference-customer-detail{padding:8px}.reference-customers footer button{width:50%}.reference-new-customer-fields>label{grid-template-columns:120px minmax(0,1fr);gap:7px}.reference-customer-list>button{font-size:12px}.reference-customers footer{padding:8px;gap:4px}}

/* Match the two-pane Customer Search reference, isolated from global form styles. */
.reference-customers{font-family:"Segoe UI",Arial,sans-serif;background:#333}
.reference-customers[open]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.reference-customers .reference-customer-search,.reference-customers .reference-customer-selected{height:100%;min-height:0;overflow:hidden}
.reference-customers header{height:40px;flex:0 0 40px;padding:0 7px;font-size:20px;font-weight:300;background:#242424}
.reference-customers .reference-customer-filters{display:flex;flex-direction:column;flex:0 0 auto;padding:0}
.reference-customers .reference-customer-filters>label{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:7px;height:42px;min-height:42px;max-height:42px;flex:0 0 42px;margin:0;padding:0 8px;border-bottom:1px solid #596052;box-sizing:border-box;text-align:left}
.reference-customers .reference-customer-filters input{display:block!important;flex:1 1 0!important;width:0!important;min-width:0;height:40px!important;min-height:0!important;max-height:40px!important;border:0!important;margin:0!important;padding:5px 0!important;box-shadow:none!important;background:transparent!important;font:300 18px "Segoe UI",Arial,sans-serif;text-align:left;color:#eee}
.reference-customers .reference-customer-filters>label:focus-within{border-bottom-color:#139fc4}
.reference-customers .reference-customer-filters input:focus-visible{outline:none}
.reference-customer-search-icon{position:relative;flex:0 0 11px;width:11px;height:11px;box-sizing:border-box;border:2px solid #999;border-radius:50%;transform:scale(.85)}
.reference-customer-search-icon:after{content:"";position:absolute;width:6px;height:2px;background:#999;right:-5px;bottom:-3px;transform:rotate(45deg)}
.reference-customers .reference-customer-list{height:auto;flex:1 1 0;min-height:0;overflow:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:#555 #333}
.reference-customers .reference-customer-list>button{height:48px;min-height:48px;max-height:48px;flex:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;margin:0;padding:4px 11px;font:14px/20px Arial,sans-serif;text-align:left;box-sizing:border-box}
.reference-customers .reference-customer-list>button strong{font-weight:700}
.reference-customers .reference-customer-add{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;height:40px;min-height:40px;flex:0 0 40px;margin:9px 10px;padding:0 18px;background:#438b47;border:0;border-radius:0;font-size:14px;font-weight:600}
.reference-customers .reference-customer-add svg{width:20px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.reference-customers .reference-customer-detail{flex:1 1 0;min-height:0;padding:10px 20px}
.reference-customers .reference-customer-none{gap:0}
.reference-customers .reference-customer-none>b{display:flex;align-items:center;justify-content:center;line-height:1;margin-bottom:12px;flex:0 0 100px}
.reference-customers .reference-customer-none>strong{font-size:20px;line-height:28px;font-weight:300}
.reference-customers .reference-customer-none>span{font-size:15px;line-height:22px;font-weight:300}
.reference-customers footer{height:60px;min-height:60px;flex:0 0 60px;padding:10px;align-items:center}
.reference-customers footer button{min-height:40px;height:40px;font-family:"Segoe UI",Arial,sans-serif}
@supports selector(::-webkit-scrollbar){.reference-customers .reference-customer-list{scrollbar-width:auto;scrollbar-color:auto}.reference-customers .reference-customer-list::-webkit-scrollbar{width:8px}.reference-customers .reference-customer-list::-webkit-scrollbar-track{background:#333}.reference-customers .reference-customer-list::-webkit-scrollbar-thumb{background:#555;border:2px solid #333;min-height:36px}.reference-customers .reference-customer-list::-webkit-scrollbar-thumb:hover{background:#c0c0c0;border-width:1px}}
@media(max-width:650px){.reference-customers header{font-size:16px}.reference-customers .reference-customer-filters input{font-size:14px}.reference-customers .reference-customer-add{font-size:12px;padding:0 8px;margin:9px 6px;gap:4px}.reference-customers .reference-customer-detail{padding:8px}.reference-customers .reference-customer-none>b{width:65px;height:65px;flex-basis:65px;border-width:6px;font-size:48px}.reference-customers .reference-customer-none>strong{font-size:16px}.reference-customers .reference-customer-none>span{font-size:12px}.reference-customers .reference-customer-list>button{font-size:12px;padding:4px 7px}.reference-customers footer{padding:8px;gap:4px}}

.reference-new-customer-fields select[data-customer-field=country]{height:24px;min-height:24px;padding:2px 5px;background:#333;border:1px solid #596052;border-radius:0;color:white;font:12px Arial,sans-serif;width:100%;max-width:500px;box-sizing:border-box;color-scheme:dark}.reference-new-customer-fields select[data-customer-field=country]:focus-visible{outline:2px solid #139fc4;outline-offset:-2px}

.reference-new-customer-fields .reference-customer-entry{display:block;width:100%;height:24px;min-height:24px;max-height:24px;padding:3px 5px;box-sizing:border-box;background:#333;border:1px solid #596052;border-radius:0;color:white;font:12px/16px Arial,sans-serif;white-space:pre;overflow:auto;scrollbar-width:none;cursor:text}.reference-customer-entry::-webkit-scrollbar{display:none}.reference-new-customer-fields .reference-customer-entry:focus{outline:2px solid #139fc4;outline-offset:-2px}.reference-new-customer-fields .reference-customer-entry[aria-invalid=true]{border-color:#ed2222}.reference-new-customer-fields .reference-customer-entry[data-customer-field=taxId],.reference-new-customer-fields .reference-customer-entry[data-customer-field=building],.reference-new-customer-fields .reference-customer-entry[data-customer-field=plot]{width:200px;max-width:100%}

.reference-customers .reference-customer-clear{align-self:flex-start;margin:0 10px 9px;padding:10px 14px;border:1px solid #596052;border-radius:0;background:#333;color:#fff;font:13px "Segoe UI",Arial,sans-serif}.reference-customers .reference-customer-clear:disabled{display:none}.reference-customers .reference-customer-clear:hover{background:#454545}