@media (max-width: 1100px) {
    .shell { grid-template-columns: 1fr; }
    .sidebar { position: static; height: auto; flex-direction: row; align-items: center; padding: 14px; overflow-x: auto; }
    .side-brand { border-bottom: 0; padding: 0 12px 0 0; min-width: 200px; }
    .side-nav { display: flex; gap: 5px; }
    .side-nav-label, .side-footer { display: none; }
    .side-nav-item { white-space: nowrap; padding: 8px 12px; font-size: 13px; }
    .tpl-layout, .editor-grid { grid-template-columns: 1fr; }
    .tpl-entry-bar { overflow-x: auto; }
    .tpl-col { border-right: none; border-bottom: 1px solid var(--border); }
    .tpl-grid, .tpl-row { grid-template-columns: 60px 1fr; }
    .ch-grid, .ch-row { grid-template-columns: 1fr; }
    .channel-action-wrap { justify-content: flex-start; }
    .table-head { display: none; }
  }
  @media (max-width: 680px) {
    .sidebar { flex-wrap: wrap; align-items: stretch; overflow-x: hidden; }
    .side-brand { width: 100%; min-width: 0; padding-right: 0; }
    .sidebar nav { width: 100%; min-width: 0; }
    .side-nav { display: grid; width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .side-nav-item { min-width: 0; justify-content: center; white-space: normal; }
    .main { padding: 16px 12px 30px; }
    .tb { flex-direction: column; align-items: stretch; }
    .tb-search { width: 100%; }
    .form-grid { grid-template-columns: 1fr; }
  }

      .task-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
      @media (max-width: 680px) { .task-detail-grid { grid-template-columns: 1fr; } }