/* Camera search and compact three-column overview. */
body[data-interface=customer] .searchline{display:flex;align-items:stretch;gap:0;height:40px;min-height:40px;background:#f7fbfd;border:1px solid #bfd8e5;border-radius:11px;overflow:visible;box-shadow:none}
body[data-interface=customer] .mode-picker{width:72px;min-width:72px;max-width:72px}.searchline .mode-picker #modeButton{padding:0 6px;font-size:11px;gap:3px}
.search-input-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:0;height:100%}body[data-interface=customer] .search-input-wrap #search{flex:1;min-width:0;width:100%;height:38px;min-height:38px;padding:7px 25px 7px 7px;border:0;background:transparent;border-radius:0;box-shadow:none;font-size:13px}body[data-interface=customer] .search-input-wrap #search::placeholder{color:#8198a5;opacity:.85;font-weight:400}body[data-interface=customer] .search-input-wrap #clear{position:absolute;right:0;top:2px;width:24px;height:34px;min-height:34px;padding:0;background:transparent;border:0;font-size:21px;color:#5d8aa0}
.searchline .search-icon-button{display:flex;align-items:center;justify-content:center;flex:none;width:29px;min-width:29px;height:38px;min-height:38px;padding:5px;background:transparent;border:0;border-radius:0;color:#2a7a9d}.searchline .search-icon-button svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.8}.searchline .camera-search{width:35px;min-width:35px;border-left:1px solid #d7e5ec;background:#e8f4fa;border-radius:0 10px 10px 0}.searchline .camera-search svg{height:21px;width:21px}.search-icon-button:focus-visible{outline:2px solid #2a7a9d;outline-offset:-2px}.scan-search-note{font-size:11px;line-height:1.4;padding:7px 9px;margin:5px 0;background:#edf8fc;color:#3a7088;border-radius:8px}.scan-search-note[hidden]{display:none}
.metrics.overview-three,body[data-interface=admin] .metrics.overview-three{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.overview-three .metricbox{min-width:0;padding:13px 8px;min-height:95px;border-radius:13px;background:#f8fcfe;border:1px solid #cfe0e9;text-align:left;color:var(--ink);box-shadow:none;display:flex;flex-direction:column;justify-content:center;gap:7px}.overview-three .metricbox small{font-size:11px;line-height:1.3;color:#638795;white-space:normal;overflow-wrap:normal}.overview-three .metricbox b{font-size:clamp(18px,4.4vw,30px);line-height:1.2;white-space:normal;overflow-wrap:anywhere}.overview-three .metric-link{cursor:pointer}.overview-three .metric-link:hover{background:#e9f5fa;border-color:#91bdcf}.overview-three .metric-link:focus-visible{outline:3px solid #72b9d5}.overview-three .metric-link:nth-child(-n+3){border-top:3px solid #2a7a9d}.order-filter-label{display:flex;gap:9px;align-items:center;font-size:12px;margin:8px 0}.order-filter-label select{width:auto;padding:6px 10px;min-height:34px;font-size:12px}
@media(max-width:360px){.metrics.overview-three{gap:6px}.overview-three .metricbox{padding:10px 6px;min-height:90px}.overview-three .metricbox small{font-size:10px}.overview-three .metricbox b{font-size:19px}body[data-interface=customer] .mode-picker{width:65px;min-width:65px;max-width:65px}.searchline .mode-picker #modeButton{font-size:10px;padding:0 4px}.searchline .search-icon-button{width:26px;min-width:26px}.searchline .camera-search{width:31px;min-width:31px}}
@media(min-width:900px){.overview-three .metricbox{padding:20px;min-height:120px}.overview-three .metricbox small{font-size:14px}}

body[data-interface=customer] .suggestions{height:auto;max-height:128px!important}
@media(max-width:650px){#nav{gap:2px;padding:8px 6px max(8px,env(safe-area-inset-bottom))}#nav button{flex:1 1 0;min-width:0;padding:10px 2px;font-size:11px;gap:2px}}