.search-field{position:relative;display:flex;align-items:center;min-height:46px;background:#fff;border:1px solid #d7e2df;border-radius:13px;box-shadow:0 4px 14px rgba(20,61,54,.04);transition:border-color .18s,box-shadow .18s}.search-field:focus-within{border-color:#277465;box-shadow:0 0 0 4px rgba(39,116,101,.12)}.search-field>span{width:44px;text-align:center;color:#53736c;font-size:1.15rem}.search-field input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:.75rem .9rem .75rem 0!important;width:100%}.customer-toolbar{background:#f7faf9;border:1px solid #e0e9e6;border-radius:16px;padding:.7rem;align-items:center}.customer-toolbar select{min-height:46px;border-radius:11px;background:#fff}.content[aria-busy=true] .table-wrap{opacity:.55;transition:opacity .15s}.content[aria-busy=true] .search-field:after{content:'';width:15px;height:15px;margin-right:12px;border:2px solid #c8d9d4;border-top-color:#277465;border-radius:50%;animation:searchspin .7s linear infinite}@keyframes searchspin{to{transform:rotate(360deg)}}
.search-clear{display:grid;place-items:center;width:32px;height:32px;margin-right:7px;border:0;border-radius:8px;background:transparent;color:#72817d;font-size:1.1rem}.search-clear:hover{background:#edf4f2;color:#174f45}.workflow-toolbar:has(input[id*="search"]){background:#f7faf9;border:1px solid #e0e9e6;border-radius:16px;padding:.75rem}.workflow-toolbar:has(input[id*="search"]) label{font-weight:700;color:#35554e}.workflow-toolbar:has(input[id*="search"]) input{min-height:46px;border-radius:11px;border:1px solid #d7e2df;margin-top:.35rem}
