/* =====================================================================
   Aster Skin & Laser · page pieces (Lucent industry template)
   Load after lucent.css. Prefix as-.
   ===================================================================== */
.as-slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; }
.as-slots .as-day { grid-column: 1 / -1; margin-top: 8px; font: 500 11px/1.2 var(--body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }
.as-slots .as-day:first-child { margin-top: 0; }
.as-slots button { min-height: 44px; padding: 0 10px; border-radius: var(--r-pill); border: 1px solid var(--line); background: var(--card); cursor: pointer; font: 400 14px/1 var(--body); color: var(--ink); transition: border-color var(--d-fast), background var(--d-fast), color var(--d-fast); }
.as-slots button:hover { border-color: var(--mineral); }
.as-slots button[aria-pressed="true"] { background: var(--mineral); border-color: var(--mineral); color: var(--on-mineral); }
.as-under { display: block; margin: 0; }
.as-need { background: var(--caution-soft); }
.form-card .seg { justify-self: start; }