/* ==========================================================================
   TEAMSCAN MAIN STYLESHEET
   Master CSS file that imports all component stylesheets
   ========================================================================== */

/* Import all component stylesheets */
@import url('branding.css');
@import url('components.css');
@import url('dashboard.css');
@import url('story-points.css');
@import url('aem.css');

/* Global Overrides and Utilities
   ========================================================================== */

/* Ensure consistent box-sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Responsive utilities */
@media (max-width: 576px) {
  .service-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 0.75rem;
  }
  
  .service-tile {
    width: 100px;
    height: 100px;
    font-size: 0.85rem;
  }
  
  .dist-bar {
    width: 120px;
  }
  
  .marker-bar {
    width: 150px;
  }
  
  .marker-bar.small {
    width: 120px;
  }
}

/* Print styles */
@media print {
  .coffee-overlay,
  .btn,
  .alert-dismissible .btn-close {
    display: none !important;
  }
  
  .card {
    break-inside: avoid;
  }
}