@import "tailwindcss";

@layer base {
  html, body {
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  }
}

/* Print styling for clean official timesheet export (Item 3) */
@media print {
  @page {
    margin: 1.2cm;
    size: A4 portrait;
  }
  
  body {
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    font-size: 11pt !important;
  }

  /* Hide navigation, guide content, SEO text, footer, settings, and buttons */
  header,
  nav,
  footer,
  #guides-section,
  #article-section,
  #trust-section,
  .no-print,
  button,
  .seo-description-box,
  .toast-notification {
    display: none !important;
  }

  /* Force clean desktop schedule table in print and hide mobile cards */
  .hidden.lg\:block {
    display: block !important;
  }
  .lg\:hidden {
    display: none !important;
  }

  /* Clean print layout */
  main {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  section {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  table {
    border-collapse: collapse !important;
    width: 100% !important;
  }
  
  th, td {
    border: 1px solid #cbd5e1 !important;
    padding: 6px 10px !important;
    color: #000000 !important;
  }
  
  th {
    background-color: #f1f5f9 !important;
  }
}

/* Subtle scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.4);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.6);
}