/* БЛОК: Phone small — max-width 480px */
@media (max-width: 480px) {
  .header {
    padding-top: var(--safe-top);
    padding-left: calc(10px + var(--safe-left));
    padding-right: calc(10px + var(--safe-right));
    min-height: 48px;
  }
  .header-brand .header-brand-text {
    display: none;
  }
  .header-brand {
    font-size: 13px;
  }
  .file-grid {
    grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
  }
  .breadcrumb {
    font-size: 13px;
  }
  .mobile-add-btn {
    width: 38px;
    height: 38px;
  }
  .mobile-add-btn svg {
    width: 19px;
    height: 19px;
  }
  .toolbar .btn:last-child {
    grid-column: 1;
  }
  .file-icon {
    width: 36px;
    height: 36px;
    font-size: 18px;
  }
  .file-icon.img {
    width: 36px;
    height: 36px;
  }
  .file-icon.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .file-name {
    font-size: 14px;
  }
  .file-actions .btn {
    font-size: 12px;
    padding: 10px 12px;
  }
  .file-actions .btn-danger {
    padding: 10px 14px;
  }
  .main {
    margin: 8px 8px 12px;
    flex: 1;
    min-height: 0;
    padding-bottom: 8px;
  }
}

