/* ── Responsive: Mobile ── */
@media (max-width: 768px) {
  .app-shell { height: auto; }

  .main-layout {
    flex-direction: column;
    height: auto;
    overflow: visible;
  }

  .master-panel {
    width: 100%;
    max-width: 100%;
    min-width: unset;
    height: auto;
    border-right: none;
    border-bottom: 1px solid var(--border);
    max-height: 55vh;
  }

  .fruit-list { max-height: 400px; }

  .master-actions {
    margin-bottom: 10px;
  }

  .detail-panel { min-height: 100vh; }

  .detail-hero { flex-direction: column; align-items: center; text-align: center; }

  .detail-img { width: 120px; height: 120px; }

  .detail-item-actions {
    justify-content: center;
  }

  .more-data-grid { grid-template-columns: repeat(2, 1fr); }

  .supplier-toolbar { flex-direction: column; align-items: stretch; }

  .supplier-filter-wrap { max-width: 100%; }

  .supplier-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .supplier-actions .btn {
    flex: 1 1 140px;
    justify-content: center;
  }

  .btn-master {
    flex: 1 1 auto;
  }

  .modal-form-grid { grid-template-columns: 1fr; }

  .toast { bottom: 16px; right: 16px; left: 16px; }
}

/* ── Focus Outlines (Accessibility) ── */
:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/* ── Print Styles ── */
@media print {
  .master-panel, .top-bar { display: none; }
  .detail-panel { overflow: visible; }
}