/* Every screen row: the app each tile is about, as a small frosted badge (Windows, Chrome, Claude, Any app).
   Open tile: icon and name in the top left. Closed pill: just the icon, centred at the top. */
.acc-tile .app-badge {
  position: absolute; top: 18px; left: 18px; z-index: 2;
  display: inline-flex; align-items: center; gap: 9px;
  padding: 6px 14px 6px 6px; border-radius: 999px;
  background: rgba(255, 255, 255, .82); color: #1d1d1f;
  -webkit-backdrop-filter: saturate(1.6) blur(14px); backdrop-filter: saturate(1.6) blur(14px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .16), inset 0 0 0 .5px rgba(255, 255, 255, .6);
  font: 600 14px/1 var(--text, system-ui); letter-spacing: -.01em; white-space: nowrap;
  pointer-events: none;
  transition: left .8s var(--ease, ease), transform .8s var(--ease, ease), padding .5s ease;
}
.acc-tile .app-badge img, .acc-tile .app-badge svg { width: 28px; height: 28px; flex: none; display: block; }
.acc-tile .app-badge > span { overflow: hidden; max-width: 120px; transition: max-width .6s var(--ease, ease), opacity .4s ease; }
.acc-tile:not(.open) .app-badge { left: 50%; transform: translateX(-50%); padding: 6px; gap: 0; }
.acc-tile:not(.open) .app-badge > span { max-width: 0; opacity: 0; }
/* Any app: a few other apps fanned out, then the "add one" tile */
.acc-tile .app-badge .app-stack { display: inline-flex; max-width: 90px; overflow: visible; opacity: 1; }
.acc-tile .app-badge .app-stack img {
  width: 26px; height: 26px; border-radius: 7px; background: #fff; object-fit: contain; padding: 2px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .95), 0 2px 6px rgba(0, 0, 0, .15);
}
.acc-tile .app-badge .app-stack img + img { margin-left: -9px; }
.acc-tile .app-badge .app-stack + svg { margin-left: -6px; background: #fff; border-radius: 8px; box-shadow: 0 0 0 2px rgba(255, 255, 255, .95); }
.acc-tile:not(.open) .app-badge .app-stack { max-width: 0; opacity: 0; }
.acc-tile:not(.open) .app-badge .app-stack + svg { margin-left: 0; }
@media (max-width: 700px) {
  .acc-tile .app-badge { top: 12px; left: 12px; font-size: 13px; }
  .acc-tile .app-badge img, .acc-tile .app-badge svg { width: 24px; height: 24px; }
}