/* The empty input owns the placeholder icon; typed text uses its full width. */
body[data-surface=customer] .home-search .search-field{padding:5px 6px;gap:4px;align-items:center}
body[data-surface=customer] .home-search .search-field input[name=q]{align-self:stretch;min-height:44px;margin:0;padding:10px 12px;background:transparent;border:0;box-shadow:none;border-radius:7px;outline:none}
body[data-surface=customer] .home-search .search-field input[name=q]:placeholder-shown{padding-left:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23688575' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}
body[data-surface=customer] .home-search .search-field input[name=q]:focus,body[data-surface=customer] .home-search .search-field input[name=q]:focus-visible{outline:none!important;box-shadow:none!important}
body[data-surface=customer] .home-search .search-field>.icon{display:none}
body[data-surface=customer] .home-search .search-field>button{flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;position:static;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:10px}
body[data-surface=customer] .home-search .search-field>button[hidden]{display:none!important}
body[data-surface=customer] .home-search .search-field>button>.icon{position:static!important;inset:auto!important;display:block;width:21px;height:21px;margin:0;flex:none;stroke:currentColor}
body[data-surface=customer] .home-search .search-field>.home-search-submit{background:var(--primary,#16834a);color:white}
body[data-surface=customer] .home-search .search-field>.home-search-submit>.icon{color:white!important;stroke:white}
body[data-surface=customer] .home-search .search-field>.scanner-button{background:transparent;color:#60786a}