/* Fix 5: the team's Files page (public/folders.js). Phone first: 2 columns, every tap target 44 px, fixed-ratio thumbs so nothing jumps. */
.fd-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0 8px; }
.fd-tab { display: flex; flex-direction: column; justify-content: center; min-height: 64px; padding: 10px 14px; border-radius: 14px; border: 2px solid var(--line, #d9dde3); color: var(--ink-2, #333); text-decoration: none; min-width: 0; }
.fd-tab b { font-size: 18px; } .fd-tab span { font-size: 13px; color: var(--ink-3, #666); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fd-tab.is-on { border-color: var(--ink, #0a1220); background: var(--ink, #0a1220); color: #fff; } .fd-tab.is-on span { color: #dfe3ea; }
.fd-crumbs { margin: 8px 0; } .fd-crumbs a { min-width: 44px; } .fd-crumbs--phone { display: none; margin: 8px 0; }
.fd-here { font-weight: 700; color: var(--ink, #0a1220); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; min-width: 0; }
.fd-tools { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 4px; }
.fd-up { position: relative; overflow: hidden; cursor: pointer; } .fd-up input { position: absolute; inset: 0; opacity: 0; cursor: pointer; font-size: 0; }
.fd-folders { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin: 12px 0; }
.fd-folder { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; min-height: 64px; padding: 10px 12px; border-radius: 14px; background: var(--card, #f3f5f8); color: var(--ink, #0a1220); text-decoration: none; min-width: 0; }
.fd-folder .i { grid-row: 1 / 3; width: 26px; height: 26px; }
.fd-folder__name { font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; min-width: 0; }
.fd-folder__n { font-size: 13px; color: var(--ink-3, #666); }
.fd-items { list-style: none; padding: 0; margin: 12px 0 80px; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.fd-item { position: relative; min-width: 0; }
.fd-item__open { display: block; color: inherit; text-decoration: none; min-height: 44px; }
.fd-thumb { display: grid; place-items: center; aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; background: var(--card, #eef1f5); }
.fd-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fd-thumb__kind { font-weight: 800; font-size: 18px; color: var(--ink-3, #555); }
.fd-item__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; font-weight: 600; margin-top: 6px; font-size: 14px; }
.fd-item__meta { display: block; font-size: 12px; color: var(--ink-3, #666); }
.fd-pick { display: none; position: absolute; top: 4px; right: 4px; width: 44px; height: 44px; align-items: center; justify-content: center; }
.fd-pick input { width: 26px; height: 26px; margin: 0; }
.fd-items.is-selecting .fd-pick { display: flex; }
.fd-bar { position: sticky; bottom: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; background: var(--paper, #fff); border-top: 1px solid var(--line, #d9dde3); z-index: 5; }
.fd-bar[hidden] { display: none; } .fd-bar span { font-weight: 700; margin-right: auto; }
.fd-menu { display: grid; gap: 8px; } .fd-danger { color: #b3261e; }
.fd-pickl { list-style: none; margin: 0; padding: 0; }
.fd-pickrow { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 6px 12px; border: 0; border-bottom: 1px solid var(--line, #e3e6ea); background: none; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.fd-pickrow span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.fd-pickrow[disabled] { opacity: .4; cursor: default; }
@media (max-width: 720px) {
  .fd-crumbs { display: none; } .fd-crumbs--phone { display: flex; flex-wrap: nowrap; }
  .fd-folders, .fd-items { grid-template-columns: 1fr 1fr; }
  .sheet.fd-full { top: 0; max-height: none; height: 100%; border-radius: 0; }
  .sheet.fd-full .sheet__body { overflow-y: auto; }
}