/* ============================================================
   CUSTOMER CONSOLE · APPTS module css
   ============================================================ */

/* ============ APPOINTMENTS ============ */
.ap-banner{
  display:flex;gap:13px;align-items:center;padding:14px 16px;border-radius:15px;margin-bottom:14px;
  background:linear-gradient(120deg,rgba(139,92,246,.16),rgba(59,130,246,.08));border:1px solid rgba(139,92,246,.35);
}
.ap-banner .ico{font-size:22px}
.ap-banner b{display:block;font-size:14px}
.ap-banner span{font-size:11.5px;color:var(--muted)}
.ap-banner .btn{margin-left:auto;flex:none}
.ap-card{display:flex;gap:13px;align-items:center;padding:13px 15px;border-radius:14px;background:var(--panel);border:1px solid var(--border);margin-bottom:9px;transition:.15s}
.ap-card:hover{border-color:var(--border-2);transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.ap-when{width:62px;text-align:center;background:var(--bg-2);border:1px solid var(--border);border-radius:11px;padding:7px 5px;flex:none}
.ap-when b{display:block;font-size:17px;font-weight:850}
.ap-when span{font-size:9.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
.ap-card .grow{flex:1;min-width:0}
.ap-card .grow b{display:block;font-size:13.5px}
.ap-card .grow span{font-size:11px;color:var(--dim)}
.ap-acts{display:flex;gap:7px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.ap-book{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.ap-book label{display:block}
.slot{
  font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:9px;background:var(--bg-2);border:1px solid var(--border);
  cursor:pointer;transition:.13s;text-align:center;user-select:none;
}
.slot:hover{border-color:var(--border-2)}
.slot.on{background:rgba(240,180,41,.14);border-color:rgba(240,180,41,.55);color:var(--gold)}
.slot.off{opacity:.4;pointer-events:none;text-decoration:line-through}