/* =========================================================
   responsive.css · 窄屏微调
   ========================================================= */

/* 终稿候选复查 P0：1680 以下直接隐藏筛选条尾部数据来源（右上"业务说明"已承担），
   让 6 个下拉框 + 标签在 1440~1680 默认宽度下不被挤出横向滚动条 */
@media(max-width:1680px){
  .statusbar .data-source{ display:none; }
}

@media(max-width:1500px){
  .data-source{ max-width:300px; }
  /* 终稿候选复查 P1：1500 以下用户胶囊再收一档，岗位词隐藏避免和右上按钮挤 */
  .user-pill{ max-width:160px; }
  .user-pill .role{ display:none; }
}

@media(max-width:1440px){
  .brand-main-title{ font-size:15px; max-width:420px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .brand-sub-title{ max-width:420px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .top-event{ max-width:520px; gap:8px; padding:6px 10px; }
  .top-event .k{ display:none; }
  .scene-btn{ padding:0 8px; font-size:11px; }
  .user-pill .role{ display:none; }
  .kpi-row{ grid-template-columns:repeat(5, minmax(0,1fr)); }
  .overview-grid{ grid-template-columns:300px 1fr 300px; }
  .task-layout{ grid-template-columns:280px 1fr 300px; }
  .verify-layout{ grid-template-columns:280px 1fr 300px; }
  .ledger-layout{ grid-template-columns:240px 1fr 300px; }
  /* 终稿候选复查 P0：1440 下再收窄一档，保持单行不出滚动条 */
  .statusbar{ padding:0 16px; gap:7px; overflow-x:hidden; }
  #filterEvent      { width:176px; min-width:176px; max-width:176px; }
  #filterTown       { width:126px; min-width:126px; max-width:126px; }
  #filterHazard     { width:104px; min-width:104px; max-width:104px; }
  #filterCrop       { width:104px; min-width:104px; max-width:104px; }
  #filterTaskStatus { width:120px; min-width:120px; max-width:120px; }
  #filterTimeWindow { width:130px; min-width:130px; max-width:130px; }
}

@media(max-width:1366px){
  .topbar{ padding:0 14px; }
  .mainnav{ padding:0 18px; }
  /* 第二十七轮 P0-B：1366 屏宽下也保持筛选条单行；
     终稿候选复查 P0：1280 之前都不出横向滚动条，1366 仍走 hidden */
  .statusbar{
    padding:0 14px;
    flex-wrap:nowrap;
    overflow-x:hidden;
    gap:6px;
    height:var(--status-h);
    min-height:var(--status-h);
  }
  #filterEvent      { width:172px; min-width:172px; max-width:172px; }
  #filterTown       { width:122px; min-width:122px; max-width:122px; }
  #filterHazard     { width:100px; min-width:100px; max-width:100px; }
  #filterCrop       { width:100px; min-width:100px; max-width:100px; }
  #filterTaskStatus { width:116px; min-width:116px; max-width:116px; }
  #filterTimeWindow { width:126px; min-width:126px; max-width:126px; }
  .data-source{ display:none; }
  .filter-select{ min-width:88px; }
}

/* 终稿候选复查 P0：1280 以下真的塞不下时，兜底切回横向滚动，不把控件裁掉 */
@media(max-width:1280px){
  .statusbar{
    overflow-x:auto;
    padding:0 14px;
    gap:6px;
  }
  #filterEvent      { width:168px; min-width:168px; max-width:168px; }
  #filterTown       { width:118px; min-width:118px; max-width:118px; }
  #filterHazard     { width:96px;  min-width:96px;  max-width:96px;  }
  #filterCrop       { width:96px;  min-width:96px;  max-width:96px;  }
  #filterTaskStatus { width:112px; min-width:112px; max-width:112px; }
  #filterTimeWindow { width:122px; min-width:122px; max-width:122px; }
}