/* Presoft 360 Core Styles & Tailwind Enhancements */

:root {
  --color-brand: #F2AA24;
  --color-brand-dark: #D9921A;
  --color-ink: #504538;
  --color-sand: #B7A99A;
  --color-mint: #00D697;
  --color-mint-dark: #00B37F;
  --color-danger: #D90000;
  --color-danger-dark: #B30000;
  --color-paper: #F2F1EF;
  --color-slate: #4A4642;
  --color-slate-soft: #8C8681;
  --color-flame: #E8590C;
  --color-flame-dark: #CC4E0A;
}

/* Ensure no unwanted page horizontal drag */
html, body {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  overscroll-behavior: none;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Form input font size fix for mobile */
@media (max-width: 639px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #E5E7EB;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #D1D5DB;
}

/* Print Styles */
@media print {
  aside, header, #datePresetContainer, .btn-clear, button, #customDateRow {
    display: none !important;
  }
  main {
    overflow: visible !important;
    background: white !important;
    padding: 0 !important;
  }
  .shadow-sm, .shadow-md, .shadow-lg {
    box-shadow: none !important;
  }
}