html {
  background: #f7f5ef;
}

html,
body.client-light-shell {
  max-width: 100%;
  overflow-x: hidden;
}

body.client-light-shell,
body.client-light-shell * {
  box-sizing: border-box;
}

body.client-light-shell {
  --client-light-bg: #f7f5ef;
  --client-light-bg-2: #ffffff;
  --client-light-card: #ffffff;
  --client-light-card-2: #f2efe8;
  --client-light-text: #111111;
  --client-light-muted: #6a655d;
  --client-light-soft: #8b857b;
  --client-light-line: rgba(17, 17, 17, 0.11);
  --client-light-line-strong: rgba(17, 17, 17, 0.18);
  --client-light-yellow: #ffc21a;
  --client-light-yellow-2: #edac00;
  --client-light-green: #22c55e;
  --client-light-red: #ef4444;
  --client-light-shadow: 0 14px 34px rgba(17, 17, 17, 0.08);
  color: var(--client-light-text);
  background:
    linear-gradient(180deg, #ffffff 0, var(--client-light-bg) 44%, #f2efe8 100%) !important;
}

body.client-light-shell .app {
  color: var(--client-light-text);
  background: transparent;
}

body.client-light-shell > .app > header,
body.client-light-shell > header,
body.client-light-shell .client-services-shell-header,
body.client-light-shell .checkout-shell-header {
  border-bottom: 1px solid var(--client-light-line) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 10px 26px rgba(17, 17, 17, 0.05);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.client-light-shell .appbar {
  border-bottom-color: var(--client-light-line);
  color: var(--client-light-text);
  background: transparent;
}

body.client-light-shell .title,
body.client-light-shell .user-name,
body.client-light-shell .client-desktop-link {
  color: var(--client-light-text);
}

body.client-light-shell .notification svg,
body.client-light-shell .client-menu-trigger svg,
body.client-light-shell .client-menu-link svg,
body.client-light-shell .client-menu-logout svg {
  stroke: currentColor;
}

body.client-light-shell .client-menu-trigger,
body.client-light-shell .notification,
body.client-light-shell .client-icon-button {
  border-color: var(--client-light-line);
  color: var(--client-light-text);
  background: rgba(255, 255, 255, 0.74);
}

body.client-light-shell .client-notification-badge {
  border-color: #ffffff;
  color: var(--client-light-text);
  background: var(--client-light-yellow);
}

body.client-light-shell .client-menu-overlay {
  background: rgba(17, 17, 17, 0.34);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

body.client-light-shell .client-menu-drawer {
  border-color: var(--client-light-line);
  color: var(--client-light-text);
  background: #ffffff;
  box-shadow: 18px 0 54px rgba(17, 17, 17, 0.18);
}

body.client-light-shell .client-menu-topbar,
body.client-light-shell .client-menu-footer {
  border-color: var(--client-light-line);
}

body.client-light-shell .client-menu-label,
body.client-light-shell .client-menu-account strong,
body.client-light-shell .client-menu-link,
body.client-light-shell .client-menu-user-profile strong,
body.client-light-shell .client-menu-logout {
  color: var(--client-light-text);
}

body.client-light-shell .client-menu-account,
body.client-light-shell .client-menu-user-profile,
body.client-light-shell .client-menu-logout {
  border-color: var(--client-light-line);
  background: var(--client-light-card-2);
}

body.client-light-shell .client-menu-account span,
body.client-light-shell .client-menu-user-profile span,
body.client-light-shell .client-menu-account-guest span {
  color: var(--client-light-muted);
}

body.client-light-shell .client-menu-account-guest strong {
  color: var(--client-light-text);
}

body.client-light-shell .client-menu-link:hover,
body.client-light-shell .client-menu-link.is-active {
  border-color: rgba(237, 172, 0, 0.36);
  color: var(--client-light-text);
  background: rgba(255, 194, 26, 0.18);
}

body.client-light-shell .client-desktop-link.is-active {
  border-color: #d29a00;
  color: #17130a;
  background: #ffc21a;
}

body.client-light-shell .client-menu-drawer .client-menu-link.is-active {
  border-color: #d29a00 !important;
  color: #17130a !important;
  background: #ffc21a !important;
  box-shadow: 0 8px 20px rgba(210, 154, 0, 0.2);
}

body.client-light-shell .client-menu-drawer .client-menu-link.is-active svg {
  color: currentColor;
  stroke: currentColor;
}

body.client-light-shell .client-notification-panel,
body.client-light-shell .subscription-pix-dialog,
body.client-light-shell .sheet-panel {
  border-color: var(--client-light-line);
  color: var(--client-light-text);
  background: #ffffff;
  box-shadow: 0 22px 54px rgba(17, 17, 17, 0.18);
}

body.client-light-shell .client-notification-head,
body.client-light-shell .history-details {
  border-color: var(--client-light-line);
}

body.client-light-shell .client-notification-head h2,
body.client-light-shell .client-notification-copy strong {
  color: var(--client-light-text);
}

body.client-light-shell .client-notification-list {
  background: var(--client-light-line);
}

body.client-light-shell .client-notification-item,
body.client-light-shell .client-notification-empty {
  color: var(--client-light-text);
  background: #ffffff;
}

body.client-light-shell .client-notification-copy span,
body.client-light-shell .client-notification-empty {
  color: var(--client-light-muted);
}

body.client-light-shell .history-page,
body.client-light-shell .client-services-page,
body.client-light-shell .config-page,
body.client-light-shell .container,
body.client-light-shell .checkout-page,
body.client-light-shell .confirmation-page {
  color: var(--client-light-text);
}

body.client-light-shell .history-top h1,
body.client-light-shell .client-services-hero h1,
body.client-light-shell .config-hero h1,
body.client-light-shell .appointment-hero h1,
body.client-light-shell .checkout-hero h1,
body.client-light-shell .confirmation-hero h1,
body.client-light-shell .section-heading h2,
body.client-light-shell .step-heading h2,
body.client-light-shell .card-head h2,
body.client-light-shell .card-heading strong,
body.client-light-shell .checkout-card h2,
body.client-light-shell .confirmation-card h2,
body.client-light-shell h2 {
  color: var(--client-light-text) !important;
}

body.client-light-shell .history-top p,
body.client-light-shell .client-services-hero p,
body.client-light-shell .config-hero p,
body.client-light-shell .appointment-hero p,
body.client-light-shell .checkout-hero p,
body.client-light-shell .confirmation-hero p,
body.client-light-shell .card-head p,
body.client-light-shell .package-meta,
body.client-light-shell .summary-list,
body.client-light-shell .state-card,
body.client-light-shell .empty-state,
body.client-light-shell .package-empty {
  color: var(--client-light-muted) !important;
}

body.client-light-shell .client-services-hero span,
body.client-light-shell .section-heading span,
body.client-light-shell .package-card-kicker,
body.client-light-shell .appointment-hero span,
body.client-light-shell .appointment-sidebar > span,
body.client-light-shell .step-heading small,
body.client-light-shell .checkout-hero span,
body.client-light-shell .confirmation-hero span,
body.client-light-shell .card-heading span,
body.client-light-shell .eyebrow {
  color: var(--client-light-yellow-2) !important;
}

body.client-light-shell .summary-card,
body.client-light-shell .history-item,
body.client-light-shell .state-card,
body.client-light-shell .client-package-card,
body.client-light-shell .package-empty,
body.client-light-shell .settings-card,
body.client-light-shell .shop-card,
body.client-light-shell .appointment-step,
body.client-light-shell .appointment-sidebar,
body.client-light-shell .card,
body.client-light-shell .date-card,
body.client-light-shell .summary,
body.client-light-shell .checkout-card,
body.client-light-shell .confirmation-card,
body.client-light-shell .payment-method,
body.client-light-shell .pix-copy-card,
body.client-light-shell .checkout-policy-note,
body.client-light-shell .saved-card-box {
  border-color: var(--client-light-line) !important;
  color: var(--client-light-text) !important;
  background: var(--client-light-card) !important;
  box-shadow: var(--client-light-shadow) !important;
}

body.client-light-shell .subscription-tabs,
body.client-light-shell .cut-box,
body.client-light-shell .pix-box,
body.client-light-shell .payment-method:hover,
body.client-light-shell .payment-method.active,
body.client-light-shell .toggle-row,
body.client-light-shell .form-grid,
body.client-light-shell .pix-frame,
body.client-light-shell .calendar-days,
body.client-light-shell .times {
  border-color: var(--client-light-line) !important;
  background: var(--client-light-card-2);
}

body.client-light-shell .subscription-tab {
  color: var(--client-light-muted);
}

body.client-light-shell .subscription-tab.active,
body.client-light-shell .primary-action,
body.client-light-shell .package-action,
body.client-light-shell .primary-btn,
body.client-light-shell .history-toggle {
  color: var(--client-light-text) !important;
  background: linear-gradient(135deg, var(--client-light-yellow), var(--client-light-yellow-2)) !important;
}

body.client-light-shell .secondary-btn,
body.client-light-shell .icon-btn,
body.client-light-shell .sheet-close,
body.client-light-shell .subscription-dialog-close {
  border-color: var(--client-light-line) !important;
  color: var(--client-light-text) !important;
  background: #ffffff !important;
}

body.client-light-shell input,
body.client-light-shell textarea,
body.client-light-shell select,
body.client-light-shell .pix-code,
body.client-light-shell .subscription-pix-card textarea,
body.client-light-shell .calendar-nav,
body.client-light-shell .calendar-day,
body.client-light-shell .time {
  border-color: var(--client-light-line) !important;
  color: var(--client-light-text) !important;
  background: #ffffff !important;
}

body.client-light-shell input::placeholder,
body.client-light-shell textarea::placeholder {
  color: var(--client-light-soft) !important;
}

body.client-light-shell label,
body.client-light-shell .field span,
body.client-light-shell .toggle-row strong,
body.client-light-shell .payment-method strong,
body.client-light-shell .package-includes span,
body.client-light-shell .history-date strong,
body.client-light-shell .cut-line,
body.client-light-shell .card p,
body.client-light-shell .card strong,
body.client-light-shell .calendar-header strong,
body.client-light-shell .time span,
body.client-light-shell .summary p,
body.client-light-shell .summary strong,
body.client-light-shell .summary-row strong {
  color: var(--client-light-text) !important;
}

body.client-light-shell .toggle-row span,
body.client-light-shell .payment-method small,
body.client-light-shell .history-date span,
body.client-light-shell .cut-line small,
body.client-light-shell .combo-items,
body.client-light-shell .package-price small,
body.client-light-shell .shop-card span,
body.client-light-shell .pix-title span,
body.client-light-shell .subscription-pix-card p,
body.client-light-shell .card small,
body.client-light-shell .calendar-weekdays span,
body.client-light-shell #dateHint,
body.client-light-shell .time small,
body.client-light-shell .summary-row span,
body.client-light-shell .payment-note span,
body.client-light-shell .pix-code p {
  color: var(--client-light-muted) !important;
}

body.client-light-shell .package-price,
body.client-light-shell .pix-title strong,
body.client-light-shell .combo-usage {
  color: var(--client-light-yellow-2) !important;
}

body.client-light-shell .pix-code {
  min-width: 0;
}

body.client-light-shell .pix-code p {
  background: #fff8ea;
  border: 1px solid rgba(237, 172, 0, 0.18);
  border-radius: 8px;
  color: #3d3528 !important;
  padding: 10px;
}

body.client-light-shell .payment-note strong {
  color: var(--client-light-text) !important;
}

body.client-light-shell .payment-note.pending strong,
body.client-light-shell .pix-title strong {
  color: var(--client-light-yellow-2) !important;
}

body.client-light-shell .payment-note.paid strong {
  color: #0f7a37 !important;
}

body.client-light-shell .payment-note.cancelled strong {
  color: #8f1515 !important;
}

body.client-light-shell .status-pill,
body.client-light-shell .package-status {
  color: var(--client-light-text);
  background: rgba(255, 194, 26, 0.24);
}

body.client-light-shell .package-includes span {
  border-color: #d8d5cf !important;
  color: var(--client-light-text) !important;
  background: #e3e0d8 !important;
}

body.client-light-shell .calendar-days,
body.client-light-shell .times {
  padding: 10px;
  border-radius: 14px;
}

body.client-light-shell .calendar-day.today {
  border-color: rgba(37, 99, 235, 0.28) !important;
  color: #2563eb !important;
  background: rgba(37, 99, 235, 0.08) !important;
}

body.client-light-shell .calendar-day.selected,
body.client-light-shell .time.selected {
  border-color: rgba(237, 172, 0, 0.55) !important;
  color: var(--client-light-text) !important;
  background: linear-gradient(135deg, var(--client-light-yellow), var(--client-light-yellow-2)) !important;
}

body.client-light-shell .calendar-day:disabled {
  color: #8f8980 !important;
  background: #e9e5dc !important;
  opacity: 1 !important;
}

body.client-light-shell .calendar-day.unavailable:disabled,
body.client-light-shell .time.disabled {
  border-color: rgba(239, 68, 68, 0.28) !important;
  color: #9b1c1c !important;
  background: rgba(239, 68, 68, 0.13) !important;
  opacity: 1 !important;
}

body.client-light-shell .calendar-day.subscription-booked:disabled {
  border-color: rgba(237, 172, 0, 0.34) !important;
  color: #946200 !important;
  background: rgba(255, 194, 26, 0.18) !important;
}

body.client-light-shell .time-notice {
  border-color: rgba(239, 68, 68, 0.24) !important;
  color: #8f1515 !important;
  background: rgba(239, 68, 68, 0.10) !important;
}

body.client-light-shell .summary-row {
  border-color: var(--client-light-line) !important;
}

body.client-light-shell .summary-row.total strong {
  color: var(--client-light-yellow-2) !important;
}

body.client-light-shell .status-pill.paid,
body.client-light-shell .status-pill.done,
body.client-light-shell .package-status.active,
body.client-light-shell .package-status.paid {
  color: #06451f !important;
  background: rgba(34, 197, 94, 0.18) !important;
}

body.client-light-shell .status-pill.cancelled,
body.client-light-shell .package-status.cancelled {
  color: #8f1515 !important;
  background: rgba(239, 68, 68, 0.15) !important;
}

body.client-light-shell .method-icon,
body.client-light-shell .avatar-preview,
body.client-light-shell .client-notification-icon {
  color: var(--client-light-text);
  background: rgba(255, 194, 26, 0.22);
}

body.client-light-shell .qr-skeleton,
body.client-light-shell .code-skeleton {
  background:
    linear-gradient(90deg, #ece8de, #ffffff, #ece8de) !important;
}

body.client-light-shell.public-shop-page .public-shop .booking-callout #shopTagline {
  color: var(--client-light-muted) !important;
}

body.client-light-shell.public-shop-page .client-menu-drawer,
body.client-light-shell.public-shop-page .client-notification-panel {
  color: var(--client-light-text);
  background: #ffffff;
}

@media (max-width: 680px) {
  body.client-light-shell .history-page,
  body.client-light-shell .client-services-page,
  body.client-light-shell .config-page,
  body.client-light-shell .container,
  body.client-light-shell .checkout-page,
  body.client-light-shell .confirmation-page {
    width: min(100% - 24px, 640px);
  }
}