/* CloudDrive — responsive layout. Desktop-first overrides only. */

@media (max-width: 1024px) {
  :root { --row-grid: minmax(170px, 2.6fr) minmax(96px, 1.1fr) minmax(96px, 1fr) 84px; }
  .cell-date, .file-head .head-date { display: none; }
}

@media (max-width: 720px) {
  .topbar {
    flex-wrap: wrap;
    gap: var(--s2);
    min-height: 0;
    padding: 10px 14px;
  }

  .brand { order: 0; }
  .topbar-actions { order: 1; margin-left: auto; }

  .search {
    order: 2;
    flex: 1 1 100%;
    max-width: none;
    height: 38px;
  }

  main { padding: var(--s4) 14px var(--s6); }

  .location { margin-bottom: var(--s2); gap: var(--s2); }
  .location-label { display: none; }
  .crumb:disabled { font-weight: 600; }

  .toolbar { padding-bottom: var(--s3); gap: var(--s2) 6px; }
  .toolbar-lead { flex: 1 1 100%; gap: 6px; }
  .toolbar select { max-width: none; flex: 1 1 auto; min-width: 0; }
  .status { flex: 1 1 100%; margin-left: 0; }

  .file-head { display: none; }

  .filters {
    grid-template-columns: 1fr 1fr;
    gap: var(--s3);
    padding: var(--s3);
  }

  .filters > button { grid-column: 1 / -1; }
  .checks { max-height: 132px; }

  /* two-line row: name first, metadata condensed below */
  .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    min-height: 0;
    padding: var(--s3) 14px;
  }

  .cell { padding: 0; }

  .cell-name {
    flex: 1 1 100%;
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .cell-icon { border-right: 0; justify-content: flex-start; }
  .cell-icon svg { width: 17px; height: 17px; }
  .file-name { padding-left: 10px; font-size: 14px; font-weight: 570; }

  .cell-tags { flex: 0 1 auto; }
  .cell-tags:not(:has(.tag)) { display: none; }
  .cell-tags, .cell-origin, .cell-size, .cell-date { font-size: 12px; }
  .row-folder .cell-size, .row-folder .cell-date { display: none; }

  .cell-date { display: flex; }
  .cell-size { justify-content: flex-start; color: var(--muted); }

  .tag-button { padding: 3px 9px; font-size: 12px; }

  .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s2); }
  .card-open { min-height: 108px; padding: var(--s3); gap: 6px; }
  .card-tags { padding: 0 var(--s3) var(--s3); }
  .card .file-name { font-size: 13px; }

  .release-group { margin-top: var(--s3); }
  .release-heading { padding: var(--s2) 14px; flex-wrap: wrap; }
  .release-meta { flex-basis: 100%; margin-left: 26px; }

  .overlay { align-items: flex-end; }

  .drawer {
    width: 100%;
    min-height: 0;
    max-height: 88vh;
    padding: var(--s5) var(--s4);
    border-radius: var(--r-overlay) var(--r-overlay) 0 0;
    animation: sheet-in 200ms var(--ease);
  }

  .detail-info { grid-template-columns: 94px minmax(0, 1fr); font-size: 12.5px; }
  .preview { padding: var(--s4); }
}

@keyframes sheet-in {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 380px) {
  .filters { grid-template-columns: 1fr; }
  .cards { grid-template-columns: 1fr; }
  .brand-name { display: none; }
}