@media(max-width:980px){
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:1fr;}
  .grid-2{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .sidebar{transform:translateX(-100%);}
  .sidebar.open{transform:translateX(0); box-shadow:20px 0 40px rgba(0,0,0,.5);}
  .main{margin-left:0;}
  .menu-btn{display:block;}
  .search{display:none;}
  .grid-4{grid-template-columns:1fr 1fr;}
  .content{padding:16px 14px 50px;}
  .form-grid-2{grid-template-columns:1fr;}
  .item-row{grid-template-columns:1fr 60px 80px 26px;}
}
/* Fase 5 (C6): layar kecil 360px */
@media(max-width:480px){
  .grid-4{grid-template-columns:1fr;}
  .content{padding:12px 10px 40px;}
  .card{padding:12px;}
  table{font-size:12px;}
  th,td{padding:6px;}
  .btn{padding:8px 10px;font-size:13px;}
  .tabs{overflow-x:auto;}
}