body[data-page="dashboard"] header { display: none; }
body[data-page="estimate"] header { display: none; }
body[data-page="estimate"] #estimate { padding-top: 12px; }
body[data-page="reports"] header { display: none; }
body[data-page="reports"] #reports { padding-top: 12px; }
body[data-page="catalogue"] header { display: none; }
body[data-page="catalogue"] #catalogue { padding-top: 12px; }
body[data-page="stockReport"] header { display: none; }
body[data-page="stockReport"] #stockReport { padding-top: 12px; }
body[data-page="salesAbstractReport"] header { display: none; }
body[data-page="salesAbstractReport"] #salesAbstractReport { padding-top: 12px; }
body[data-page="productSalesReport"] header { display: none; }
body[data-page="productSalesReport"] #productSalesReport { padding-top: 12px; }
body[data-page="stockSalesReport"] header { display: none; }
body[data-page="stockSalesReport"] #stockSalesReport { padding-top: 12px; }
body[data-page="stockAgeingReport"] header { display: none; }
body[data-page="stockAgeingReport"] #stockAgeingReport { padding-top: 12px; }
body[data-page="reorderPlannerReport"] header { display: none; }
body[data-page="reorderPlannerReport"] #reorderPlannerReport { padding-top: 12px; }
body[data-page="crmLeadSourceReport"] header { display: none; }
body[data-page="crmLeadSourceReport"] #crmLeadSourceReport { padding-top: 12px; }
body[data-page="crmOccasionReport"] header { display: none; }
body[data-page="crmOccasionReport"] #crmOccasionReport { padding-top: 12px; }
body[data-page="vendorStockSalesReport"] header { display: none; }
body[data-page="vendorStockSalesReport"] #vendorStockSalesReport { padding-top: 12px; }
.nav-group .report-menu-toggle { width: 100%; }
.report-menu-toggle i { float: right; font-style: normal; transition: transform .2s; }
.nav-group.open .report-menu-toggle i { transform: rotate(180deg); }
.nav-submenu { display: none; padding: 3px 0 4px 42px; }
.nav-group.open .nav-submenu { display: block; }
.nav-subitem { width: 100%; border: 0; border-left: 1px solid rgba(255,255,255,.22); background: transparent; color: #cbd9e6; padding: 8px 10px; text-align: left; font-size: 11px; cursor: pointer; }
.nav-subitem:hover,.nav-subitem.active { color: #fff; border-left-color: #e7bd64; }
body[data-page="stockReport"] .report-stats strong { color: #c62828; }
body[data-page="stockReport"] .report-stats { grid-template-columns:repeat(4,1fr); }
.stock-metal-total td { background: #fff1cc; color: #76500b; border-top: 1px solid #dbb85d; border-bottom-color: #dbb85d; }
.report-actions { display: flex; gap: 8px; }
.report-filter { display:flex; align-items:end; gap:12px; padding:14px 18px; margin-bottom:16px; }
.report-filter label { display:grid; gap:5px; color:var(--muted); font-size:10px; }
.report-filter input { min-width:160px; padding:9px 10px; }
.report-filter button { height:39px; }
.sales-abstract-stats { grid-template-columns:repeat(4,1fr); }
.collection-credit td:first-child { color:#28704f; font-weight:700; }
.collection-debit td:first-child { color:#a44c37; font-weight:700; }
.collection-panel { margin-top:16px; }
.purchase-totals-panel { margin-top:16px; }
body[data-page="dashboard"] #dashboard { padding-top: 8px; }
.dashboard-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-areas:"copy actions"; gap: 14px 24px; min-height: 122px; padding: 15px 24px; }
.hero-copy { grid-area: copy; align-self: center; }
.hero-copy h2 { max-width: 760px; font-size: clamp(22px,2.2vw,29px); margin: 3px 0; }
.hero-copy > p:not(.eyebrow) { font-size: 11px; }
.hero-status { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.hero-status span { padding: 4px 8px; border: 1px solid rgba(232,205,139,.24); border-radius: 20px; color: #dcebe5; background: rgba(255,255,255,.08); font-size: 9px; }
.hero-status span:first-child { color: #a9edca; }
.hero-actions { grid-area: actions; display: flex; gap: 9px; align-self: center; }
.hero-actions button { height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; white-space: nowrap; }
.hero-secondary { border: 1px solid rgba(255,255,255,.28); border-radius: 8px; color: #fff; background: rgba(255,255,255,.09); font-weight: 650; cursor: pointer; }
.hero-secondary:hover { background: rgba(255,255,255,.16); }
.moving-products-card { align-items: flex-start; padding: 14px 16px !important; }
.moving-products-card > div { min-width: 0; width: 100%; }
.moving-products-list { list-style: none; margin: 5px 0 0; padding: 0; display: grid; gap: 2px; }
.moving-products-list li { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; font-size: 10px; line-height: 16px; }
.moving-products-list li span { display: flex; align-items: center; gap: 5px; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.moving-products-list li b { width: 14px; height: 14px; flex: none; display: grid; place-items: center; border-radius: 50%; background: #fff4dd; color: #9b6719; font-size: 8px; }
.moving-products-list li strong { flex: none; margin: 0; color: var(--green); font-size: 10px; }
@media(max-width:820px){
  body[data-page] header { display:flex; position:fixed; top:auto; left:auto; right:16px; bottom:16px; width:44px; height:44px; z-index:19; padding:0; border:0; background:transparent; pointer-events:none; }
  body[data-page] header > div, body[data-page] header .rate-chip { display:none; }
  body[data-page] header #menuButton { display:grid; place-items:center; width:42px; height:42px; padding:0; border-radius:9px; color:#fff; background:#123f34; box-shadow:0 5px 16px rgba(10,52,42,.24); pointer-events:auto; }
  .sidebar { overflow-y:auto; overscroll-behavior:contain; }
  .sidebar nav { flex:none; }
  .nav-group,.report-menu-toggle { display:block!important; }
  .nav-submenu { padding-left:30px; }
}
@media(max-width:1100px){body[data-page="stockReport"] .report-stats{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){.sales-abstract-stats{grid-template-columns:1fr 1fr}}
@media(max-width:540px){body[data-page="stockReport"] .report-stats{grid-template-columns:1fr}.sales-abstract-stats{grid-template-columns:1fr 1fr}.report-filter{display:grid;grid-template-columns:1fr 1fr}.report-filter input{min-width:0}.report-filter button{grid-column:1/-1}.report-actions{width:100%}.report-actions button{flex:1}}
@media(max-width:700px){body[data-page="dashboard"] #dashboard{padding-top:4px}.dashboard-hero{grid-template-columns:1fr;grid-template-areas:"copy" "actions";min-height:0;padding:13px 15px}.hero-copy h2{font-size:21px}.hero-status{margin-top:7px}.hero-actions{width:100%}.hero-actions button{flex:1;height:38px;padding:0 6px}}
