/* ================================================================
   SHIVA SHANKAR KIRANAM - Modern FinTech/POS Stylesheet
   Created by: sai charan bandam
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+Telugu:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');

:root {
  /* Ultra-Modern Palette: Deep Slate Navy + Electric Indigo + Rose (Baki) + Mint (Cash) */
  --bg-main: #f8fafc;
  --header-bg: #0f172a;
  --primary: #4f46e5;       /* Modern Indigo */
  --primary-hover: #4338ca;
  --primary-light: #e0e7ff;
  --accent: #06b6d4;        /* Cyan accent */
  --baki-rose: #e11d48;     /* High-visibility Rose for Baki */
  --baki-rose-bg: #fff1f2;
  --baki-rose-border: #fecdd3;
  --cash-mint: #059669;     /* Modern Emerald for Paid */
  --cash-mint-bg: #ecfdf5;
  --warning-amber: #d97706;
}

body {
  font-family: 'Plus Jakarta Sans', 'Noto Sans Telugu', system-ui, -apple-system, sans-serif;
  background-color: var(--bg-main);
  color: #0f172a;
  -webkit-font-smoothing: antialiased;
}

.telugu-font {
  font-family: 'Noto Sans Telugu', 'Plus Jakarta Sans', system-ui, sans-serif;
}

.brand-font {
  font-family: 'Space Grotesk', 'Plus Jakarta Sans', 'Noto Sans Telugu', sans-serif;
}

/* Modern Crisp Scrollbar */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Modern Card Hover */
.card-hover {
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -6px rgba(15, 23, 42, 0.08), 0 4px 8px -2px rgba(15, 23, 42, 0.04);
}

/* Modal Backdrop */
.modal-backdrop {
  background-color: rgba(15, 23, 42, 0.7);
  backdrop-filter: blur(6px);
}

/* Hide print container during screen display */
#printArea {
  display: none;
}

/* ================================================================
   COMPACT & PROFESSIONAL A4 PRINT STYLES
   Exact standard 210mm x 297mm layout, compact typography (reduced text size)
   ================================================================ */
@media print {
  @page {
    size: A4 portrait;
    margin: 10mm 12mm;
  }

  body {
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 8.5pt !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body > * {
    display: none !important;
  }

  #printArea {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .no-print {
    display: none !important;
  }

  .a4-page-container {
    box-sizing: border-box;
    width: 100%;
    min-height: 265mm;
    border: 1.5px solid #1e293b;
    padding: 14px 18px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Plus Jakarta Sans', 'Noto Sans Telugu', sans-serif;
    color: #0f172a;
  }

  .a4-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .a4-table th {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
    font-weight: 700;
    border: 1px solid #475569;
    padding: 4px 6px;
    text-align: left;
    font-size: 8pt;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .a4-table td {
    border: 1px solid #64748b;
    padding: 4px 6px;
    font-size: 8pt;
    color: #0f172a;
    line-height: 1.25;
  }

  .a4-border-box {
    border: 1px solid #475569;
    padding: 6px 10px;
    border-radius: 4px;
  }
}