/* Skeleton (light, no strong design yet). Safe for multiple instances. */
.fasto-fastgrid { max-width: 900px; margin: 0 auto; padding: 1rem; }
.fasto-fastgrid .ffg-head { text-align: center; margin-bottom: .5rem; }
.fasto-fastgrid .ffg-title { font-size: 1rem; font-weight: 600; margin: 0 0 .25rem 0; }
.fasto-fastgrid .ffg-legend { font-size: .8rem; opacity: .7; }
.fasto-fastgrid .ffg-completed { color: #0aa9e6; }
.fasto-fastgrid .ffg-current { color: #ffd000; }

.fasto-fastgrid .ffg-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(44px, 1fr));
  gap: 6px;
}
.fasto-fastgrid .ffg-day {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  padding: .4rem .2rem;
  font-size: .65rem;
  background: rgba(0,200,255,.08);
  border: 1px solid rgba(0,200,255,.2);
}
.fasto-fastgrid .ffg-day.today {
  box-shadow: 0 0 6px rgba(255,255,255,.25) inset, 0 0 6px rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.5);
}
.fasto-fastgrid .ffg-bar {
  position: absolute; top: 0; height: 100%;
  background: rgba(0,200,255,.4);
  border-radius: 8px;
}
.fasto-fastgrid .ffg-bar.current {
  background: rgba(255,215,0,.7);
  border-left: 1px solid rgba(255,215,0,.9);
  border-right: 1px solid rgba(255,215,0,.9);
}
.fasto-fastgrid .ffg-cap { position: relative; z-index: 1; }
.fasto-fastgrid .ffg-list-wrap { margin-top: 1rem; text-align: center; }
.fasto-fastgrid .ffg-list-title { margin: 0 0 .4rem 0; font-weight: 600; font-size: .95rem; opacity: .85; }
.fasto-fastgrid .ffg-list { display: flex; flex-direction: column; align-items: center; gap: .25rem; font-size: .8rem; }
.fasto-fastgrid .ffg-line { background: rgba(255,255,255,.05); padding: 2px 8px; border-radius: 5px; max-width: 260px; }
.fasto-fastgrid .ffg-line.gap { background: none; opacity: .5; font-style: italic; }

@media (max-width: 600px){
  .fasto-fastgrid .ffg-day{ font-size:.55rem; padding:.3rem .2rem; }
  .fasto-fastgrid .ffg-grid{ grid-template-columns: repeat(auto-fit, minmax(36px,1fr)); }
  .fasto-fastgrid .ffg-list{ font-size:.75rem; }
}

.fasto-fastgrid .ffg-day{
  background: var(--fasto-card); border:1px solid var(--fasto-border);
  border-radius:12px; padding:.45rem .25rem; font-size:.65rem;
}
.fasto-fastgrid .ffg-bar{ background: rgba(58,211,255,.45); box-shadow: 0 0 18px rgba(58,211,255,.35) inset; }
.fasto-fastgrid .ffg-bar.current{ background: rgba(255,212,95,.8); box-shadow: 0 0 18px rgba(255,212,95,.45) inset; }
.fasto-fastgrid .ffg-line{ background: var(--fasto-card); border:1px solid var(--fasto-border); }