/* 
  Bizflow - Visual Identity & Stylesheet
  Primary Blue: #2447F5
  Dark Navy: #0F172A
  Background: #F8FAFC
  Light Blue: #EEF2FF
  Green/Success: #10B981
  Amber: #F59E0B
  Red: #F43F5E
  Fonts: Inter + Plus Jakarta Sans
*/

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

:root {
  --primary-blue: #2447F5;
  --primary-blue-hover: #1A3BE0;
  --dark-navy: #0F172A;
  --bg-slate: #F8FAFC;
  --light-blue: #EEF2FF;
  --success-green: #10B981;
  --amber-warning: #F59E0B;
  --red-danger: #F43F5E;
  --font-main: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

body {
  font-family: var(--font-main);
  background-color: var(--bg-slate);
  color: #0F172A;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.4);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.6);
}

.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Custom Utilities for Bizflow Brand */
.bg-bizflow-blue {
  background-color: #2447F5;
}
.text-bizflow-blue {
  color: #2447F5;
}
.border-bizflow-blue {
  border-color: #2447F5;
}
.bg-bizflow-navy {
  background-color: #0F172A;
}
.bg-bizflow-light {
  background-color: #EEF2FF;
}

/* Micro-animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Thermal Paper Styling for 58mm / 80mm ESC/POS Receipts */
#printable-receipt-area {
  background: #ffffff;
  color: #000000;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.02);
}

/* Print Overrides */
@media print {
  body {
    background: #ffffff !important;
    color: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #app-sidebar, 
  #app-topbar, 
  #toast-container,
  #marketing-nav,
  .print\:hidden {
    display: none !important;
  }

  #receipt-modal, #z-report-modal {
    position: static !important;
    background: transparent !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #printable-receipt-area {
    width: 100% !important;
    max-width: 72mm !important;
    margin: 0 auto !important;
    padding: 2mm !important;
    font-size: 11px !important;
    color: #000000 !important;
  }
}