/* Simple Meeting Scheduler – modern card UI */
.sms-card {
  max-width: 700px;
  margin: 20px auto;
  padding: 24px;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  border: 1px solid #eef0f3;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

.sms-header {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom: 16px;
}
.sms-avatar {
  width:48px;height:48px;border-radius:12px;
  background: linear-gradient(135deg,#4f46e5,#22c55e);
}
.sms-title { font-size: 22px; font-weight: 700; }
.sms-sub { color:#6b7280; font-size:14px; }

.sms-grid {
  display:grid;
  grid-template-columns: 1fr 240px;
  gap: 20px;
}
@media (max-width: 720px) {
  .sms-grid { grid-template-columns: 1fr; }
}

.sms-field { margin-bottom: 12px; }
.sms-label { font-weight: 600; font-size: 14px; margin-bottom: 6px; display:block; color:#374151; }
.sms-input, .sms-select {
  width:100%; padding:10px 12px; border:1px solid #e5e7eb; border-radius:10px; outline:none;
  font-size:14px; background:#f9fafb;
}
.sms-input:focus, .sms-select:focus { border-color:#4f46e5; background:#fff; box-shadow:0 0 0 3px rgba(79,70,229,0.15); }

.sms-date-time {
  padding: 12px; border:1px dashed #e5e7eb; border-radius:12px; background:#fcfcfd;
}

.sms-slots { display:flex; flex-wrap:wrap; gap:8px; min-height: 42px; align-items: center; }
.sms-slot {
  padding:8px 12px; border:1px solid #e5e7eb; border-radius:10px;
  background:#fff; cursor:pointer; font-size:14px;
  transition: transform .06s ease, box-shadow .06s ease, background .2s ease;
}
.sms-slot:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.sms-slot.active { background:#4f46e5; color:#fff; border-color:#4f46e5; }

.sms-btn {
  width:100%; padding:12px 16px; border:0; border-radius:12px; cursor:pointer; font-weight:600;
  background:#4f46e5; color:#fff; font-size:15px;
  transition: opacity .15s ease, transform .06s ease;
}
.sms-btn:hover { opacity: .95; }
.sms-btn:active { transform: translateY(1px); }
.sms-note { color:#6b7280; font-size:12px; margin-top:8px; }
.sms-msg { margin-top: 12px; font-size: 14px; }
.sms-msg.success { color: #16a34a; }
.sms-msg.error { color: #dc2626; }

/* Calendar hint box */
.sms-aside {
  padding:12px; border:1px solid #eef0f3; border-radius:12px; background:#fafafa;
  font-size:13px; color:#4b5563;
}
.sms-aside h4 { margin:0 0 6px; font-size:14px; color:#111827; }