/* ============================================================================
   Social Management — the calendar builds.
   An empty month grid takes posts into its cells as the reader scrolls.
   Loaded by social-management.html only. Tokens from css/deep.css.
   ========================================================================== */

.cal{ --cell: 44px; }
.cal-days, .cal-grid{ display:grid; grid-template-columns:repeat(7, minmax(0,1fr)); gap:6px; }
.cal-days span{
  font:600 10px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase;
  color: rgba(191,238,255,.5); text-align:center; padding:0 0 8px;
}
.cal-c{
  position:relative; min-height:var(--cell); aspect-ratio:1/0.82; border-radius:8px;
  border:1px solid rgba(var(--accent-rgb), .13); background: rgba(255,255,255,.025);
  padding:5px 6px; overflow:hidden;
}
.cal-c.is-off{ border-style:dashed; border-color: rgba(var(--accent-rgb), .07); background:transparent; }
.cal-c > i{ font:600 10px/1 var(--mono); color: rgba(191,238,255,.42); font-style:normal; }

/* a post is a bar with a type, not a fake post — no captions, no faces */
.cal-post{
  position:absolute; left:5px; right:5px; bottom:5px;
  display:flex; align-items:center; gap:5px;
  font:600 9.5px/1 var(--font-body); letter-spacing:.06em; text-transform:uppercase;
  padding:5px 6px; border-radius:5px; color: var(--accent-pale);
  border:1px solid rgba(var(--accent-rgb), .3); background: rgba(var(--accent-rgb), .08);
  transform-origin:center top;
}
.cal-post i{ width:6px; height:6px; border-radius:2px; background: var(--accent); flex:none; }
.cal-post.t-photo i{ background: var(--accent-pale); }
.cal-post.t-tip   i{ background: var(--accent-mid); }
.cal-post.t-reel  i{ background: var(--grad-end); }
.cal-post.t-story i{ background: var(--primary-light); }
.cal-post.t-review i{ background:#ffffff; }
.cal-post.t-offer{ background: linear-gradient(120deg, var(--accent), var(--accent-mid)); color: var(--dark); border-color:transparent; }
.cal-post.t-offer i{ background: var(--dark); }

.cal-ok{
  position:absolute; top:4px; right:4px; width:15px; height:15px; border-radius:50%;
  display:grid; place-items:center; background: var(--accent); color: var(--dark);
  box-shadow: 0 0 10px rgba(var(--accent-rgb), .55);
}
.cal-ok svg{ width:9px; height:9px; }

.cal-read{
  display:flex; flex-wrap:wrap; gap:6px 18px; justify-content:space-between; margin-top:14px;
  font:600 10.5px/1.5 var(--mono); letter-spacing:.12em; text-transform:uppercase;
  color: rgba(191,238,255,.62);
}
.cal-read b{ color: var(--accent); font-weight:700; }

@media (max-width:900px){
  .cal{ --cell: 38px; }
  .cal-days, .cal-grid{ gap:4px; }
  .cal-c{ padding:4px 5px; border-radius:6px; }
  .cal-post{ left:3px; right:3px; bottom:3px; padding:4px 5px; font-size:8px; gap:4px; }
}
@media (max-width:460px){
  .cal-post span{ display:none; }              /* keep the bar, drop the word */
  .cal-post{ justify-content:center; }
  .cal-ok{ width:12px; height:12px; top:3px; right:3px; }
  .cal-ok svg{ width:7px; height:7px; }
}