/* v1.8.5: wastage and desktop-style mobile transfer tables only. */
.wastage-page { min-width:0; --waste-rose:#f1a8b7; --waste-teal:#94dbc4; }
.waste-hero { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.25rem; border-top:2px solid #a75065; margin-bottom:1rem; }
.waste-hero > div { min-width:0; }
.waste-hero .heading-actions { flex:0 0 auto; flex-wrap:wrap; }
.waste-hero .panel-subtitle { max-width:48rem; }
.waste-presets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; margin-bottom:1rem; }
.waste-preset { display:flex; flex-direction:column; gap:.25rem; padding:.85rem 1rem; border:1px solid var(--border); border-radius:12px; background:linear-gradient(135deg,#191918,#111); font-size:.8rem; }
.waste-preset small { color:var(--muted); font-size:.7rem; }
.waste-preset.active { border-color:var(--gold); background:var(--gold-faint); color:var(--gold-light); }
.waste-filters { overflow:visible; margin-bottom:1rem; }
.waste-month-form { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; padding:.8rem 1rem; border-bottom:1px solid var(--border); }
.waste-month-form label { font-size:.75rem; color:var(--muted); font-weight:700; }
.waste-month-form .form-control { width:auto; min-width:0; }
.waste-filter-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; padding:1rem; }
.waste-filter-form .form-group { margin:0; min-width:0; }
.waste-filter-form .waste-product-picker { display:contents; }
.waste-filter-form .waste-product-picker > .form-group:first-child { grid-column:3; grid-row:1; }
.waste-filter-actions { display:flex; grid-column:1/-1; gap:.5rem; }
.waste-product-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.waste-period { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin:1.1rem 0 .8rem; }
.waste-period small { color:var(--muted); font-size:.7rem; text-align:right; }
.waste-main-totals { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.waste-total { position:relative; display:flex; align-items:center; gap:1rem; min-width:0; overflow:hidden; padding:1.35rem; border:1px solid #814351; border-radius:16px; background:linear-gradient(110deg,#431e29,#191417); color:var(--waste-rose); }
.waste-total > div { min-width:0; z-index:1; }
.waste-total div > span { display:block; font-weight:850; letter-spacing:.09em; text-transform:uppercase; font-size:.75rem; }
.waste-total strong { display:block; font-size:clamp(1.65rem,2.2vw,2.6rem); overflow-wrap:anywhere; line-height:1.3; margin:.3rem 0; }
.waste-total small { color:#d2b8c0; font-size:.74rem; }
.waste-total-store { border-color:#326357; background:linear-gradient(110deg,#183b31,#121c19); color:var(--waste-teal); }
.waste-total-store small { color:#abc8be; }
.waste-total-icon { display:grid; place-items:center; flex-shrink:0; width:42px; height:42px; border:1px solid currentColor; border-radius:12px; font-size:1.5rem; }
.waste-watermark { position:absolute; right:1rem; bottom:-1.5rem; font-size:8rem; opacity:.07; pointer-events:none; }
.waste-counter-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin-bottom:1rem; }
.waste-counter-card { display:flex; align-items:center; gap:.85rem; min-width:0; padding:1rem; background:linear-gradient(140deg,#1a1915,#111); border:1px solid var(--border); border-radius:14px; }
.waste-counter-card:hover { border-color:var(--gold-dark); }
.waste-counter-card > div { min-width:0; }
.waste-counter-card h3 { font-size:.67rem; line-height:1.6; color:var(--gold-light); text-transform:uppercase; letter-spacing:.055em; }
.waste-counter-card strong { display:block; color:var(--gold-light); font-size:1.35rem; overflow-wrap:anywhere; }
.waste-counter-card small { color:var(--muted); font-size:.69rem; }
.waste-number { display:grid; place-items:center; width:30px; height:32px; flex-shrink:0; border:1px solid var(--border-gold); border-radius:10px; color:var(--gold); background:var(--gold-faint); font-size:.75rem; font-weight:800; }
.waste-money { color:var(--waste-rose); white-space:nowrap; }
.waste-store-badge { color:var(--waste-teal); background:#173b2f; border:1px solid #315e4e; }
.waste-history .panel-header { flex-wrap:wrap; gap:.7rem; }
.waste-footnote { color:var(--muted); font-size:.76rem; line-height:1.7; margin:1rem 0 0; }
.waste-detail { padding:1.5rem; }
.waste-detail-total { color:var(--waste-rose); display:flex; flex-direction:column; gap:.25rem; }
.waste-detail-total strong { font-size:2.2rem; }
.waste-full-notes { white-space:pre-wrap; overflow-wrap:anywhere; }
.wastage-page .detail-list dd { overflow-wrap:anywhere; }
.transfer-linear-table { display:block; width:100%; max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#9f7d1d #141414; }
.transfer-linear-table table { display:table; min-width:1000px; width:100%; }
.transfer-linear-table th, .transfer-linear-table td { white-space:nowrap; padding:1rem; }
.transfer-linear-table td:nth-child(6) { white-space:normal; min-width:160px; max-width:240px; overflow-wrap:anywhere; }
.transfer-linear-table:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
@media(max-width:1100px) { .waste-hero { flex-wrap:wrap; } .waste-counter-card { gap:.5rem; padding:.85rem; } .waste-counter-card strong { font-size:1.1rem; } }
@media(max-width:760px) {
 .waste-filter-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .waste-filter-form .waste-product-picker > .form-group:first-child { grid-column:auto; grid-row:auto; }
 .waste-counter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .waste-total { padding:1rem; gap:.65rem; }
 .waste-main-totals { grid-template-columns:1fr; }
 .waste-period { align-items:flex-start; flex-direction:column; gap:.4rem; }
 .waste-period small { text-align:left; }
 .waste-presets { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .waste-hero .button { min-height:42px; }
 .transfer-linear-table::before { content:'Swipe horizontally to see all columns →'; display:block; padding:.7rem 1rem; color:var(--gold-light); font-size:.75rem; }
 .transfer-linear-table th,.transfer-linear-table td { padding:.85rem; }
}
@media(max-width:480px) {
 .waste-hero { padding:1rem; }
 .waste-filter-form,.waste-product-picker { grid-template-columns:1fr; }
 .waste-counter-grid { gap:.5rem; }
 .waste-counter-card { align-items:flex-start; flex-direction:column; gap:.4rem; }
 .waste-counter-card strong { font-size:1.1rem; }
 .waste-total strong { font-size:1.75rem; }
 .waste-detail { padding:1rem; }
 .waste-hero .heading-actions { flex:1; }
 .waste-hero .heading-actions .button { flex:1; text-align:center; }
}
