:root { --app-radius: 1rem; }
html, body {
  margin: 0;
  padding: 0;
  background: #f8fafc;
}

body { background-image: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%); }
table td, table th { white-space: nowrap; }

.app-header {
  padding-top: 0;
}

.mobile-bottom-nav {
  padding-bottom: max(0px, env(safe-area-inset-bottom));
}

.btn-clock-in {
  background-color: #059669;
  color: #ffffff;
  display: block;
}

.btn-clock-in:hover {
  background-color: #047857;
}

.btn-clock-out {
  background-color: #e11d48;
  color: #ffffff;
  display: block;
}

.btn-clock-out:hover {
  background-color: #be123c;
}

@media print {
  .no-print, header { display: none !important; }
  body { background: #fff; }
  .print-card { border: none !important; box-shadow: none !important; }
}