:root{
  --easivo-navy:#111a34;
  --easivo-navy-deep:#080e1e;
  --easivo-blue:#3867f4;
  --easivo-blue-strong:#315fd6;
  --easivo-gold:#f4b740;
  --business-accent:var(--easivo-blue)!important;
  --forest:var(--easivo-blue)!important;
  --forest2:var(--easivo-blue-strong)!important;
  --mint:var(--easivo-gold)!important;
}

/* A cor do produto é parte da identidade Easivo e não é configurável. */
.settings-card label:has(.color-field){display:none!important}
.theme-setting-grid{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(280px,1.3fr);gap:14px;align-items:end}
.theme-setting-grid>label{margin:0!important}
.theme-setting-grid select{width:100%;margin-top:7px}
.brand-palette{display:grid;grid-template-columns:32px 32px 32px minmax(0,1fr);gap:8px;align-items:center;min-height:62px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--white)}
.brand-palette>span{width:32px;height:32px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:10px;background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff1f}
.brand-palette b,.brand-palette small{display:block}.brand-palette b{font-size:12px}.brand-palette small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}

body:not([data-theme="dark"]){
  --cream:#f4f6fa;
  --ink:#182033;
  --muted:#697386;
  --line:#dfe5f0;
  --white:#fff;
  color-scheme:light;
}
body:not([data-theme="dark"]) .sidebar{background:linear-gradient(165deg,var(--easivo-navy),var(--easivo-navy-deep))}
body:not([data-theme="dark"]) .welcome,
body:not([data-theme="dark"]) .home-hero{background:radial-gradient(circle at 88% 5%,rgba(244,183,64,.2),transparent 30%),linear-gradient(125deg,var(--easivo-blue-strong),var(--easivo-blue))!important}
body:not([data-theme="dark"]) .btn:not(.ghost):not(.danger),
body:not([data-theme="dark"]) .agenda-tool.primary,
body:not([data-theme="dark"]) .notification-summary{background:var(--easivo-blue)!important;border-color:var(--easivo-blue)!important;color:#fff!important}
body:not([data-theme="dark"]) .mobile-nav button.active{background:#edf2ff!important;color:var(--easivo-blue-strong)!important}

body[data-theme="dark"]{
  --cream:#101522!important;
  --ink:#f2f5fc!important;
  --muted:#a9b2c5!important;
  --line:#30394d!important;
  --white:#1a2130!important;
  --business-accent:#6f92ff!important;
  --forest:#6f92ff!important;
  --forest2:#9ab2ff!important;
  --mint:var(--easivo-gold)!important;
  background:#101522!important;
  color:var(--ink)!important;
  color-scheme:dark;
}
body[data-theme="dark"] .sidebar{background:linear-gradient(165deg,#0b1020,#050912)!important}
body[data-theme="dark"] .card,
body[data-theme="dark"] .modal-card,
body[data-theme="dark"] .mobile-nav,
body[data-theme="dark"] .authcard,
body[data-theme="dark"] .quick-new button,
body[data-theme="dark"] .agenda-tool,
body[data-theme="dark"] .client-card,
body[data-theme="dark"] .settings-card,
body[data-theme="dark"] .brand-palette{background:#1a2130!important;border-color:#30394d!important;color:#f2f5fc!important}
body[data-theme="dark"] input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea,
body[data-theme="dark"] .slug-input,
body[data-theme="dark"] .setting-check,
body[data-theme="dark"] .full-day,
body[data-theme="dark"] .schedule-summary{background:#111827!important;border-color:#364156!important;color:#f2f5fc!important}
body[data-theme="dark"] .welcome,
body[data-theme="dark"] .home-hero{background:radial-gradient(circle at 88% 5%,rgba(244,183,64,.16),transparent 30%),linear-gradient(125deg,#1d357c,#294fb3)!important}
body[data-theme="dark"] .btn:not(.ghost):not(.danger),
body[data-theme="dark"] .agenda-tool.primary,
body[data-theme="dark"] .notification-summary{background:var(--easivo-blue-strong)!important;border-color:#6689f7!important;color:#fff!important}
body[data-theme="dark"] .mobile-nav button.active{background:#252f49!important;color:#9eb7ff!important}
body[data-theme="dark"] .stat-icon,
body[data-theme="dark"] .client-avatar,
body[data-theme="dark"] .empty-icon,
body[data-theme="dark"] .agenda-tool i{background:#252f49!important;color:#9eb7ff!important}
body[data-theme="dark"] .agenda-tool.primary i{background:var(--easivo-gold)!important;color:var(--easivo-navy)!important}
body[data-theme="dark"] .pix-receive{background:radial-gradient(circle at 88% 5%,rgba(244,183,64,.14),transparent 30%),linear-gradient(145deg,var(--easivo-navy),#1f3471)!important}

@media(max-width:620px){.theme-setting-grid{grid-template-columns:1fr}.brand-palette{grid-template-columns:28px 28px 28px minmax(0,1fr)}.brand-palette>span{width:28px;height:28px}}

/* Avisos sempre visíveis acima da navegação inferior do aplicativo. */
.toast{
  z-index:10060!important;
  max-width:min(420px,calc(100vw - 32px));
  overflow-wrap:anywhere;
  line-height:1.4;
}
@media(max-width:900px){
  .toast{
    right:16px!important;
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
    left:16px!important;
    width:auto;
    padding:13px 15px;
    text-align:center;
  }
  body:has(.auth) .toast,
  body:has(.license-gate) .toast{
    bottom:calc(18px + env(safe-area-inset-bottom))!important;
  }
}

/* Ações principais do início precisam parecer botões sobre o card azul. */
.home-hero #new-booking{
  border:1px solid #ffd36a!important;
  background:var(--easivo-gold)!important;
  color:var(--easivo-navy)!important;
  box-shadow:0 8px 20px rgba(7,17,36,.22)!important;
}
.home-hero .home-hero-actions .btn.ghost.hero-secondary[data-go="agenda"]{
  border:1px solid rgba(255,255,255,.92)!important;
  background:#fff!important;
  color:var(--easivo-blue-strong)!important;
  box-shadow:0 8px 20px rgba(7,17,36,.18)!important;
}
body[data-theme="dark"] .home-hero #new-booking{
  background:var(--easivo-gold)!important;
  color:var(--easivo-navy)!important;
}
body[data-theme="dark"] .home-hero .home-hero-actions .btn.ghost.hero-secondary[data-go="agenda"]{
  border-color:#fff!important;
  background:#fff!important;
  color:#23469f!important;
}

/* A grade pode rolar internamente quando há vários profissionais, mas nunca
   deve aumentar a largura da página nem criar uma faixa vazia à direita. */
html,body,#app,.shell,.main{max-width:100%;overflow-x:clip}
.agenda-calendar-enabled,.calendar-scroll{width:100%;max-width:100%;min-width:0}
.calendar-columns,.calendar-professional,.calendar-track{min-width:0}
@media(max-width:700px){
  .calendar-scroll{grid-template-columns:44px minmax(0,1fr)}
  .calendar-columns:has(>.calendar-professional:only-child){grid-auto-columns:minmax(0,1fr);width:100%}
  .calendar-professional:only-child{width:100%;min-width:0}
}