/* Presentation only. Scope overrides the portal's later global type rules. */
#appShell #sview-nonsellable{container:non-sellable / inline-size;box-sizing:border-box;width:100%;min-width:0;margin:0!important;padding:9px;gap:7px;font-size:12px;line-height:1.4}
#appShell #sview-nonsellable .fh-ns-heading{min-width:0;flex-wrap:nowrap}
#appShell #sview-nonsellable .fh-ns-heading h2{margin:0!important;font-size:17px!important;line-height:24px!important;white-space:nowrap}
#appShell #sview-nonsellable .fh-ns-heading>span{min-width:0;font-size:11px;line-height:15px}
#appShell #sview-nonsellable button,#appShell #fhNonSellableDetail button{box-sizing:border-box;height:31px;min-height:31px;margin:0;padding:5px 8px;font-family:inherit;font-size:12px!important;line-height:18px!important;border-radius:5px}
#appShell #sview-nonsellable .fh-ns-view-buttons{flex:none;min-height:31px}
#appShell #sview-nonsellable .fh-ns-summary>div{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:7px;padding:6px 9px}
#appShell #sview-nonsellable .fh-ns-summary span{grid-column:1;grid-row:1;font-size:12px;line-height:17px}
#appShell #sview-nonsellable .fh-ns-summary small{grid-column:1;grid-row:2;font-size:10px;line-height:14px}
#appShell #sview-nonsellable .fh-ns-summary strong{grid-column:2;grid-row:1 / span 2;align-self:center;text-align:right;font-size:21px;line-height:26px;font-variant-numeric:tabular-nums}
#appShell #sview-nonsellable .fh-ns-toolbar{grid-template-columns:minmax(190px,2fr) minmax(150px,1.25fr) minmax(140px,1.15fr) minmax(125px,1fr) 61px auto auto;grid-template-areas:"search condition location sort limit review clear";gap:6px;align-items:end;min-width:0}
#appShell #sview-nonsellable .fh-ns-search{grid-area:search}
#appShell #sview-nonsellable .fh-ns-category{grid-area:condition}
#appShell #sview-nonsellable .fh-ns-location{grid-area:location}
#appShell #sview-nonsellable .fh-ns-sort{grid-area:sort}
#appShell #sview-nonsellable .fh-ns-limit{grid-area:limit;max-width:none}
#appShell #sview-nonsellable .fh-ns-review-filter{grid-area:review}
#appShell #sview-nonsellable #fhNonSellableClear{grid-area:clear;justify-self:stretch}
#appShell #sview-nonsellable .fh-ns-toolbar label{display:block;margin:0;min-width:0;font-size:11px!important;line-height:17px!important;font-weight:600}
#appShell #sview-nonsellable .fh-ns-toolbar :is(input:not([type=checkbox]),select){box-sizing:border-box;display:block;width:100%;min-width:0;height:31px;min-height:31px;margin:0;padding:5px 7px;font-family:inherit;font-size:12px!important;line-height:18px!important;font-weight:400;border-radius:5px}
#appShell #sview-nonsellable .fh-ns-toolbar .fh-ns-review-filter{display:flex;gap:5px;align-items:center;height:31px;min-height:31px;font-weight:400;white-space:nowrap}
#appShell #sview-nonsellable .fh-ns-review-filter input{flex:none;width:14px;height:14px;min-height:0;margin:0}
#appShell #sview-nonsellable .fh-ns-scroll{flex:1 1 0;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}
#appShell #sview-nonsellable table{table-layout:fixed;min-width:850px;font-size:12px!important;line-height:18px!important}
#appShell #sview-nonsellable :is(th,td),#appShell #fhNonSellableDetail :is(th,td){box-sizing:border-box;padding:7px 8px;text-align:left;vertical-align:middle;font-size:12px!important;line-height:18px!important;overflow-wrap:anywhere}
#appShell #sview-nonsellable td small,#appShell #fhNonSellableDetail td small{font-size:11px!important;line-height:15px!important;font-weight:400}
#appShell #sview-nonsellable .fh-ns-quantity{text-align:right!important;font-variant-numeric:tabular-nums}
#appShell #sview-nonsellable :is(th,td):last-child{text-align:right}
#appShell #sview-nonsellable td[colspan]{text-align:left!important}
#appShell #sview-nonsellable td button{max-width:100%;font-size:11px!important;padding:5px 7px}
#appShell #sview-nonsellable[data-ns-view=books] :is(th,td):nth-child(1){width:34%;min-width:0}
#appShell #sview-nonsellable[data-ns-view=books] :is(th,td):nth-child(2){width:11%}
#appShell #sview-nonsellable[data-ns-view=books] :is(th,td):nth-child(3){width:13%}
#appShell #sview-nonsellable[data-ns-view=books] :is(th,td):nth-child(4){width:17%}
#appShell #sview-nonsellable[data-ns-view=books] :is(th,td):nth-child(5){width:15%}
#appShell #sview-nonsellable[data-ns-view=books] :is(th,td):nth-child(6){width:10%}
#appShell #sview-nonsellable[data-ns-view=records] table{min-width:990px}
#appShell #sview-nonsellable[data-ns-view=records] :is(th,td):nth-child(1){width:28%;min-width:0}
#appShell #sview-nonsellable[data-ns-view=records] :is(th,td):nth-child(2){width:24%}
#appShell #sview-nonsellable[data-ns-view=records] :is(th,td):nth-child(3){width:14%}
#appShell #sview-nonsellable[data-ns-view=records] :is(th,td):nth-child(4){width:16%}
#appShell #sview-nonsellable[data-ns-view=records] :is(th,td):nth-child(5){width:calc(18% - 100px)}
#appShell #sview-nonsellable[data-ns-view=records] :is(th,td):nth-child(6){width:100px}
#appShell #sview-nonsellable footer{flex:none;align-items:center}
#appShell #fhNonSellableDetail{box-sizing:border-box;margin:auto}
#appShell #fhNonSellableDetail .fh-ns-detail-scroll{min-height:0;overscroll-behavior:contain}
#appShell #view-stock.fh-nonsellable-active #stockNonSellableButton{background:#0f766e!important;border-color:#0f766e!important;color:#fff!important}
#appShell #view-stock.fh-nonsellable-active #stockScanningButton{background:var(--fh-theme-surface,#fff)!important;border-color:var(--fh-theme-border,#cbd5e1)!important;color:var(--fh-theme-copy,#172334)!important;box-shadow:none!important}
@container non-sellable (max-width:1030px){
  #appShell #sview-nonsellable .fh-ns-toolbar{grid-template-columns:minmax(140px,1fr) 90px minmax(160px,1fr) minmax(140px,1fr);grid-template-areas:"search search condition location" "sort limit review clear"}
  #appShell #sview-nonsellable .fh-ns-heading{flex-wrap:wrap}
  #appShell #sview-nonsellable .fh-ns-heading h2{margin-right:auto!important}
  #appShell #sview-nonsellable .fh-ns-heading>span{order:2;flex-basis:100%;margin:0}
  #appShell #sview-nonsellable .fh-ns-heading .fh-ns-view-buttons{order:3;flex-basis:100%}
}
@container non-sellable (max-width:650px){
  #appShell #sview-nonsellable .fh-ns-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  #appShell #sview-nonsellable .fh-ns-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"search search" "condition location" "sort limit" "review clear"}
  #appShell #sview-nonsellable .fh-ns-heading h2{flex-basis:100%}
  #appShell #sview-nonsellable .fh-ns-heading .fh-ns-view-buttons{order:0;flex-basis:auto;margin-right:auto}
}
