/* ==========================================================================
   响应式：平板 / 手机
   桌面：完整三栏；移动端：导航抽屉 + 工具栏精简 + 网格列数收敛
   ========================================================================== */

.nav-toggle {
  display: none;
}

/* ---------- 中等屏幕：收窄导航窗格 ---------- */
@media (max-width: 1180px) {
  .sidebar {
    width: 216px;
  }
  .toolbar__search {
    width: 190px;
  }
}

/* ---------- 平板 / 手机 ---------- */
@media (max-width: 900px) {
  .nav-toggle {
    display: inline-flex;
  }
  .sidebar {
    position: fixed;
    top: 126px; /* 标题栏 38 + 工具栏 46 + 命令栏 42 */
    bottom: 30px; /* 状态栏 */
    left: 0;
    z-index: 60;
    width: 274px;
    background: var(--acrylic-strong);
    box-shadow: var(--shadow-pop);
    transform: translateX(-100%);
    transition: transform 220ms var(--ease-out);
  }
  .sidebar.is-open {
    transform: translateX(0);
  }
  .scrim {
    position: fixed;
    inset: 126px 0 30px;
    z-index: 50;
    display: none;
    background: rgba(0, 0, 0, 0.28);
    animation: fade-in 150ms var(--ease-out);
  }
  .scrim.is-open {
    display: block;
  }
  .win-title {
    display: none;
  }
  /* 移动端隐藏预览窗格 */
  .previewpane {
    display: none !important;
  }
  /* 命令栏只保留图标 */
  .cmd-btn--text span {
    display: none;
  }
  .cmd-btn--text {
    padding: 0;
    width: 32px;
    justify-content: center;
  }
  .cmd-btn--text .chev {
    display: none;
  }
  /* 列表视图隐藏次要列 */
  .list-head,
  .list-row {
    grid-template-columns: 24px minmax(120px, 2.4fr) 132px;
  }
  .list-head .col-type,
  .list-row .col-type,
  .list-head .col-size,
  .list-row .col-size {
    display: none;
  }
}

@media (max-width: 640px) {
  .sidebar,
  .scrim {
    top: 118px; /* 标题栏 38 + 工具栏 42 + 命令栏 38 */
  }
  .toolbar {
    height: 42px;
    padding: 0 6px;
    gap: 2px;
  }
  .toolbar__search {
    width: 42px;
    transition: width 200ms var(--ease-out);
  }
  .toolbar__search .field {
    padding: 0;
    justify-content: center;
  }
  .toolbar__search .field input {
    display: none;
  }
  .toolbar__search.is-expanded {
    width: min(260px, 52vw);
  }
  .toolbar__search.is-expanded .field {
    padding: 0 10px;
  }
  .toolbar__search.is-expanded .field input {
    display: block;
  }
  .commandbar {
    height: 38px;
    padding: 0 4px;
  }
  .cmd-btn svg {
    width: 16px;
    height: 16px;
  }
  .view-scroll {
    padding: 8px 10px 14px;
  }
  .view-grid {
    grid-template-columns: repeat(auto-fill, minmax(94px, 1fr));
    gap: 2px;
  }
  .tile {
    padding: 8px 5px 10px;
  }
  .tile__thumb {
    height: 66px;
  }
  .tile__thumb svg {
    width: 44px;
    height: 44px;
  }
  .tile__label {
    font-size: 11.5px;
  }
  .statusbar {
    height: 28px;
    font-size: 11px;
    padding: 0 10px;
  }
  .winbtn {
    width: 40px;
  }
  .tab {
    max-width: 150px;
  }
  .toast-root {
    bottom: 14px;
  }
  .lightbox__stage {
    padding: 4px 8px 14px;
  }
  .lightbox__nav {
    width: 34px;
    height: 58px;
  }
  .login-card {
    padding: 26px 22px 20px;
  }
}