/* Record lists share one reading rhythm; dashboards retain their summaries. */
html:root #app #page [data-product-row] { cursor:pointer; }
html:root #app #page [data-product-row]:hover { background:var(--ds-surface-alt); }
html:root #app #page [data-product-row]:focus-within { outline:2px solid var(--ds-accent); outline-offset:-2px; }
html:root #app #page .inventory-product-identity .link-button { text-align:left; }
html:root #app #page .machine-catalog { display:flex; flex-direction:column; gap:12px; }
html:root #app #page .machine-card { width:100%; }
html:root #app #page .inventory-products { grid-template-columns:minmax(0,1fr); }
html:root #app #page .records-layout-toolbar,
html:root #app #page .inventory-layout-switch { display:none; }
html:root #app #page .status-sync-note { margin:0 0 12px; color:var(--ds-muted); font-size:12px; }
html:root #app #app-navigation .sidebar-pin { display:flex; align-items:center; justify-content:flex-start; gap:8px; width:100%; min-height:32px; padding:6px 9px; margin:0 0 10px; font-size:11px; color:var(--ds-muted); background:transparent; border:1px solid var(--ds-line); border-radius:7px; }
html:root #app #app-navigation .sidebar-pin .icon { width:16px; height:16px; flex:none; }
html:root #app #app-navigation .sidebar-pin[aria-pressed="true"] { color:var(--ds-accent); }
html:root #app #app-navigation .nav-label { min-width:0; }
html:root #app #app-navigation .seller-highlight-controls { display:flex; flex-wrap:nowrap; gap:3px; }
html:root #app #app-navigation .seller-highlight-controls button { width:auto; flex:1 1 0; min-width:0; justify-content:center; padding:4px 5px; font-size:10px; }
html:root #app #app-navigation .seller-highlight-controls [data-highlight-pause] { flex:0 0 28px; width:28px; margin-left:2px; }
@media(min-width:1025px) {
 body.sidebar-unpinned #app .layout { grid-template-columns:64px minmax(0,1fr); }
 body.sidebar-unpinned #app #app-navigation.sidebar { width:64px; padding:14px 7px 12px; z-index:40; overflow-x:hidden; }
 body.sidebar-unpinned #app #app-navigation.sidebar:is(:hover,:focus-within) { width:var(--ds-sidebar,224px); box-shadow:8px 0 24px #0003; }
 body.sidebar-unpinned #app #app-navigation.sidebar:not(:hover):not(:focus-within) :is(.brand-wordmark,.nav-label,.nav-section-label,.nav-chevron,.nav-sale-notifications,.nav-submenu,.sidebar-seller-highlight,[data-sidebar-pin-label],.sidebar-bottom .nav-label) { display:none; }
 body.sidebar-unpinned #app #app-navigation.sidebar:not(:hover):not(:focus-within) .sidebar-bottom>[data-action="logout"] { font-size:0; justify-content:center; }
 body.sidebar-unpinned #app #app-navigation.sidebar:not(:hover):not(:focus-within) :is(.nav>button,.nav>a,.nav-parent,.sidebar-pin,.ranking-nav) { justify-content:center; padding-left:9px; padding-right:9px; }
 body.sidebar-unpinned #app #app-navigation.sidebar:not(:hover):not(:focus-within) .sidebar-heading { padding:0; margin-bottom:10px; }
}
@media(max-width:1024px) {
 html:root #app #app-navigation .sidebar-pin { display:none; }
}
@media(max-width:700px) {
 html:root #app #page .inventory-list-view .inventory-product { border-radius:0; }
 html:root #app #page .inventory-list-view .inventory-product-heading { align-items:center; }
 html:root #app #page .machine-card-heading { flex-wrap:wrap; gap:12px; }
}
@media(prefers-reduced-motion:no-preference) {
 body.sidebar-unpinned #app #app-navigation.sidebar { transition:width .15s ease; }
}

html:root #app #page .sale-detail-payment-list { grid-template-columns:minmax(0,1fr); }