/* V4.7 — área do cliente alinhada ao app público */
.client-v300{background:#0c0c0d;color:#f3f0eb}
.client-header{background:rgba(12,12,13,.94)!important;border-bottom-color:rgba(255,255,255,.08)!important;backdrop-filter:blur(18px)!important}
.client-header-inner{min-height:68px!important}
.client-brand-v47{gap:10px!important;min-width:0}
.client-mark-v47{width:38px!important;height:38px!important;min-width:38px!important;border:0!important;background:transparent!important;overflow:hidden}
.client-mark-v47 img{width:100%;height:100%;object-fit:contain;display:block}
.client-brand-v47 strong{font-family:"Cormorant Garamond",serif!important;font-size:20px!important;font-weight:600!important;letter-spacing:.07em!important;line-height:.95!important}
.client-brand-v47 small{font-size:8px!important;letter-spacing:.12em!important;margin-top:4px}
.client-book{border-radius:999px!important;background:#b8935b!important;padding:9px 13px!important;font-size:11px!important}
.client-main{padding-top:32px!important}
.client-login{border-radius:20px!important;border-color:rgba(255,255,255,.08)!important;background:linear-gradient(145deg,#131315,#101012)!important;box-shadow:0 18px 60px rgba(0,0,0,.22)}
.client-login h1,.account-head h1,.panel-head h2{font-family:"Cormorant Garamond",serif!important;font-weight:600!important}
.client-login h1{font-size:46px!important}
.client-login input,.client-modal-card input,.client-modal-card textarea{border-radius:12px!important;background:#101012!important}
.client-primary,.client-secondary{border-radius:12px!important}
.account-head h1{font-size:48px!important}
.quick-rebook,.client-metric,.account-panel{border-radius:17px!important;border-color:rgba(255,255,255,.08)!important;background:linear-gradient(145deg,#121214,#0f0f11)!important}
.quick-rebook{border-color:rgba(184,147,91,.25)!important;background:linear-gradient(110deg,rgba(184,147,91,.08),#101012)!important}
.quick-rebook h3{font-family:"Cormorant Garamond",serif!important;font-size:29px!important;font-weight:600!important}
.client-metric strong{font-family:"Cormorant Garamond",serif!important;font-weight:600!important}
.panel-head h2{font-size:29px!important}
.mini-action{border-radius:10px!important}
.client-modal-card{border-radius:20px!important;border-color:rgba(255,255,255,.08)!important}
.modal-slot{border-radius:10px!important}
@media(max-width:760px){
  .client-container{width:calc(100% - 24px)!important}
  .client-header-inner{min-height:64px!important}
  .client-mark-v47{width:34px!important;height:34px!important;min-width:34px!important}
  .client-brand-v47 strong{font-size:17px!important}
  .client-book{font-size:10px!important;padding:8px 11px!important}
  .client-main{padding:22px 0 80px!important}
  .client-login{margin:14px auto!important;padding:20px!important}
  .client-login h1{font-size:40px!important}
  .account-head{gap:12px!important}
  .account-head h1{font-size:40px!important}
  .client-metrics{gap:8px!important}
  .client-metric{padding:13px!important}
  .account-panel{padding:15px!important}
  .appt-actions{gap:7px!important}
}

/* Pacotes e faturas */
.package-panel,.invoice-panel{margin:18px 0}
.package-card{display:grid;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,#141416,#101012)}
.package-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.package-top>div{display:grid;gap:4px}.package-top strong{font-size:18px}.package-top span{color:var(--muted);font-size:12px}.package-top b{font-family:'Cormorant Garamond',serif;font-size:28px;color:#d3ac77;white-space:nowrap}
.package-progress{height:7px;border-radius:999px;background:#242428;overflow:hidden}.package-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b8935b,#d3ac77)}
.package-dots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.package-dots span{height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#777}.package-dots span.done{background:rgba(184,147,91,.12);border-color:rgba(211,172,119,.45);color:#d3ac77;font-weight:800}
.package-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.invoice-panel{display:grid;gap:12px}.invoice-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#121214}.invoice-card>div:first-child{display:grid;gap:4px}.invoice-card span{color:var(--muted);font-size:12px}.invoice-side{display:grid;justify-items:end;gap:8px}.invoice-side b{color:#d3ac77;font-size:20px}.invoice-paid{color:#86c995!important;font-weight:700}
@media(max-width:560px){.invoice-card{align-items:start;flex-direction:column}.invoice-side{width:100%;grid-template-columns:1fr auto;align-items:center;justify-items:start}.invoice-side .mini-action{justify-self:end}.package-top b{font-size:24px}}

/* V5.10 — evita flash da tela de login enquanto a sessão do cliente é validada */
.client-account-loading{width:min(500px,100%);min-height:230px;margin:40px auto;display:grid;place-items:center;align-content:center;gap:14px;text-align:center;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,#131315,#101012);box-shadow:0 18px 60px rgba(0,0,0,.22)}
.client-loading-mark{width:54px;height:54px;display:grid;place-items:center;overflow:hidden}
.client-loading-mark img{width:100%;height:100%;object-fit:contain}
.client-loading-copy{display:grid;gap:4px}
.client-loading-copy strong{font-family:"Cormorant Garamond",serif;font-size:25px;font-weight:600;color:#f5f1ea}
.client-loading-copy span{font-size:12px;color:var(--c-muted)}
.client-loading-bar{width:min(210px,70vw);height:3px;border-radius:999px;background:#29272a;overflow:hidden}
.client-loading-bar i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b8935b,#e0bc83);animation:clientSessionLoading 1s ease-in-out infinite}
@keyframes clientSessionLoading{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
@media(max-width:760px){.client-account-loading{margin:14px auto;min-height:190px;padding:20px}.client-loading-copy strong{font-size:23px}}