/* ============================
   STYLES — app-wide sprinkles
   (No global html/body flex overrides)
   ============================ */

/* Scope to app shell */
.gg-wrapper{
  background: var(--bg);
  color: var(--ink);
}

/* Utility spacing */
.mt-1 { margin-top: 4px; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 12px; }
.mt-4 { margin-top: 16px; }

.mb-1 { margin-bottom: 4px; }
.mb-2 { margin-bottom: 8px; }
.mb-3 { margin-bottom: 12px; }
.mb-4 { margin-bottom: 16px; }

/* Hide scrollbars on horizontal chip/nav rails if desired */
.rail::-webkit-scrollbar { display: none; }
.rail { scrollbar-width: none; }

/* Simple fade-in */
@keyframes fadeIn{
  from{ opacity:0; transform:translateY(-6px); }
  to{ opacity:1; transform:translateY(0); }
}

/* Mobile polish */
@media (max-width:600px){
  .gg-wrapper{
    border-radius:0;
    box-shadow:none;
    max-width:100%;
  }
}