/* Standalone POS Terminal Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=JetBrains+Mono:wght@500;700&display=swap');

:root {
  --pos-font: 'Cairo', sans-serif;
  --mono-font: 'JetBrains Mono', monospace;
}

body {
  font-family: var(--pos-font);
  direction: rtl;
  text-align: right;
  background-color: #0f172a;
  color: #f8fafc;
  user-select: none;
  overflow: hidden;
}

/* Custom Numeric Keypad Buttons */
.keypad-btn {
  background: #1e293b;
  border: 1px solid #334155;
  color: #ffffff;
  font-weight: 800;
  font-size: 1.15rem;
  border-radius: 12px;
  transition: all 0.1s ease-in-out;
}

.keypad-btn:active {
  transform: scale(0.96);
  background: #059669;
}

/* Denomination Buttons */
.denom-btn {
  background: #1e293b;
  border: 1px solid #059669;
  color: #34d399;
  font-weight: 800;
  border-radius: 10px;
  padding: 8px 12px;
  transition: all 0.15s ease-in-out;
}

.denom-btn:hover {
  background: #059669;
  color: #ffffff;
}

/* Thermal Receipt Styling for POS */
@media print {
  body * {
    visibility: hidden;
  }
  #posPrintReceiptModal, #posPrintReceiptModal * {
    visibility: visible;
  }
  #posPrintReceiptModal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    background: white;
    color: black;
  }
  .no-print {
    display: none !important;
  }
}

.pos-thermal-card {
  width: 320px;
  background: #ffffff;
  color: #000000;
  font-family: 'Cairo', monospace;
  font-size: 12px;
  border: 1px dashed #94a3b8;
  padding: 14px;
  margin: 0 auto;
}

/* Keyboard Shortcut Tag */
.kbd-tag {
  background: #334155;
  color: #94a3b8;
  font-family: var(--mono-font);
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 6px;
  border-bottom: 2px solid #1e293b;
}