/* HSG Scheduler styles */
:root{
  --hsg-primary:#5072a9;
  --hsg-secondary:#75c191;
  --ink:#1b2a41;
  --muted:#6b7a90;
  --radius:16px;
  --shadow:0 10px 30px rgba(16,24,40,.08);
}
.hsg-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
.hsg-card h3{margin-top:0}
.hsg-grid{display:grid;gap:12px}
.hsg-g2{grid-template-columns:1fr 1fr}
.hsg-g3{grid-template-columns:1fr 1fr 1fr}
@media (max-width:680px){.hsg-g2,.hsg-g3{grid-template-columns:1fr}}
.hsg-grid label{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:6px;display:block}
.hsg-grid input,.hsg-grid select{width:100%;padding:12px;border:1px solid #e3e8f1;border-radius:12px;background:#fafbff;font-size:14px;color:var(--ink);outline:0}
.hsg-grid input:focus,.hsg-grid select:focus{border-color:var(--hsg-primary);box-shadow:0 0 0 3px rgba(80,114,169,.12)}
.hsg-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0 14px}
@media (max-width:520px){.hsg-slots{grid-template-columns:repeat(2,1fr)}}
.hsg-slot{border:1px solid #e3e8f1;border-radius:12px;padding:10px 12px;text-align:center;cursor:pointer;background:#fff}
.hsg-slot[data-state="free"]{border-color:#d1fadf;background:#f0fff4}
.hsg-slot[data-state="busy"]{opacity:.5;pointer-events:none}
.hsg-slot.active{outline:2px solid var(--hsg-secondary)}
.hsg-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}
.hsg-btn{border:0;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}
.hsg-btn.primary{background:var(--hsg-primary);color:#fff}
.hsg-btn.ghost{background:#f1f5f9;color:var(--ink)}
.hsg-toast{position:fixed;right:16px;bottom:16px;background:#0f172a;color:#fff;padding:12px 14px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);transition:.3s}
.hsg-toast.show{opacity:1;transform:translateY(0)}

.tag{padding:4px 8px;border-radius:9999px;background:#eef2ff;display:inline-block}