/* Inventory search placement only; purchasing and the original sidebar handle keep their own styles. */
#reac-main-layout #reac-center{width:390px!important;min-width:0}
#reac-section-search{flex-direction:column}
.inventory-search-toolbar{position:sticky;top:0;z-index:2;padding:18px 16px 14px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0}
.inventory-search-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.inventory-search-heading h3{font-size:14px;font-weight:600;margin:0}
#inventory-search-count{font-size:11px;color:var(--text3)}
.inventory-search-controls{display:flex;align-items:center;gap:6px;min-width:0}
#rs-search-mode{width:112px;min-width:112px;height:32px;padding:4px 5px;font-size:var(--ui-action);border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--bg2);color:var(--text2)}
.inventory-query-fields{min-width:0;flex:1}
.inventory-query-field{display:none;margin:0}
.inventory-query-field>span{display:none}
.inventory-query-field>input{width:100%;height:32px;min-width:0;font-size:12px;margin:0;padding:5px 8px;border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--bg2);color:var(--text)}
[data-search-mode=name] [data-query-field=name],[data-search-mode=cas] [data-query-field=cas],[data-search-mode=code] [data-query-field=code],[data-search-mode=advanced] .inventory-query-field{display:block}
.inventory-search-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}
.inventory-search-actions .icon-btn{width:var(--control-size);height:var(--control-size);min-width:var(--control-size)}
[data-search-mode=advanced] .inventory-query-fields{display:grid;gap:8px}
[data-search-mode=advanced] .inventory-query-field>span{display:block;font-size:11px;color:var(--text3);margin-bottom:4px}
[data-search-mode=advanced] .inventory-search-controls{align-items:flex-start;flex-wrap:wrap}
[data-search-mode=advanced] .inventory-query-fields{order:3;flex-basis:100%}
[data-search-mode=advanced] .inventory-search-actions{margin-left:auto}
[data-search-mode=structure] .inventory-query-fields{display:none}
[data-search-mode=structure] .inventory-search-actions{margin-left:auto}
#inventory-structure-query{display:none;margin-top:12px}
[data-search-mode=structure] #inventory-structure-query,[data-search-mode=advanced] #inventory-structure-query,#inventory-structure-query:has(.has-struct){display:block}
#inventory-structure-query .browser-draw-card{min-height:72px;padding:10px}
#inventory-structure-query>div{margin:0!important}
.inventory-search-error{padding:22px 16px;color:var(--red);font-size:12px;line-height:1.6}
#inventory-back-to-results{display:none}
.inventory-loans-nav{display:flex;align-items:center;gap:7px}
.inventory-loans-nav>svg{flex:0 0 auto}
.inventory-loans-nav>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis}
.inventory-loans-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;box-sizing:border-box;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:var(--ui-caption);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.inventory-loans-count.is-alert{background:var(--orange);color:#fff}
.inventory-loans-nav.has-loan-alert,.inventory-loans-nav.has-loan-alert.active{background:color-mix(in srgb,var(--orange) 12%,var(--bg2));color:var(--orange-ink)}
.inventory-loans-nav.has-loan-alert:hover{background:color-mix(in srgb,var(--orange) 17%,var(--bg2));color:var(--orange-ink)}

/* Physical count uses the same compact, record-oriented language as the
   Inventory fiche. It remains a modal because a count is a short, focused
   operation rather than another persistent navigation destination. */
.inventory-count-modal{width:min(540px,96vw);padding:0;overflow:hidden}
.inventory-count-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 13px;border-bottom:1px solid var(--border)}
.inventory-count-header h3{margin:0;font-size:var(--ui-title);font-weight:650}
#reac-inv-list-view,#reac-inv-wizard-view,#reac-inv-done-view{padding:16px 18px 18px}
.inventory-count-intro{font-size:var(--ui-body);line-height:1.45;color:var(--text2);margin:0 0 15px}
.inventory-count-start-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.inventory-count-start-fields .form-row{margin-top:0}
.inventory-count-section-label{font-size:var(--ui-caption);font-weight:650;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}
#reac-inv-sessions-list{max-height:260px;overflow-y:auto;border-top:1px solid var(--border)}
.inventory-session-row{display:flex;align-items:center;gap:9px;padding:9px 3px;border-bottom:1px solid var(--border)}
.inventory-session-copy{flex:1;min-width:0}
.inventory-session-title{font-size:var(--ui-body);font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inventory-session-meta{font-size:var(--ui-caption);color:var(--text3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inventory-session-status{font-size:var(--ui-caption);font-weight:650;border-radius:var(--r-xs);padding:2px 7px;white-space:nowrap;border:1px solid color-mix(in srgb,var(--status-color) 27%,transparent);color:var(--status-color);background:color-mix(in srgb,var(--status-color) 10%,transparent)}
.inventory-count-progress{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.inventory-count-progress-track{flex:1;height:6px;background:var(--bg3);border-radius:999px;overflow:hidden}
#reac-inv-progress-bar{height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width .2s}
#reac-inv-progress-label{font-size:var(--ui-caption);color:var(--text3);white-space:nowrap;font-variant-numeric:tabular-nums}
.inventory-count-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-md);padding:16px;margin-bottom:12px}
#reac-inv-item-reagent{font-size:var(--ui-heading);font-weight:650;margin-bottom:3px}
#reac-inv-item-lot{font-size:var(--ui-caption);color:var(--text3);margin-bottom:12px}
.inventory-count-expected{font-size:var(--ui-caption);color:var(--text3)}
#reac-inv-expected-qty{font-variant-numeric:tabular-nums;color:var(--text2)}
.inventory-count-actions{display:flex;gap:7px}
.inventory-count-actions.secondary{margin-bottom:8px}
.inventory-count-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0}
.inventory-count-actions.secondary .btn{flex:1}
.inventory-count-actions.primary .btn:first-child{flex:1}
.inventory-count-actions.primary .btn:last-child{flex:2}
@media(max-width:820px){
  #reac-main-layout{position:relative;min-width:0;overflow-x:hidden!important}
  #reac-main-layout #reac-center{width:100%!important;min-width:0;flex:1 1 0}
  #reac-main-layout #reac-nav-sidebar:not(.collapsed){position:absolute;left:0;top:0;bottom:0;z-index:40}
  #reac-main-layout:not(.inventory-has-detail) #reac-detail-pane{display:none!important}
  #reac-main-layout.inventory-has-detail #reac-center{display:none!important}
  #reac-main-layout.inventory-has-detail #reac-detail-pane{display:flex!important;min-width:0!important;width:100%;flex:1 1 0;border-left:0!important}
  #reac-main-layout.inventory-has-detail #inventory-back-to-results{display:block;text-align:left;min-height:44px;margin:8px 12px;padding:8px;color:var(--accent-ink);font-size:13px;flex-shrink:0}
  .inventory-search-toolbar{padding:16px 12px 12px}
  .inventory-search-heading{margin-bottom:12px}
  #rs-search-mode{min-height:44px;height:44px;width:112px;min-width:112px;font-size:var(--ui-action)}
  .inventory-query-field>input{height:44px;font-size:16px}
  .inventory-search-actions{gap:4px}
  .inventory-search-actions .icon-btn{width:var(--control-size);height:var(--control-size);min-width:var(--control-size)}
  .inventory-search-controls{flex-wrap:wrap}
  .inventory-query-fields{min-width:calc(100% - 124px)}
  .inventory-search-actions{margin-left:auto}
  #reac-main-layout #reac-detail-content>div{max-width:100%;padding-left:16px!important;padding-right:16px!important;overflow-wrap:anywhere}
  .inventory-count-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}
  .inventory-count-header{padding:14px}
  #reac-inv-list-view,#reac-inv-wizard-view,#reac-inv-done-view{padding:14px}
  .inventory-count-start-fields{grid-template-columns:1fr}
  .inventory-count-actions{gap:6px}
  .inventory-count-actions .btn{min-height:44px}
}

/* One entry point: choose Structure/Advanced, then draw or edit the query. */
#rs-draw-card{cursor:default}
#rs-struct-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:52px;padding:8px;border:0;background:transparent;color:var(--text3);font:inherit;font-size:var(--ui-caption);cursor:pointer;border-radius:var(--r-sm)}
#rs-struct-hint:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}