.okContactPicker{display:grid;gap:8px;min-width:0}.okContactPickerTop{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:8px;align-items:end}.okContactSearch{display:grid;gap:6px;min-width:0}.okContactSearch>span{font-weight:700}.okContactSearch input{width:100%;min-width:0}.okContactPicker button{white-space:nowrap}.okContactResults{display:grid;gap:6px;padding:6px;border:1px solid #ddd;border-radius:10px;max-height:290px;overflow:auto;background:#fff;position:relative;z-index:4}.okContactResult,.okContactDuplicate{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:right;background:#fff!important;color:inherit!important;border:1px solid #e4e4e4!important}.okContactResult:hover,.okContactDuplicate:hover{border-color:#960018!important;background:#faf7f8!important}.okContactResult small,.okContactDuplicate small{opacity:.7;font-weight:400}.okContactSelected{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #d7d7d7;border-radius:10px;background:#fafafa}.okContactSelected>div{display:grid;gap:3px}.okContactSelected small{opacity:.7}.okContactSelected [data-clear]{min-width:34px;padding:5px 9px}.okContactEmpty{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px}.okContactStatus{min-height:1.3em;margin:0;font-size:.9rem;opacity:.8}.okContactDialog{width:min(720px,calc(100vw - 28px));border:0;border-radius:16px;padding:0;box-shadow:0 18px 70px #0004}.okContactDialog::backdrop{background:#0007}.okContactDialogForm{padding:18px;display:grid;gap:14px}.okContactDialogHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.okContactDialogHead>div{display:grid;gap:4px}.okContactDialogHead small{opacity:.7}.okContactDialogHead>[data-close]{font-size:22px}.okContactType{display:flex;gap:18px;flex-wrap:wrap}.okContactGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.okContactGrid label{display:grid;gap:5px}.okContactGrid .wide{grid-column:1/-1}.okContactGrid input,.okContactGrid textarea{width:100%;box-sizing:border-box}.okContactDuplicates{display:grid;gap:6px}.okContactActions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.okContactStatus{margin:0}.okContactDialog .danger{border-color:#960018;color:#960018}@media(max-width:720px){.okContactPickerTop{grid-template-columns:1fr 1fr}.okContactSearch{grid-column:1/-1}.okContactGrid{grid-template-columns:1fr}.okContactGrid .wide{grid-column:auto}.okContactResult,.okContactDuplicate{align-items:flex-start;flex-direction:column}.okContactActions>*{flex:1}.okContactEmpty{align-items:flex-start;flex-direction:column}}