.service-customer-picker{grid-column:1/-1;padding:14px;border:1px solid #dce5e8;border-radius:12px;background:#f7fafb}.service-customer-search{display:flex;gap:10px}.service-customer-search input{flex:1}.service-customer-results{position:absolute;z-index:20;width:min(680px,calc(100% - 64px));max-height:280px;overflow:auto;background:#fff;border:1px solid #cad7dc;border-radius:10px;box-shadow:0 14px 35px #17324825}.service-customer-results button{display:grid;width:100%;min-height:52px;padding:9px 12px;text-align:left;background:#fff;color:#17252d;border:0;border-bottom:1px solid #e6edef;border-radius:0}.service-customer-results button:hover,.service-customer-results button:focus{background:#edf7f6}.service-customer-results small{color:#667780}.service-customer-results p{padding:12px;margin:0}.service-customer-dialog{width:min(820px,calc(100% - 24px));max-height:calc(100vh - 32px);overflow:auto;border:0;border-radius:16px;padding:0;box-shadow:0 24px 70px #102a3a55}.service-customer-dialog::backdrop{background:#102a3a99}.service-customer-form{padding:24px}.dialog-head{display:flex;justify-content:space-between;gap:20px}.dialog-head h2{margin:0}.dialog-head p{color:#647680}.dialog-close{width:44px;height:44px;padding:0;border-radius:50%;font-size:25px;background:#edf2f3;color:#173047}.service-customer-dialog .actions{margin-top:20px}
@media(max-width:700px){.service-customer-search{display:grid}.service-customer-search>*{width:100%}.service-customer-dialog{width:calc(100% - 16px);max-height:calc(100vh - 16px)}.service-customer-form{padding:18px}}