/* Tema claro do agendamento. Apenas visual, sem alterar logica. */
html:not(.sun) body{
  background:#f6f7f9 !important;
  color:#111827 !important;
}

html:not(.sun) .wrap{
  max-width:1160px;
}

html:not(.sun) .topbar{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:0 !important;
  box-shadow:0 1px 0 rgba(15,23,42,.06) !important;
  color:#111827 !important;
}

html:not(.sun) .brand,
html:not(.sun) h2,
html:not(.sun) .title,
html:not(.sun) .cal-title,
html:not(.sun) .price,
html:not(.sun) .statusRight,
html:not(.sun) .resume .row b{
  color:#030712 !important;
}

html:not(.sun) .tagline,
html:not(.sun) .muted,
html:not(.sun) .sub,
html:not(.sun) .lbl,
html:not(.sun) .mini,
html:not(.sun) .helper,
html:not(.sun) .resume .row span{
  color:#4b5563 !important;
}

html:not(.sun) .pill{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  color:#111827 !important;
}

html:not(.sun) .card,
html:not(.sun) .info-section{
  background:#fff !important;
  border:1px solid #fde68a !important;
  border-top:4px solid #f0c419 !important;
  border-radius:22px !important;
  box-shadow:0 28px 70px rgba(15,23,42,.10) !important;
  color:#111827 !important;
}

html:not(.sun) .select,
html:not(.sun) .input,
html:not(.sun) input,
html:not(.sun) select,
html:not(.sun) textarea,
html:not(.sun) .qty-input,
html:not(.sun) .qtynum{
  background:#fff !important;
  border:1px solid #d1d5db !important;
  color:#111827 !important;
}

html:not(.sun) .select:focus,
html:not(.sun) .input:focus,
html:not(.sun) input:focus,
html:not(.sun) select:focus,
html:not(.sun) textarea:focus{
  border-color:#f0c419 !important;
  box-shadow:0 0 0 4px rgba(240,196,25,.18) !important;
}

html:not(.sun) .cal,
html:not(.sun) .cal-wrap{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:18px !important;
  overflow:hidden;
}

html:not(.sun) .cal-head{
  background:#fff !important;
  border-bottom:1px solid #e5e7eb !important;
  color:#111827 !important;
}

html:not(.sun) .cal-head button,
html:not(.sun) .nav{
  background:#fff !important;
  border:1px solid #d1d5db !important;
  color:#111827 !important;
}

html:not(.sun) .cal-dow{
  background:#f9fafb !important;
  border-bottom:1px solid #e5e7eb !important;
  color:#6b7280 !important;
}

html:not(.sun) .cal-day{
  position:relative;
  background:#fff !important;
  border-right:1px solid #e5e7eb !important;
  border-bottom:1px solid #e5e7eb !important;
  color:#111827 !important;
  font-weight:700;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}

html:not(.sun) .cal-day.off,
html:not(.sun) .cal-day.past{
  background:#f9fafb !important;
  color:#9ca3af !important;
}

html:not(.sun) .cal-day.on{
  background:linear-gradient(180deg,#fff9db 0%,#ffef9f 100%) !important;
  border:2px solid #f0c419 !important;
  color:#111827 !important;
  box-shadow:0 10px 22px rgba(240,196,25,.20);
}

html:not(.sun) .cal-day.on::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:7px;
  width:22px;
  height:4px;
  border-radius:999px;
  background:#16a34a;
  transform:translateX(-50%);
  box-shadow:0 0 0 3px rgba(22,163,74,.12);
}

html:not(.sun) .cal-day.on:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(240,196,25,.26);
}

html:not(.sun) .cal-day.sel{
  background:#f0c419 !important;
  color:#111827 !important;
  outline:3px solid rgba(17,24,39,.18) !important;
  border-color:#d8a500 !important;
  box-shadow:0 16px 34px rgba(216,165,0,.28);
}

html:not(.sun) .cal-day.sel::after{
  background:#111827;
  box-shadow:none;
}

html:not(.sun) .slot,
html:not(.sun) .slots .slot,
html:not(.sun) .slots button,
html:not(.sun) .qty-btn,
html:not(.sun) .qtybtn{
  background:#fff !important;
  border:1px solid #d1d5db !important;
  color:#111827 !important;
}

html:not(.sun) .slot.sel,
html:not(.sun) .slots .active{
  background:#f0c419 !important;
  border-color:#d8a500 !important;
  color:#111827 !important;
}

html:not(.sun) .hr,
html:not(.sun) .section-title{
  border-color:#e5e7eb !important;
}

html:not(.sun) .btn-primary{
  background:linear-gradient(180deg,#facc15,#eab308) !important;
  color:#111827 !important;
  box-shadow:0 18px 40px rgba(234,179,8,.22) !important;
}

html:not(.sun) .foot{
  color:#6b7280 !important;
}