/* POS-only small-screen override. Laptop/desktop uses cafe-module-layout.css. */
/* Match the normal module spacing on desktop and small screens. */
main.mobile-app-main { padding-top:1.25rem !important; }

@media (max-width:600px){
  [data-discount-fields] { grid-template-columns:minmax(0,1fr) !important; }
  [data-discount-fields] > label { min-width:0; }
  [data-discount-fields] > div { grid-column:1 !important; }
}

@media (max-width:1024px){
  .store-order-summary {
    border:2px solid #ef4444 !important;
    box-shadow:0 0 0 2px rgba(239,68,68,.16), 0 8px 24px rgba(127,29,29,.22) !important;
  }
  .store-sales-receipt {
    border:2px solid #ef4444 !important;
    box-shadow:0 0 0 2px rgba(239,68,68,.16), 0 8px 24px rgba(127,29,29,.22) !important;
  }
}

@media (max-width:760px){
/* POS sub-dashboard: keep the fifth metric from creating an orphan card. */
.pos-module-summary {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0.75rem !important;
}

.pos-subdashboard-wrap {
  width: 100% !important;
  max-width: none !important;
}

.pos-subdashboard-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  width: 100%;
}

.pos-subdashboard-card:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.pos-subdashboard-card > p:last-child {
  white-space: nowrap;
  font-size: clamp(1.25rem, 5vw, 2rem);
  letter-spacing: -0.03em;
}

}