/*
 * v125.0.0-clean-staging.34.4
 * Cross-route visual consistency corrections found from user screenshots.
 * Runtime, schema, RPC and operational behavior remain unchanged.
 */

:root{
  --local-search-icon-size:18px;
  --local-search-icon-inset:12px;
  --local-search-text-inset:40px;
}

/*
 * One visible structure for every route-level search field. Earlier rules gave
 * some pages an input border and other pages a wrapper border; the global input
 * rule then reset text padding and allowed the icon to overlap the placeholder.
 */
.orders-list-toolbar .toolbar-search,
.inventory-v22-toolbar .inventory-search,
.inventory-request-toolbar .inventory-request-search,
.warehouse-placement-toolbar .wr6-search,
.category-catalog-toolbar .category-master-search,
.store-management-toolbar .toolbar-search,
.warehouse-layout-search .wr6-search{
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  height:var(--audit-control-height);
  min-height:var(--audit-control-height);
  padding:0;
  overflow:hidden;
  border:1px solid var(--ux-border-strong);
  border-radius:var(--audit-control-radius);
  background:var(--ux-surface);
  box-shadow:none;
}

.orders-list-toolbar .toolbar-search:focus-within,
.inventory-v22-toolbar .inventory-search:focus-within,
.inventory-request-toolbar .inventory-request-search:focus-within,
.warehouse-placement-toolbar .wr6-search:focus-within,
.category-catalog-toolbar .category-master-search:focus-within,
.store-management-toolbar .toolbar-search:focus-within,
.warehouse-layout-search .wr6-search:focus-within{
  border-color:var(--ux-accent);
  box-shadow:0 0 0 3px rgba(36,99,167,.14);
}

.inventory-v22-toolbar .inventory-search>span:first-child{display:contents}

.orders-list-toolbar .toolbar-search .app-icon,
.inventory-v22-toolbar .inventory-search .app-icon,
.inventory-request-toolbar .inventory-request-search .app-icon,
.warehouse-placement-toolbar .wr6-search .app-icon,
.category-catalog-toolbar .category-master-search .app-icon,
.store-management-toolbar .toolbar-search .app-icon,
.warehouse-layout-search .wr6-search .app-icon{
  position:absolute;
  z-index:1;
  inset-inline-start:var(--local-search-icon-inset);
  top:50%;
  bottom:auto;
  width:var(--local-search-icon-size);
  height:var(--local-search-icon-size);
  transform:translateY(-50%);
  color:var(--ux-ink-muted);
  pointer-events:none;
}

#page .orders-list-toolbar .toolbar-search>input,
#page .inventory-v22-toolbar .inventory-search>input,
#page .inventory-request-toolbar .inventory-request-search>input,
#page .warehouse-placement-toolbar .wr6-search>input,
#page .category-catalog-toolbar .category-master-search>input,
#page .store-management-toolbar .toolbar-search>input,
.warehouse-layout-search .wr6-search>input{
  width:100%;
  min-width:0;
  height:100%!important;
  min-height:0!important;
  padding:0 10px!important;
  padding-inline-start:var(--local-search-text-inset)!important;
  border:0!important;
  border-radius:0!important;
  outline:0;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--ux-ink);
  font-size:13px;
  font-weight:500;
}

/* The common mobile filter dialog follows the same icon/text spacing. */
.page-filter-search>.app-icon{
  inset-inline-start:var(--local-search-icon-inset);
  width:var(--local-search-icon-size);
  height:var(--local-search-icon-size);
}
.page-filter-search>input{padding-inline-start:var(--local-search-text-inset)!important}

/* Full-viewport workspaces must preserve the same desktop page gutter. */
@media(min-width:761px){
  body[data-route="inventory"] .main-content,
  body[data-route="warehouse-reference"] .main-content{
    height:calc(100dvh - var(--topbar-height) - var(--shell-feedback-height));
    padding:10px 12px 18px;
    box-sizing:border-box;
    overflow:hidden;
    align-content:stretch;
  }

  body[data-route="inventory"] .inventory-v22-page,
  body[data-route="warehouse-reference"] .warehouse-r6{
    height:100%;
    min-height:0;
  }

  body[data-route="inventory"] .inventory-v22-page{border-radius:var(--audit-panel-radius)}

  /* Warehouse title uses the shared transparent page-heading surface. */
  body[data-route="warehouse-reference"] .wr6-header{
    min-height:58px;
    margin:0 0 8px;
    padding:4px 2px;
    background:transparent;
    border:0;
  }
}

@media(max-width:760px){
  .page-filter-search>.app-icon{bottom:13px}
}