/* ===== SIMPLIFIED MOBILE CSS ===== */

@media (max-width: 768px) {
  /* Global adjustments */
  body, html {
    font-size: 14px;
  }
  
  /* Container spacing */
  .container, .container-fluid {
    padding-left: 8px;
    padding-right: 8px;
  }
  
  .row {
    margin-left: 0;
    margin-right: 0;
  }
  
  .col-12, .col-md-3, .col-md-4, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    padding-left: 4px;
    padding-right: 4px;
  }
  
  /* Form inputs */
  input[type="text"], 
  input[type="number"], 
  input[type="date"],
  input[type="time"],
  select,
  textarea,
  .form-control {
    font-size: 16px; /* Prevent iOS zoom */
  }
  
  /* Buttons */
  .btn {
    font-size: 0.9rem;
    padding: 8px 12px;
  }
  
  /* Tables - default compact style */
  .table th, .table td {
    padding: 0.25rem;
    font-size: 0.85rem;
  }
  
  
  /* Review products table - card layout */
  #review-products thead {
    display: none;
  }
  
  #review-products tbody tr {
    display: block;
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    margin-bottom: 16px;
    padding: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }
  
  #review-products tbody td {
    display: block;
    border: none;
    padding: 0;
    margin-bottom: 6px;
    width: 100%;
    font-size: 0.85rem;
  }
  
  #review-products tbody td:nth-child(1) {
    font-size: 1.1rem;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
  }
  
  #review-products tbody td:nth-child(2):before { content: "Unit Type: "; font-weight: 600; }
  #review-products tbody td:nth-child(3):before { content: "Pack Size: "; font-weight: 600; }
  #review-products tbody td:nth-child(4):before { content: "Quantity: "; font-weight: 600; }
  #review-products tbody td:nth-child(5):before { content: "Price: "; font-weight: 600; }
  #review-products tbody td:nth-child(6):before { content: "Margin: "; font-weight: 600; }
  #review-products tbody td:nth-child(7):before { content: "Commission: "; font-weight: 600; }
  #review-products tbody td:nth-child(8):before { content: "Total: "; font-weight: 600; }
  
  #review-products tbody td:last-child {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eee;
    text-align: center;
  }
  
  #review-products tbody td:last-child:before {
    content: none;
  }
  
  /* Keep navbar brand inline */
  .navbar-brand {
    display: flex;
    align-items: center;
  }
  
  #navbar-company-logo {
    margin-right: 8px;
  }

  
}