/* Simplified print styles - ONLY Orders & Boxes and Item boxes */

/* Define page properties */
@page {
  size: A4 !important;
  margin: 10mm !important;
  padding: 0 !important;
}

@media print {
  /* Basic setup and reset */
  html, body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
    font-size: 10pt !important;
    line-height: 1.4 !important;
    color: #000 !important;
    background: #fff !important;
  }
  
  /* Remove any before/after content */
  body::before,
  body::after,
  #root::before,
  #root::after,
  .container::before,
  .container::after {
    display: none !important;
    content: none !important;
  }
  
  /* Hide everything first */
  body * {
    display: none !important;
  }
  
  /* Force background colors to show */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
  
  /* BASE CONTAINERS - Critical to display */
  html, body, #root, main, [role="tabpanel"], [data-state="active"], [class*="TabsContent"],
  [value="picking"], .tabs-content, .container, .space-y-6, .print-container {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Picking list container */
  [data-section="picking-list"] {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }
  
  /* Card container for picking list */
  [data-section="picking-list"] > .card,
  [data-section="picking-list"] > [class*="Card"] {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: none !important;
  }
  
  /* Content container */
  [data-content="picking-list-content"] {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* ORDERS & BOXES SECTION */
  /* Order box summary card */
  [data-summary="order-box-summary"] {
    display: block !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 10mm !important;
  }
  
  /* Title for Orders & Boxes */
  [data-title="orders-boxes"] {
    display: block !important;
    text-align: center !important;
    font-size: 14pt !important;
    font-weight: bold !important;
    margin: 5mm 0 !important;
    padding: 0 !important;
  }
  
  /* Card header and content for order summary */
  [data-summary="order-box-summary"] > div {
    display: block !important;
  }
  
  /* Support for CardHeader and CardContent classes */
  [data-summary="order-box-summary"] .card-header,
  [data-summary="order-box-summary"] [class*="CardHeader"] {
    display: block !important;
    padding: 0 !important;
  }
  
  [data-summary="order-box-summary"] .card-content,
  [data-summary="order-box-summary"] [class*="CardContent"] {
    display: block !important;
    padding: 0 !important;
  }
  
  /* Order summary statistics */
  [data-summary="order-box-summary"] .flex.justify-between {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  
  [data-summary="order-box-summary"] .flex.gap-2 {
    display: flex !important;
    gap: 8mm !important;
    flex-wrap: wrap !important;
  }
  
  /* Individual box styling */
  .bg-muted\/40 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    border: 1px solid #000 !important;
    border-radius: 2mm !important;
    padding: 2mm 3mm !important;
    margin: 1mm !important;
  }
  
  /* Statistics content */
  .bg-muted\/40 .flex.flex-col {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 2mm !important;
  }
  
  /* Order badges */
  .badge-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 2mm !important;
    margin: 5mm 0 !important;
  }
  
  .summary-badge,
  [class*="Badge"] {
    display: inline-block !important;
    border: 1px solid #000 !important;
    padding: 1mm 3mm !important;
    margin: 1mm !important;
    border-radius: 2mm !important;
    font-size: 11pt !important;
  }
  
  /* ITEMS SECTION */
  /* Item groups container */
  [data-section="item-groups"] {
    display: block !important;
    width: 100% !important;
  }
  
  /* Location cards */
  [data-location-card] {
    display: block !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    margin-bottom: 8mm !important;
    border: none !important;
    box-shadow: none !important;
  }
  
  /* Location items container */
  [data-location-items] {
    display: block !important;
    padding: 0 !important;
  }
  
  /* Items grid */
  [data-location-items] > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5mm !important;
  }
  
  /* Individual item */
  .picking-item {
    display: block !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    margin-bottom: 5mm !important;
    padding: 3mm !important;
    border: 1px solid #000 !important;
    border-radius: 2mm !important;
  }
  
  /* Info stack section */
  [data-info-stack="true"] {
    display: block !important;
    margin-bottom: 3mm !important;
    padding: 2mm !important;
    background-color: #f0f0f0 !important;
    border-radius: 2mm !important;
  }
  
  [data-info-stack="true"] > div {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 1mm !important;
  }
  
  /* Product details section */
  [data-product-details="true"] {
    display: flex !important;
    align-items: flex-start !important;
    gap: 3mm !important;
  }
  
  /* Product images */
  [data-product-details="true"] > div:first-child {
    display: none !important;
  }
  
  /* Product text content */
  [data-product-details="true"] > div:last-child {
    display: block !important;
    width: 100% !important;
  }
  
  [data-product-details="true"] p {
    display: block !important;
    margin-bottom: 1mm !important;
  }
  
  /* Quantity styling */
  [data-product-details="true"] div[class*="mt-2"] {
    display: block !important;
    margin-top: 2mm !important;
    font-weight: bold !important;
    font-size: 12pt !important;
  }
  
  /* Red quantities (> 1) */
  [data-product-details="true"] div[class*="text-red"] {
    color: #ff0000 !important;
    font-size: 14pt !important;
  }
  
  /* Icons */
  svg[data-lucide] {
    width: 4mm !important;
    height: 4mm !important;
    display: inline-block !important;
    margin-right: 1mm !important;
  }
  
  /* Text formatting */
  .text-xs, .text-sm {
    font-size: 10pt !important;
  }
  
  .font-medium, .font-bold {
    font-weight: bold !important;
  }
  
  /* Special rule to show the picking tab content */
  [value="picking"].TabsContent,
  [value="picking"][data-state="active"] {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    pointer-events: auto !important;
    opacity: 1 !important;
  }

  /* HIDE EVERYTHING ELSE */
  nav, 
  aside, 
  header, 
  footer,
  button,
  .sidebar,
  .tabs-list,
  [role="tab"],
  [class*="CardHeader"]:not([data-title="orders-boxes"]),
  [class*="CardFooter"],
  .print\:hidden,
  [data-section="picking-list"] > [class*="card"] > *:not([data-content="picking-list-content"]) {
    display: none !important;
  }
  
  /* Utility classes for print */
  .print\:hidden { display: none !important; }
  .print\:block { display: block !important; }
  .print\:flex { display: flex !important; }
}