/* Additional styles beyond style.css */

/* Login Page */
body.login {
  background: var(--green-900, #1B5E20) !important;
}
body.login #login {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
  padding: 32px;
}
body.login h1 a {
  background-image: none !important;
  font-family: 'Hind Siliguri', sans-serif;
}

/* Extra utility classes */
.text-green  { color: var(--green-700); }
.text-red    { color: var(--red-500); }
.text-yellow { color: var(--yellow-500); }
.text-muted  { color: var(--gray-500); }
.font-bold   { font-weight: 700; }
.mt-2  { margin-top: 8px; }
.mb-2  { margin-bottom: 8px; }
.gap-2 { gap: 8px; }
.flex  { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }

/* Print styles for receipt */
@media print {
  .pm-sidebar, .pm-topbar, .pm-modal-footer,
  .pm-modal-header button, .btn, header, footer,
  .pm-page-header { display: none !important; }
  .pm-modal-overlay { position: static !important; background: none !important; padding: 0 !important; }
  .pm-modal { box-shadow: none !important; max-width: 100% !important; }
  #receipt-print { display: block !important; }
  body { background: white !important; }
}