@media (max-width: 1100px){
  .layout{grid-template-columns:360px 1fr}
  .document{padding:24px}
  .cat-layout{grid-template-columns:190px 1fr}
}
@media (max-width: 860px){
  .layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto}
  .panel{max-height:50vh;border-right:none;border-bottom:1px solid var(--line)}
  .preview-wrap{min-height:60vh}
  .document{width:100%;padding:20px}
  .brand h1{font-size:13px}
  .header-actions .btn{padding:6px 10px;font-size:11px}
  .cat-layout{grid-template-columns:1fr}
  .cat-side{max-height:180px}
  .kpi-grid{grid-template-columns:1fr 1fr}
  .charts-row,.stats-row-2{grid-template-columns:1fr}
}
@media (max-width: 560px){
  .doc-head{flex-direction:column}
  .doc-meta{text-align:left}
  .add-row{grid-template-columns:1fr}
  .summary-box{min-width:0;width:100%}
  .cat-toolbar{gap:6px}
  .cat-toolbar .btn{font-size:11px;padding:6px 10px}
  .stats-toolbar{flex-direction:column;align-items:stretch}
  .stats-actions{flex-wrap:wrap}
  .kpi-grid{grid-template-columns:1fr}
}