/* 班组履职评价系统 V1.6.13
 * iPhone 筛选日期控件宽度与纵向滚动热修复。
 */

@media (max-width: 760px) {
  .filter-panel {
    height: min(82vh, 720px);
    height: min(82dvh, 720px);
    max-height: calc(100vh - max(12px, env(safe-area-inset-top)));
    max-height: calc(100dvh - max(12px, env(safe-area-inset-top)));
    min-height: 0;
    grid-auto-rows: max-content;
    align-content: start;
    align-items: stretch;
    gap: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-padding-top: 68px;
    scroll-padding-bottom: calc(16px + env(safe-area-inset-bottom));
    contain: inline-size;
  }

  .filter-panel.mobile-filter-open {
    overflow-y: scroll;
  }

  .filter-panel label {
    display: grid;
    align-content: start;
    gap: 5px;
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  .filter-panel input,
  .filter-panel select {
    height: 44px;
    min-height: 44px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .filter-panel input[type="month"],
  .filter-panel input[type="date"] {
    display: block;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    -webkit-min-logical-width: 0 !important;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    font-size: 16px;
  }

  .filter-panel input[type="month"]::-webkit-date-and-time-value,
  .filter-panel input[type="date"]::-webkit-date-and-time-value,
  .filter-panel input[type="month"]::-webkit-datetime-edit,
  .filter-panel input[type="date"]::-webkit-datetime-edit {
    min-width: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
  }

  .filter-panel > .btn.primary {
    position: static;
    min-height: 48px;
    margin-top: 4px;
    box-shadow: none;
  }
}