/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
@import 'https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css';

.scroll-full-height {
  overflow-y: auto;
  height: calc(100vh - 48px - 24px - 48px);
}

/* Print styles */
@media print {
  .is-print-only {
    display: block !important;
  }
  
  .is-hidden-print,
  .navbar,
  .modal,
  .pagination,
  .breadcrumb,
  .tabs,
  .is-hidden-print {
    display: none !important;
  }
  
  /* Ensure content doesn't get cut off */
  .box {
    page-break-inside: avoid;
    padding: 0.75rem !important;
    margin-bottom: 1rem !important;
    border-left: 3px solid #dbdbdb !important;
  }
  
  /* Differentiate user vs assistant messages */
  .box.is-user-message {
    border-left: 3px solid #3273dc !important;
    background-color: #f6f9fe !important;
    margin-left: 2rem !important;
    margin-right: 0 !important;
  }
  
  .box.is-assistant-message {
    border-left: 3px solid #48c774 !important;
    background-color: #f6fef9 !important;
    margin-left: 0 !important;
    margin-right: 2rem !important;
  }
  
  /* Remove shadows and unnecessary styling for print */
  .message {
    box-shadow: none !important;
  }
  
  /* Ensure proper page margins */
  body {
    margin: 0;
    padding: 0;
    font-size: 11pt !important;
  }
  
  .section {
    padding: 0.5in;
  }
  
  /* Normalize markdown content sizing */
  .content h1 { 
    font-size: 1.3rem !important; 
    margin-bottom: 0.5rem !important;
  }
  .content h2 { 
    font-size: 1.2rem !important; 
    margin-bottom: 0.5rem !important;
  }
  .content h3 { 
    font-size: 1.1rem !important; 
    margin-bottom: 0.5rem !important;
  }
  .content h4, .content h5, .content h6 { 
    font-size: 1rem !important; 
    margin-bottom: 0.5rem !important;
  }
  
  .content p {
    font-size: 11pt !important;
    margin-bottom: 0.5rem !important;
  }
  
  .content ul, .content ol {
    margin-left: 1.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  .content li {
    font-size: 11pt !important;
  }
  
  /* Adjust main titles */
  .title.is-4 {
    font-size: 1.2rem !important;
  }
  
  h1.title {
    font-size: 1.5rem !important;
    margin-bottom: 0.25rem !important;
  }
  
  h2.subtitle {
    font-size: 1.2rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  /* Make level more compact */
  .level {
    margin-bottom: 0.25rem !important;
  }
}

/* Screen styles */
@media screen {
  .is-print-only {
    display: none !important;
  }
}