/* ==========================================================================
   GELEX HUB — Apps (Launchpad) — Giai đoạn 4
   Giữ squircle (đặc trưng macOS) nhưng nhẹ hơn: shadow mảnh, tile nhỏ hơn.
   ========================================================================== */

.launchpad { gap: 36px; padding: 60px 24px 120px; }

.lp-search {
  width: min(440px, 80vw);
  height: 42px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.lp-search:focus-within { border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-tint); }

.lp-grid { gap: 14px 48px; max-width: 700px; }

/* Tile nhỏ hơn + bo vừa */
.app-tile { gap: 9px; padding: 11px 6px 8px; border-radius: var(--radius-lg); }
.app-tile:hover { transform: translateY(-4px); }

/* Squircle — shadow nhẹ hơn */
.app-ic {
  width: var(--icon-size);
  height: var(--icon-size);
  border-radius: 22%;
  box-shadow:
    0 4px 12px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
.app-tile:hover .app-ic {
  box-shadow:
    0 8px 20px rgba(15, 23, 42, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.app-name { font-size: 12.5px; }

/* Pin/hide — bo nhỏ hơn */
.app-pin, .app-hide {
  width: 22px; height: 22px;
  border-radius: 50%;
}
.app-pin svg, .app-hide svg { width: 12px; height: 12px; }