/* file: public/css/responsive.css */

@media (max-width: 1180px) {
  .global-nav { display: none; }
  .workspace { grid-template-columns: 1fr; }
  .sidebar { position: static; overflow-x: auto; }
  .sidebar-nav { display: flex; min-width: max-content; }
  .sidebar-nav button { width: auto; }
  .hero { grid-template-columns: 1fr; }
  .span-8,.span-7,.span-6,.span-5,.span-4,.span-3 { grid-column: span 6; }
  .console-layout { grid-template-columns: 1fr; }
  .demo-admin-grid { grid-template-columns: repeat(5,minmax(200px,1fr)); }
}
@media (max-width: 820px) {
  .container { padding: 0 16px; }
  .header-inner { min-height: 68px; }
  .brand-copy span, .header-actions .role-label { display: none; }
  .page-shell { padding-top: 20px; }
  .page-heading { align-items: flex-start; flex-direction: column; }
  .hero { padding: 24px 20px; }
  .card-grid { grid-template-columns: 1fr; }
  .span-12,.span-8,.span-7,.span-6,.span-5,.span-4,.span-3 { grid-column: span 1; }
  .field,.field.span-6,.field.span-8,.field.span-12 { grid-column: span 12; }
  .catalog-toolbar { grid-template-columns: 1fr; }
  .result-summary,.invoice-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .code-comparison,.diff-layout { grid-template-columns: 1fr; }
  .weight-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .brand-mark { width: 38px; height: 38px; }
  .brand-copy strong { font-size: 13px; }
  .header-actions select { max-width: 140px; }
  .panel { padding: 17px; border-radius: 18px; }
  .hero h1 { font-size: 38px; }
  .result-summary,.invoice-summary { grid-template-columns: 1fr; }
  .form-actions { align-items: stretch; flex-direction: column; }
  .form-actions .btn { width: 100%; }
  .weight-grid { grid-template-columns: 1fr; }
}