.halar-demo-notice{color:#346356;font-size:12px;font-weight:650}
#view-pos #category-buttons button{white-space:normal!important;overflow-wrap:anywhere;word-break:normal;line-height:1.15!important;text-overflow:clip!important;overflow:visible;min-width:0;padding:7px 6px!important}
#view-pos #product-results .product-card-name{display:block!important;-webkit-line-clamp:unset!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal;text-overflow:clip!important;overflow:hidden;text-align:left}
#view-pos #product-results .product-card-upc{min-width:0;font-size:8px!important;overflow-wrap:anywhere;white-space:normal}
@media screen and (min-width:901px){
 #view-pos #product-results .product-card{height:60px!important;min-height:60px!important;max-height:60px!important;grid-template-rows:34px 12px 8px!important;padding:2px 6px!important;gap:0!important}
 #view-pos #product-results .product-card-name{height:34px!important;min-height:34px!important;max-height:34px!important;font-size:11px!important;line-height:1.08!important}
 #view-pos #product-results .product-card-meta{height:12px;line-height:12px;font-size:10px}
 #view-pos #product-results .product-card-requirement{height:8px;line-height:8px;font-size:7px}
}
html[data-catalog-view="silhouette"] #view-pos #product-results .product-card{max-height:none!important}
html[data-catalog-view="silhouette"] #view-pos #product-results .product-card-name{height:46px!important;min-height:46px!important;max-height:46px!important;text-align:center}
@media(max-width:900px){#view-pos #product-results .product-card-name{height:48px!important;min-height:48px!important;max-height:48px!important}}
.store-logo img,.login-store-logo{object-fit:contain}
/* Reserve separate rows for the heading, categories, items and paging controls. */
#view-pos .catalog-panel{grid-template-columns:minmax(0,1fr)}
#view-pos #product-browser-screen{min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) 38px;grid-template-areas:"heading" "categories" "items" "paging"}
#view-pos #product-browser-screen.categories-hidden{grid-template-rows:auto minmax(0,1fr) 38px;grid-template-areas:"heading" "items" "paging"}
#view-pos #product-browser-screen>.browse-back-row{grid-area:heading;min-height:40px;flex-wrap:wrap;gap:6px 12px}
#view-pos #category-buttons{grid-area:categories;min-width:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(82px,calc((100% - 40px)/6))),1fr))}
#view-pos #product-results{grid-area:items;min-width:0}
#view-pos .catalog-pager{grid-area:paging;min-width:0}
@media(min-width:901px){html:not([data-catalog-view="silhouette"]) #view-pos #product-results{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(132px,calc((100% - 24px)/5))),1fr))}}
/* The compact 60px button sizing must not compress silhouette cards. */
html[data-catalog-view="silhouette"] #view-pos #category-buttons{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(108px,calc((100% - 40px)/6))),1fr))}
html[data-catalog-view="silhouette"] #view-pos #product-results{grid-template-columns:repeat(auto-fill,minmax(min(142px,100%),1fr));grid-auto-rows:158px}
html[data-catalog-view="silhouette"] #view-pos #product-results .product-card{display:grid;grid-template-rows:58px 46px 14px 8px!important;height:158px!important;min-height:158px!important;max-height:158px!important;padding:9px 10px!important;gap:3px!important;align-content:start}
html[data-catalog-view="silhouette"] #view-pos #product-results .catalog-silhouette{height:58px;margin:0}
html[data-catalog-view="silhouette"] #view-pos #product-results .product-card-meta{height:14px;line-height:14px;margin:0}
html[data-catalog-view="silhouette"] #view-pos #product-results .product-card-requirement{height:8px;line-height:8px;font-size:7px}
html[data-catalog-view="silhouette"] #view-pos #product-results .product-card-brand,html[data-catalog-view="silhouette"] #view-pos #product-results .product-card-unit{display:none}
@media(max-width:700px){
 .sidebar{height:112px!important;overflow:hidden!important;padding:6px!important}
 .sidebar #nav{display:flex!important;flex-direction:row;gap:5px;height:50px!important;overflow-x:auto!important;overflow-y:hidden!important}
 .sidebar #nav>button,.sidebar #nav>a[href]{width:auto;min-width:90px;min-height:44px;height:44px;flex:0 0 90px;padding:5px;font-size:10px;line-height:1.15;white-space:normal}
 .sidebar .sidebar-foot{margin-top:3px;padding:3px 0!important;gap:6px}
 .sidebar .sidebar-foot>button{min-height:38px!important;height:38px;padding:5px!important;font-size:11px!important}
 .workspace{padding-bottom:116px}
}