:root{--bg:#050912;--panel:#101827;--panel2:#121c2e;--line:#26364f;--txt:#f7f7fb;--muted:#9aa7bd;--green:#25c963;--green2:#123f25;--red:#9d2222;--blue:#22324a;--gold:#f2bd4b}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,#08391f,#050912 42%,#02040a);color:var(--txt);min-height:100vh}button,input,select{font:inherit}button{border:0;cursor:pointer;border-radius:14px;font-weight:800;color:#fff;background:var(--blue);padding:14px 18px}button:hover{filter:brightness(1.08)}input,select{background:#0a1220;color:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;outline:none;width:100%}input:focus,select:focus{border-color:var(--green)}.page{min-height:100vh;padding:22px}.shell{max-width:1240px;margin:50px auto;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:rgba(16,24,39,.94);display:grid;grid-template-columns:255px 1fr;box-shadow:0 30px 80px rgba(0,0,0,.35)}.sidebar{background:#070c15;padding:26px 22px;display:flex;flex-direction:column;min-height:700px}.brand{display:flex;gap:14px;align-items:center;margin-bottom:28px}.logo{width:43px;height:43px;border-radius:16px;background:#5beb91;color:#04140b;display:grid;place-items:center;font-size:26px;font-weight:900}.brand h1{font-size:24px;margin:0;line-height:1}.brand p{margin:3px 0 0;color:#fff}.nav button{display:block;width:100%;text-align:left;background:transparent;color:#dce3ee;margin:5px 0;padding:14px 16px}.nav button.active{background:#123f25;color:#63fa96}.spacer{flex:1}.danger{background:#561818!important}.content{padding:28px 24px 44px;background:#101827}.top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:28px}.top h2{font-size:35px;margin:0}.muted{color:var(--muted)}.card{border:1px solid var(--line);background:rgba(17,27,44,.86);border-radius:24px;padding:20px;margin:16px 0}.card h3{font-size:25px;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.primary{background:var(--green);color:#06140a}.whats{background:#1fa855}.gold{background:#7b5a16}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.item{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:16px 18px;margin:10px 0;background:#101827}.item strong{display:block}.item small{color:var(--muted)}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{border:1px solid var(--line);border-radius:20px;padding:18px;background:#101827}.stat b{font-size:30px;display:block}.loginWrap{max-width:980px;margin:55px auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.loginCard{border:1px solid var(--line);border-radius:28px;background:rgba(16,24,39,.94);padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.32)}.loginCard h1{font-size:38px;margin:8px 0}.loginCard h2{margin-top:0}.form{display:grid;gap:12px}.linkBox{background:#081321;border:1px dashed #3f587c;border-radius:18px;padding:14px;word-break:break-all}.public{max-width:850px;margin:45px auto}.hero{border:1px solid var(--line);border-radius:30px;background:rgba(16,24,39,.95);padding:30px}.hero h1{font-size:40px;margin:0 0 6px}.pill{display:inline-block;padding:7px 11px;border-radius:999px;background:#123f25;color:#67f497;font-weight:800}.tabs{display:flex;gap:8px;flex-wrap:wrap}.modalBack{position:fixed;inset:0;background:rgba(0,0,0,.7);display:grid;place-items:center;padding:20px;z-index:30}.modal{max-width:520px;width:100%;background:#101827;border:1px solid var(--line);border-radius:24px;padding:22px}#toast{position:fixed;right:20px;top:18px;z-index:50;background:#0d1a2b;border:1px solid var(--line);padding:12px 16px;border-radius:14px;display:none}.empty{padding:18px;color:var(--muted);border:1px dashed var(--line);border-radius:18px}@media(max-width:850px){.shell{grid-template-columns:1fr;margin:10px}.sidebar{min-height:auto}.grid,.grid2,.grid3,.statgrid,.loginWrap{grid-template-columns:1fr}.top{display:block}.item{display:block}.row button{width:100%}.page{padding:8px}}
.cleanLogin .welcomeCard .card{display:none}.featureList{display:grid;gap:10px;margin-top:20px}.featureList span{display:block;border:1px solid var(--line);border-radius:16px;padding:12px;background:#0b1424}.bigBrand{margin-bottom:20px}.welcomeCard h2{font-size:30px;line-height:1.1;margin:0 0 12px}.loginCard small.securityHint{display:none}
canvas#chart{width:100%;display:block;background:#0a1220;border:1px solid var(--line);border-radius:18px;padding:10px}
h4{margin:20px 0 8px;color:#e8edf7}
.avatar{width:58px;height:58px;border-radius:18px;object-fit:cover;border:1px solid var(--line);background:#0a1220;flex:0 0 auto}.avatar.placeholder{display:grid;place-items:center;background:#123f25;color:#67f497;font-size:26px;font-weight:900}.barberInfo{display:flex;gap:14px;align-items:center}.barberItem{align-items:center}.publicHead{display:flex;gap:16px;align-items:center;margin:14px 0 18px}.publicHead .avatar{width:78px;height:78px;border-radius:24px}.hero[style]{background-blend-mode:multiply}.hero[style] .card{background:rgba(17,27,44,.9);backdrop-filter:blur(2px)}
@media(max-width:850px){.barberInfo,.publicHead{align-items:flex-start}.publicHead .avatar{width:64px;height:64px}}
.fileLabel{display:flex;align-items:center;justify-content:center;min-height:52px;padding:14px 16px;border:1px dashed rgba(148,163,184,.45);border-radius:16px;background:rgba(2,6,23,.38);color:#dbe5f5;font-weight:800;cursor:pointer;text-align:center}
.fileLabel input{display:none}
.previewRow,.profilePreview{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid rgba(148,163,184,.25);border-radius:16px;background:rgba(2,6,23,.25)}
.profilePreview{margin-bottom:16px}.avatar{width:52px;height:52px;border-radius:16px;object-fit:cover}.avatar.placeholder{display:flex;align-items:center;justify-content:center;background:#22c55e;color:#07111f;font-weight:900}.publicHead{display:flex;align-items:center;gap:14px}

.barberBanner{margin:0 0 22px;border:1px solid var(--line);border-radius:24px;padding:20px;min-height:130px;background:rgba(12,20,34,.9);display:flex;align-items:flex-end;gap:14px;overflow:hidden}
.barberBanner[style]{background-blend-mode:multiply}
.barberBanner .avatar{width:82px;height:82px;border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.barberBanner strong{display:block;font-size:24px}.barberBanner small{color:#dbe5f5}
.brand .avatar{width:43px;height:43px;border-radius:16px}
.selectedBarber{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(2,6,23,.32)}
.selectedBarber strong{display:block}.selectedBarber small{color:var(--muted)}
@media(max-width:850px){.barberBanner{min-height:110px}.barberBanner .avatar{width:64px;height:64px}}
/* Correções finais: modal com rolagem própria e destaque das solicitações */
.modalBack{align-items:center;overflow:auto}
.modal{max-height:88vh;overflow-y:auto;overscroll-behavior:contain}
.modal .row{position:sticky;bottom:-22px;background:linear-gradient(180deg,rgba(16,24,39,.65),#101827 35%);padding-top:12px;padding-bottom:4px}
.alertCard{border-color:#25c963;box-shadow:0 0 0 1px rgba(37,201,99,.18)}
.commissionEdit{display:grid;grid-template-columns:130px auto;gap:10px;align-items:center;min-width:260px}
.commissionEdit input{text-align:center;font-weight:900}
@media(max-width:850px){.commissionEdit{grid-template-columns:1fr;min-width:0;margin-top:12px}}

/* HOTFIX recorrência inteligente */
.hidden{display:none!important}
.switchLine{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;background:#0a1220;padding:10px 12px;min-height:52px;cursor:pointer;color:#fff}
.switchLine input{display:none}.switchVisual{width:62px;height:32px;border-radius:999px;background:#6b7280;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);transition:.2s}
.switchVisual:before{content:"";position:absolute;width:26px;height:26px;border-radius:50%;left:3px;top:3px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.35);transition:.2s}
.switchLine input:checked + .switchVisual{background:linear-gradient(90deg,#ff6b21,#d9152d)}
.switchLine input:checked + .switchVisual:before{left:33px}.recurringBox{display:block}

.nameEdit{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nameEdit input{min-width:220px}

/* HOTFIX funcionamento dia a dia */
.hoursList{display:grid;gap:12px}.hoursDay{border:1px solid var(--line);border-radius:20px;padding:14px;background:#101827}.hoursFields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.hoursFields input{font-weight:800}@media(max-width:850px){.hoursFields{grid-template-columns:1fr}}

/* HOTFIX UX agenda + funcionamento persistente */
.apptItem small{line-height:1.85}
.dateBadge{display:inline-block;color:#eaf1ff;font-weight:900;background:#13233a;border:1px solid #2b4368;border-radius:10px;padding:3px 8px;margin-right:4px}
.timeBadge{display:inline-block;color:#fff;background:linear-gradient(90deg,#dc2626,#991b1b);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:3px 9px;font-weight:1000;box-shadow:0 0 0 1px rgba(220,38,38,.18)}
.hoursFields select{font-weight:900;min-height:52px;cursor:pointer}
.hoursDay .switchLine{margin-bottom:8px}

/* HOTFIX histórico + escolha visual de barbeiro no link público */
.fieldTitle{display:block;font-weight:900;color:#eaf1ff;margin:2px 0 10px;text-transform:uppercase;font-size:13px;letter-spacing:.4px}
.publicBarberCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.publicBarberCard{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:#0a1220;border:1px solid var(--line);border-radius:18px;padding:14px;min-height:82px;color:#fff;transition:.18s ease;position:relative;overflow:hidden}
.publicBarberCard:hover{transform:translateY(-1px);border-color:rgba(37,201,99,.65);filter:none}
.publicBarberCard.selected{border-color:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.42),0 18px 42px rgba(34,197,94,.16);background:linear-gradient(135deg,rgba(18,90,45,.86),rgba(10,18,32,.95))}
.publicBarberCard.selected::after{content:"✓";position:absolute;top:10px;right:12px;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#22c55e;color:#04110a;font-weight:1000}
.publicBarberCard.not-selected{opacity:.54;filter:grayscale(1) brightness(.62);background:#050910;border-color:rgba(255,255,255,.08)}
.publicBarberCard.not-selected .avatar{filter:grayscale(1) brightness(.58)}
.publicBarberCard .avatar{width:54px;height:54px;border-radius:16px}
.publicBarberCard span{display:block;min-width:0}.publicBarberCard strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publicBarberCard small{display:block;color:var(--muted);font-weight:700;margin-top:3px}
.publicBarberCard em{display:block;margin-top:5px;font-size:11px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.35px;color:#86efac}
.publicBarberCard.not-selected em{color:#8b98aa}
.public .choiceSelected{border-color:#22c55e!important;box-shadow:0 0 0 2px rgba(34,197,94,.24)!important;background:linear-gradient(135deg,rgba(20,83,45,.72),rgba(7,17,31,.96))!important;color:#fff!important;font-weight:900}
.publicSelectionSummary{border:1px solid rgba(34,197,94,.42);background:linear-gradient(135deg,rgba(18,87,45,.54),rgba(7,17,31,.92));border-radius:18px;padding:14px 16px;display:grid;gap:6px;box-shadow:0 14px 36px rgba(34,197,94,.10)}
.publicSelectionSummary strong{color:#86efac;text-transform:uppercase;font-size:12px;letter-spacing:.55px}
.publicSelectionSummary span{color:#f8fafc;font-weight:850}
@media(max-width:650px){.publicBarberCards{grid-template-columns:1fr}.publicBarberCard{min-height:76px}}

.searchInput{
  width:100%;
  margin:10px 0 14px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(82,119,171,.45);
  background:#07111f;
  color:#fff;
  outline:none;
}
.searchInput:focus{
  border-color:#22c55e;
  box-shadow:0 0 0 2px rgba(34,197,94,.15);
}

/* HOTFIX: tela travada de planos após cadastro */
.lockedPlans{max-width:1000px;margin:0 auto;padding:32px 16px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:18px}
.planHeader{text-align:center}
.planGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.planBox{border:1px solid rgba(255,255,255,.12);background:rgba(15,23,42,.92);border-radius:22px;padding:26px 18px;color:#fff;text-align:left;cursor:pointer;box-shadow:0 18px 45px rgba(0,0,0,.25);transition:.2s transform,.2s border-color}
.planBox:hover{transform:translateY(-3px);border-color:#22c55e}
.planBox h2{margin:0 0 8px;font-size:22px}
.planBox strong{display:block;font-size:32px;color:#22c55e;margin-bottom:6px}
.planBox small{display:block;color:#94a3b8;margin-bottom:18px}
.planBox span{display:inline-block;background:#22c55e;color:#06130a;font-weight:700;border-radius:999px;padding:10px 14px}
.center{text-align:center}
@media(max-width:800px){.planGrid{grid-template-columns:1fr}.lockedPlans{justify-content:flex-start}}
.reactivationSummary{display:flex;gap:10px;align-items:center;margin:14px 0}.searchInput{margin:12px 0}

/* HOTFIX: lembrete diário de agendamentos */
.agendaHeader{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.dailyReminderBtn{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#04110b;box-shadow:0 12px 28px rgba(34,197,94,.18);font-weight:900}
.dailyReminderBtn span{display:inline-block;margin-left:8px;background:rgba(0,0,0,.22);color:#fff;border-radius:999px;padding:2px 8px}
.dailyReminderModal{max-width:760px;max-height:88vh;overflow:auto}
.dailyReminderList{display:grid;gap:10px;margin:14px 0}
.dailyReminderItem{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#0b1424;padding:14px}
.dailyReminderItem strong{display:block}.dailyReminderItem small{display:block;color:var(--muted);margin-top:4px}
@media(max-width:650px){.dailyReminderItem{display:block}.dailyReminderItem a button,.dailyReminderItem button{width:100%;margin-top:10px}.dailyReminderBtn{width:100%}}

/* HOTFIX: dashboard simples do barbeiro + financeiro mensal do gerente */
.monthFilter{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.monthFilter select{max-width:240px;font-weight:900}
.barberDashPage{padding:28px 14px}
.barberDash{width:min(980px,100%);margin:0 auto;display:grid;gap:18px}
.barberDashTop{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#0f172a;border:1px solid var(--line);border-radius:24px;padding:18px 20px}
.barberDashTop .brand{margin:0}
.barberHero h2{font-size:34px;margin-bottom:8px}
@media(max-width:650px){.barberDashTop{align-items:flex-start}.barberDashTop .danger{width:auto}.barberHero h2{font-size:26px}.monthFilter select{max-width:100%;width:100%}}

.walletActions{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;min-width:330px}.walletActions a{display:block}.walletActions button,.walletActions a button{width:100%}@media(max-width:850px){.walletActions{grid-template-columns:1fr;min-width:0;margin-top:12px}}

/* REDESIGN PREMIUM DA AGENDA - mobile first */
.agendaPremiumHeader{
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(19,34,57,.96),rgba(7,17,31,.96));
  border-radius:26px;
  padding:18px;
  margin-bottom:14px;
  box-shadow:0 18px 45px rgba(0,0,0,.20);
}
.agendaPremiumHeader span{display:block;color:#22c55e;font-weight:1000;text-transform:uppercase;font-size:12px;letter-spacing:.8px;margin-bottom:4px}
.agendaPremiumHeader h2{margin:0;font-size:28px;line-height:1.1}
.agendaPremiumHeader p{margin:8px 0 12px;color:var(--muted)}
.occupation{height:10px;background:#07111f;border:1px solid rgba(82,119,171,.35);border-radius:999px;overflow:hidden}
.occupation i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#0ea5e9);border-radius:999px;transition:width .25s ease}
.miniCalendar{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 14px;margin-bottom:4px;scroll-snap-type:x proximity}
.dayChip{min-width:72px;scroll-snap-align:start;border:1px solid var(--line);border-radius:18px;background:#0a1220;color:#fff;padding:10px 8px;text-align:center;box-shadow:none}
.dayChip span{display:block;font-size:11px;color:var(--muted);font-weight:1000;letter-spacing:.6px}
.dayChip b{display:block;font-size:22px;line-height:1.1;margin:2px 0}
.dayChip em{display:block;font-style:normal;color:#22c55e;letter-spacing:1px;min-height:15px;line-height:12px}
.dayChip.selected{border-color:#22c55e;background:linear-gradient(135deg,rgba(22,101,52,.62),rgba(10,18,32,.96));box-shadow:0 0 0 1px rgba(34,197,94,.25)}
.dayChip.today:not(.selected){border-color:rgba(14,165,233,.45)}
.nextClient{position:sticky;top:8px;z-index:5;display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid rgba(34,197,94,.45);background:linear-gradient(135deg,rgba(10,32,24,.96),rgba(15,23,42,.98));border-radius:24px;padding:16px 18px;margin:0 0 16px;box-shadow:0 16px 35px rgba(0,0,0,.28)}
.nextClient span{display:block;color:#22c55e;font-size:12px;text-transform:uppercase;font-weight:1000;letter-spacing:.6px}
.nextClient h3{margin:4px 0 4px;font-size:22px}.nextClient p{margin:0;color:#c7d7ef}.nextActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.emptyNext{border-color:var(--line)}
.agendaTimelineCard{overflow:hidden}.timeline{position:relative;display:grid;gap:2px;padding:4px 0 0}.periodTitle{margin:18px 0 8px;color:#eaf1ff;font-size:15px;font-weight:1000;letter-spacing:.3px}.periodTitle:first-child{margin-top:4px}
.timelineItem{display:grid;grid-template-columns:76px 1fr;gap:10px;position:relative;margin:0;padding:0;border:0;background:transparent;color:#fff}.timelineItem summary{display:contents;cursor:pointer;list-style:none}.timelineItem summary::-webkit-details-marker{display:none}.timeRail{position:relative;text-align:right;padding-top:15px;color:#dce8ff}.timeRail strong{font-size:16px;font-weight:1000}.timeRail i{position:absolute;right:-15px;top:22px;width:12px;height:12px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.12)}.timelineItem:not(:last-child) .timeRail:after{content:"";position:absolute;right:-10px;top:38px;bottom:-22px;width:2px;background:rgba(82,119,171,.35)}
.timelineCard{border:1px solid var(--line);border-left:4px solid #94a3b8;background:#0a1220;border-radius:18px;padding:13px 14px;margin-bottom:10px;transition:.18s ease}.timelineCard:hover{transform:translateY(-1px);border-color:rgba(82,119,171,.70)}.timelineMain{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.timelineMain b{display:block;font-size:16px}.timelineMain small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}.timelineMeta{display:flex;gap:12px;flex-wrap:wrap;color:#9fb8dc;font-size:12px;font-weight:800;margin-top:7px}.statusBadge{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:1000;background:#27364f;color:#d9e8ff}.timelineItem.pending .timelineCard{border-left-color:#f59e0b}.timelineItem.pending .timeRail i,.statusBadge.pending{background:#f59e0b;color:#211300}.timelineItem.confirmed .timelineCard{border-left-color:#22c55e}.timelineItem.confirmed .timeRail i,.statusBadge.confirmed{background:#22c55e;color:#03150a}.timelineItem.paid .timelineCard{border-left-color:#0ea5e9}.timelineItem.paid .timeRail i,.statusBadge.paid{background:#0ea5e9;color:#031521}.timelineItem.late .timelineCard{border-left-color:#ef4444}.timelineItem.late .timeRail i,.statusBadge.late{background:#ef4444;color:#fff}.timelineItem.fitin .timelineCard{border-left-color:#d97706}.timelineItem.fitin .timeRail i,.statusBadge.fitin{background:#d97706;color:#fff}.timelineItem.blocked .timelineCard{border-left-color:#64748b;opacity:.88}.timelineItem.blocked .timeRail i,.statusBadge.blocked{background:#64748b;color:#fff}.timelineExpand{grid-column:2/3;border:1px dashed rgba(82,119,171,.50);border-radius:16px;margin:-4px 0 10px;padding:12px 14px;background:rgba(7,17,31,.72);animation:fadeIn .18s ease}.timelineExpand p{margin:0 0 10px;color:#c7d7ef}.quickActions{display:flex;gap:9px;flex-wrap:wrap}.timelineGap{grid-column:1/3;display:flex;justify-content:center;margin:1px 0 10px}.timelineGap span{font-size:12px;color:#a9bfdc;border:1px dashed rgba(82,119,171,.45);background:rgba(15,23,42,.72);border-radius:999px;padding:5px 12px}.agendaEmpty{border:1px dashed rgba(82,119,171,.50);border-radius:20px;padding:28px;text-align:center;background:rgba(7,17,31,.55)}.agendaEmpty h3{margin:0 0 8px}.agendaEmpty p{margin:0;color:var(--muted)}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.agendaPremiumHeader h2{font-size:22px}.nextClient{display:block;position:sticky;top:6px}.nextActions{justify-content:stretch;margin-top:12px}.nextActions button,.nextActions a{width:100%}.nextActions a button{width:100%}.timelineItem{grid-template-columns:58px 1fr;gap:8px}.timeRail strong{font-size:14px}.timeRail i{right:-13px}.timelineItem:not(:last-child) .timeRail:after{right:-8px}.timelineCard{padding:12px}.timelineMain{display:block}.statusBadge{display:inline-block;margin-top:8px}.quickActions button,.quickActions a{width:100%}.quickActions a button{width:100%}.timelineExpand{grid-column:1/3}.dayChip{min-width:64px}.dayChip b{font-size:20px}}

/* HOTFIX agenda premium minimalista: sem zig-zag, passado colapsado, menos cor */
.cleanTimeline{gap:0;padding-top:6px}
.pastCollapsed{border:1px solid rgba(82,119,171,.32);background:rgba(7,17,31,.50);border-radius:16px;margin:6px 0 14px;overflow:hidden}
.pastCollapsed summary{cursor:pointer;padding:12px 14px;color:#aebfd8;font-weight:1000;list-style:none}
.pastCollapsed summary::-webkit-details-marker{display:none}
.pastRow{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:center;padding:9px 14px;border-top:1px solid rgba(82,119,171,.22);color:#93a8c4;font-size:13px}
.pastRow strong{color:#b6c7df}.pastRow span{font-weight:900}.pastRow small{color:#7f95b3}
.nowDivider{display:flex;align-items:center;gap:12px;margin:10px 0 14px;color:#22c55e;font-size:11px;font-weight:1000;letter-spacing:1px}
.nowDivider:before,.nowDivider:after{content:"";height:1px;background:rgba(34,197,94,.25);flex:1}.nowDivider span{border:1px solid rgba(34,197,94,.28);padding:5px 10px;border-radius:999px;background:rgba(34,197,94,.07)}
.cleanTimeline .timelineItem{grid-template-columns:70px 1fr;margin:0 0 4px}
.cleanTimeline .timeRail{padding-top:14px}.cleanTimeline .timeRail strong{font-size:18px;letter-spacing:.2px;color:#f1f7ff}.cleanTimeline .timeRail i{width:10px;height:10px;right:-14px;top:23px;background:#526b91;box-shadow:0 0 0 4px rgba(82,107,145,.10)}
.cleanTimeline .timelineItem:not(:last-child) .timeRail:after{right:-10px;background:rgba(82,119,171,.26)}
.cleanTimeline .timelineCard{background:linear-gradient(180deg,rgba(12,21,36,.98),rgba(9,17,31,.98));border:1px solid rgba(82,119,171,.32);border-left:2px solid rgba(148,163,184,.75);border-radius:16px;padding:12px 14px;margin-bottom:10px;box-shadow:none;transform:none!important}
.cleanTimeline .timelineMain b{font-size:16px;line-height:1.25}.cleanTimeline .timelineMain small{font-size:12px;margin-top:3px;color:#9fb2cf}.cleanTimeline .timelineMeta{margin-top:6px;color:#8fa6c6}
.cleanTimeline .statusBadge{font-size:10px;padding:4px 8px;background:rgba(39,54,79,.70);color:#d9e8ff;border:1px solid rgba(255,255,255,.08)}
.cleanTimeline .timelineItem.pending .timelineCard{border-left-color:rgba(245,158,11,.75)}
.cleanTimeline .timelineItem.pending .timeRail i{background:rgba(245,158,11,.85)}
.cleanTimeline .statusBadge.pending{background:rgba(245,158,11,.13);color:#ffd38b;border-color:rgba(245,158,11,.20)}
.cleanTimeline .timelineItem.confirmed .timelineCard{border-left-color:rgba(34,197,94,.75)}
.cleanTimeline .timelineItem.confirmed .timeRail i{background:rgba(34,197,94,.85)}
.cleanTimeline .statusBadge.confirmed{background:rgba(34,197,94,.13);color:#9ff0bd;border-color:rgba(34,197,94,.20)}
.cleanTimeline .timelineItem.paid .timelineCard{border-left-color:rgba(14,165,233,.75)}
.cleanTimeline .timelineItem.paid .timeRail i{background:rgba(14,165,233,.85)}
.cleanTimeline .statusBadge.paid{background:rgba(14,165,233,.13);color:#9bdcff;border-color:rgba(14,165,233,.20)}
.cleanTimeline .timelineItem.late .timelineCard{border-left-color:rgba(239,68,68,.80)}
.cleanTimeline .timelineItem.late .timeRail i{background:rgba(239,68,68,.85)}
.cleanTimeline .statusBadge.late{background:rgba(239,68,68,.13);color:#ffb4b4;border-color:rgba(239,68,68,.20)}
.cleanTimeline .timelineItem.fitin .timelineCard{border-left-color:rgba(217,119,6,.65)}
.cleanTimeline .timelineItem.fitin .timeRail i{background:rgba(217,119,6,.85)}
.cleanTimeline .timelineItem.blocked .timelineCard{border-left-color:rgba(100,116,139,.70);opacity:.86}
.cleanTimeline .timelineGap{grid-column:1/3;justify-content:flex-start;margin:2px 0 12px;padding-left:82px;position:relative}
.cleanTimeline .timelineGap:before{content:"";position:absolute;left:70px;right:0;top:50%;height:1px;background:linear-gradient(90deg,rgba(82,119,171,.20),rgba(82,119,171,.05))}
.cleanTimeline .timelineGap span{position:relative;z-index:1;border:1px dashed rgba(82,119,171,.36);background:#0b1424;border-radius:999px;padding:6px 12px;font-weight:900;color:#a8bad5}
.smallEmpty{padding:18px;margin-top:8px}
.nextClient{border-radius:18px;padding:13px 15px;box-shadow:0 10px 24px rgba(0,0,0,.20)}
.nextClient h3{font-size:19px}.nextClient p{font-size:13px}.nextActions button{padding:10px 12px}
@media(max-width:700px){.cleanTimeline .timelineItem{grid-template-columns:56px 1fr}.cleanTimeline .timeRail strong{font-size:15px}.cleanTimeline .timelineGap{padding-left:66px}.cleanTimeline .timelineGap:before{left:56px}.pastRow{grid-template-columns:54px 1fr;}.pastRow small{grid-column:2/3}.cleanTimeline .timelineCard{border-radius:14px}.nowDivider{margin:8px 0 12px}}

/* HOTFIX: agenda agrupada por horário / multi-barbeiro */
.groupedTimeline{gap:0}
.timelineTimeGroup{display:grid;grid-template-columns:70px 1fr;gap:10px;position:relative;margin:0 0 8px;color:#fff}
.timelineTimeGroup:not(:last-child) .groupTimeRail:after{content:"";position:absolute;right:-10px;top:38px;bottom:-18px;width:2px;background:rgba(82,119,171,.26)}
.groupTimeRail{position:relative;text-align:right;padding-top:16px;color:#dce8ff}
.groupTimeRail strong{font-size:16px;font-weight:1000}
.groupTimeRail i{position:absolute;right:-15px;top:23px;width:12px;height:12px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.12)}
.timeGroupBody{border:1px solid rgba(82,119,171,.34);background:linear-gradient(180deg,rgba(12,21,36,.98),rgba(9,17,31,.98));border-radius:18px;padding:12px;margin-bottom:8px}
.timeGroupHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid rgba(82,119,171,.22);padding-bottom:10px;margin-bottom:10px}
.timeGroupHeader b{display:block;font-size:16px}.timeGroupHeader small{display:block;color:#9fb2cf;margin-top:3px;font-size:12px}.timeGroupHeader span{color:#d9e8ff;font-size:12px;font-weight:900;text-align:right;line-height:1.45}
.groupedAppts{display:grid;gap:9px}.groupedApptCard{border:1px solid rgba(82,119,171,.32);border-left:3px solid rgba(148,163,184,.75);background:rgba(7,17,31,.72);border-radius:15px;padding:11px 12px;color:#fff}.groupedApptCard summary{cursor:pointer;list-style:none}.groupedApptCard summary::-webkit-details-marker{display:none}.groupedApptMain{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.groupedApptMain b{display:block;font-size:15px}.groupedApptMain small{display:block;color:#9fb2cf;margin-top:3px;font-size:12px;line-height:1.35}.groupedExpand{margin:10px 0 0;grid-column:auto}.groupedApptCard.pending{border-left-color:rgba(245,158,11,.75)}.groupedApptCard.confirmed{border-left-color:rgba(34,197,94,.75)}.groupedApptCard.paid{border-left-color:rgba(14,165,233,.75)}.groupedApptCard.late{border-left-color:rgba(239,68,68,.80)}.groupedApptCard.fitin{border-left-color:rgba(217,119,6,.75)}.groupedApptCard.blocked{border-left-color:rgba(100,116,139,.75);opacity:.88}.groupedGap{grid-column:1/3}
@media(max-width:700px){.timelineTimeGroup{grid-template-columns:56px 1fr}.groupTimeRail strong{font-size:15px}.groupTimeRail i{right:-13px}.timelineTimeGroup:not(:last-child) .groupTimeRail:after{right:-8px}.timeGroupBody{border-radius:15px;padding:10px}.timeGroupHeader{display:block}.timeGroupHeader span{display:block;text-align:left;margin-top:6px}.groupedApptMain{display:block}.groupedApptMain .statusBadge{display:inline-block;margin-top:8px}}

/* HOTFIX: agenda agrupada com efeito flutuante mantendo os traços da timeline */
.groupedTimeline .timelineTimeGroup{
  align-items:start;
}
.groupedTimeline .timeGroupBody,
.groupedTimeline .groupedApptCard{
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  will-change: transform;
}
.groupedTimeline .timeGroupBody:hover{
  transform: translateY(-3px) scale(1.004) !important;
  border-color: rgba(82,119,171,.62);
  box-shadow: 0 18px 38px rgba(0,0,0,.26), 0 0 0 1px rgba(59,130,246,.06);
}
.groupedTimeline .groupedApptCard:hover{
  transform: translateY(-4px) scale(1.006) !important;
  border-color: rgba(82,119,171,.70);
  background: linear-gradient(180deg,rgba(12,24,43,.98),rgba(8,18,34,.98));
  box-shadow: 0 16px 32px rgba(0,0,0,.28), 0 0 24px rgba(14,165,233,.06);
}
.groupedTimeline .timelineTimeGroup:hover .groupTimeRail strong{
  text-shadow: 0 0 14px rgba(147,197,253,.18);
}
.groupedTimeline .timelineTimeGroup:hover .groupTimeRail i{
  box-shadow: 0 0 0 5px rgba(148,163,184,.12), 0 0 18px rgba(147,197,253,.18);
}
.groupedTimeline .timelineGap span{
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.groupedTimeline .timelineGap span:hover{
  transform: translateY(-2px);
  border-color: rgba(82,119,171,.62);
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
}
@media (prefers-reduced-motion: reduce){
  .groupedTimeline .timeGroupBody,
  .groupedTimeline .groupedApptCard,
  .groupedTimeline .timelineGap span{transition:none!important}
  .groupedTimeline .timeGroupBody:hover,
  .groupedTimeline .groupedApptCard:hover,
  .groupedTimeline .timelineGap span:hover{transform:none!important}
}

/* HOTFIX: clientes fixos em caixa expansível premium */
.fixedClientsPanel{overflow:hidden}
.fixedClientList{display:grid;gap:14px;margin-top:18px}
.fixedClientCard{position:relative;border:1px solid rgba(82,119,171,.34);background:linear-gradient(180deg,rgba(12,21,36,.98),rgba(8,16,30,.98));border-radius:22px;padding:0;overflow:hidden;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;will-change:transform}
.fixedClientCard:hover{transform:translateY(-4px) scale(1.004);border-color:rgba(82,119,171,.66);box-shadow:0 20px 45px rgba(0,0,0,.30),0 0 28px rgba(14,165,233,.06)}
.fixedClientCard summary{list-style:none;cursor:pointer;padding:18px 54px 18px 18px;display:block}.fixedClientCard summary::-webkit-details-marker{display:none}
.fixedClientMain{display:flex;justify-content:space-between;gap:16px;align-items:center}.fixedClientMain strong{display:block;font-size:18px;line-height:1.2}.fixedClientMain small{display:block;color:#9fb2cf;margin-top:5px}
.fixedClientFacts{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.fixedClientFacts span{min-width:135px;border:1px solid rgba(82,119,171,.28);border-radius:16px;background:rgba(7,17,31,.72);padding:10px 12px;text-align:right}.fixedClientFacts b{display:block;font-size:15px}.fixedClientFacts small{font-size:11px;color:#93a8c5;text-transform:uppercase;letter-spacing:.4px}
.fixedArrow{position:absolute;right:18px;top:22px;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:rgba(82,119,171,.18);color:#d9e8ff;font-weight:1000;transition:transform .2s ease, background .2s ease}.fixedClientCard[open] .fixedArrow{transform:rotate(180deg);background:rgba(37,201,99,.18);color:#67f497}
.fixedClientExpand{border-top:1px solid rgba(82,119,171,.22);padding:16px 18px 18px;animation:fadeIn .18s ease;background:radial-gradient(circle at top right,rgba(37,201,99,.06),transparent 35%)}
.fixedInfoGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.fixedInfoGrid div{border:1px solid rgba(82,119,171,.24);border-radius:16px;background:rgba(7,17,31,.62);padding:12px}.fixedInfoGrid small{display:block;color:#8fa6c6;margin-bottom:4px}.fixedInfoGrid b{display:block;color:#f7f7fb;font-size:14px}
.payProgress{border:1px solid rgba(82,119,171,.28);border-radius:18px;background:rgba(7,17,31,.62);padding:13px;margin:12px 0}.payProgressTop{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.payProgressTop small{color:#9fb2cf;font-weight:800}.paySteps{display:grid;grid-template-columns:repeat(var(--steps),minmax(42px,1fr));overflow:hidden;border-radius:14px;border:1px solid rgba(0,0,0,.35)}.payStep{min-height:54px;display:grid;place-items:center;border-right:1px solid rgba(0,0,0,.55);transition:transform .18s ease, filter .18s ease}.payStep:last-child{border-right:0}.payStep b{font-size:20px;color:#02040a}.payStep.paid{background:linear-gradient(180deg,#18d978,#06b85a)}.payStep.open{background:linear-gradient(180deg,#9ca3af,#737b86)}.payStep:hover{transform:translateY(-2px);filter:brightness(1.08)}
.fixedActions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 10px}.fixedActions a{display:block}.fixedActions button,.fixedActions a button{min-width:190px}
@media(max-width:850px){.fixedClientMain{display:block}.fixedClientFacts{justify-content:flex-start;margin-top:12px}.fixedClientFacts span{flex:1;min-width:140px;text-align:left}.fixedInfoGrid{grid-template-columns:1fr 1fr}.paySteps{grid-template-columns:repeat(3,1fr)}.fixedActions button,.fixedActions a{width:100%}.fixedActions a button{width:100%}}
@media(max-width:520px){.fixedInfoGrid{grid-template-columns:1fr}.paySteps{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion: reduce){.fixedClientCard,.fixedArrow,.payStep{transition:none!important}.fixedClientCard:hover,.payStep:hover{transform:none!important}}

/* HOTFIX mini CRM clientes fixos premium */
.fixedSummaryGrid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin:16px 0 14px}
.fixedSummaryGrid>div{border:1px solid rgba(82,119,171,.30);border-radius:18px;background:linear-gradient(180deg,rgba(9,20,36,.88),rgba(5,13,26,.88));padding:14px 15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.fixedSummaryGrid>div:hover{transform:translateY(-3px);border-color:rgba(37,201,99,.45);box-shadow:0 18px 34px rgba(0,0,0,.22),0 0 24px rgba(37,201,99,.06)}
.fixedSummaryGrid small{display:block;color:#9fb2cf;font-size:12px;margin-bottom:6px}.fixedSummaryGrid b{font-size:20px}.fixedSummaryGrid .dangerMetric{border-color:rgba(239,68,68,.36);background:linear-gradient(180deg,rgba(54,18,23,.75),rgba(23,9,15,.85))}
.fixedIdentity{display:flex;align-items:center;gap:13px}.fixedAvatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-weight:1000;color:#dfffea;background:linear-gradient(135deg,rgba(37,201,99,.28),rgba(14,165,233,.18));border:1px solid rgba(37,201,99,.26);box-shadow:0 0 24px rgba(37,201,99,.08)}
.statusPill.ok{border-color:rgba(37,201,99,.38)!important;background:rgba(15,92,49,.24)!important}.statusPill.ok b{color:#6df5a1}.statusPill.soon{border-color:rgba(245,158,11,.42)!important;background:rgba(92,61,15,.25)!important}.statusPill.soon b{color:#ffd37a}.statusPill.late{border-color:rgba(239,68,68,.42)!important;background:rgba(92,20,20,.25)!important}.statusPill.late b{color:#ff9b9b}.statusPill.done{border-color:rgba(96,165,250,.42)!important;background:rgba(30,64,175,.18)!important}.statusPill.done b{color:#a8ccff}
.payProgress.premium{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(7,17,31,.82),rgba(4,11,22,.86))}.payProgressTop em{display:block;color:#67f497;font-style:normal;font-size:11px;margin-top:3px}.payBar{height:10px;border-radius:999px;background:rgba(148,163,184,.22);overflow:hidden;border:1px solid rgba(255,255,255,.05);margin:10px 0 14px}.payBar i{display:block;height:100%;width:var(--pct);border-radius:999px;background:linear-gradient(90deg,#18d978,#06b85a);box-shadow:0 0 22px rgba(37,201,99,.30);animation:payFill .7s ease both}.payDots{display:flex;gap:9px;flex-wrap:wrap}.payDot{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(148,163,184,.25);background:linear-gradient(180deg,#9ca3af,#737b86);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.payDot b{color:#030712;font-size:14px}.payDot.paid{background:linear-gradient(180deg,#20ee86,#08b85d);box-shadow:0 0 18px rgba(37,201,99,.18)}.payDot:hover{transform:translateY(-3px) scale(1.06);filter:brightness(1.08)}
.fixedClientCard[open]{border-color:rgba(37,201,99,.32);box-shadow:0 22px 55px rgba(0,0,0,.32),0 0 34px rgba(37,201,99,.08)}
.fixedClientExpand{animation:fixedOpen .22s ease both}.fixedActions button{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.fixedActions button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 14px 30px rgba(0,0,0,.24)}
@keyframes payFill{from{width:0}to{width:var(--pct)}}@keyframes fixedOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.fixedSummaryGrid{grid-template-columns:1fr 1fr}.fixedIdentity{margin-bottom:12px}}
@media(max-width:560px){.fixedSummaryGrid{grid-template-columns:1fr}.fixedAvatar{width:40px;height:40px}.payDot{width:34px;height:34px}}

/* ETAPA 1: Dashboard Premium Inteligente */
.dashboardHero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:22px;
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.16), transparent 35%),
    linear-gradient(135deg, rgba(12,24,43,.98), rgba(7,14,26,.98));
  border-color:rgba(82,119,171,.42);
  overflow:hidden;
  position:relative;
}
.dashboardHero:before{content:"";position:absolute;inset:-80px auto auto -80px;width:180px;height:180px;border-radius:50%;background:rgba(14,165,233,.10);filter:blur(14px)}
.dashboardHero h2{font-size:30px;margin:5px 0 7px;letter-spacing:-.6px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#7dd3fc;font-weight:1000}
.heroPulse{min-width:135px;border:1px solid rgba(34,197,94,.28);background:rgba(34,197,94,.08);border-radius:22px;padding:16px;text-align:center;box-shadow:0 0 30px rgba(34,197,94,.08);animation:zenPulse 2.8s ease-in-out infinite}
.heroPulse b{display:block;font-size:32px;color:#b7ffd0}.heroPulse small{display:block;color:#9fb2cf;font-weight:900}
@keyframes zenPulse{0%,100%{transform:translateY(0);box-shadow:0 0 26px rgba(34,197,94,.07)}50%{transform:translateY(-3px);box-shadow:0 18px 42px rgba(34,197,94,.12)}}
.premiumStatGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}
.premiumStat{position:relative;overflow:hidden;border:1px solid rgba(82,119,171,.34);border-radius:20px;padding:17px;background:linear-gradient(180deg,rgba(12,21,36,.97),rgba(7,14,26,.97));transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.premiumStat:hover{transform:translateY(-5px);border-color:rgba(125,211,252,.48);box-shadow:0 20px 38px rgba(0,0,0,.28),0 0 26px rgba(14,165,233,.06)}
.premiumStat:after{content:"";position:absolute;right:-25px;top:-25px;width:90px;height:90px;border-radius:50%;opacity:.20;filter:blur(2px)}
.premiumStat.green:after{background:#22c55e}.premiumStat.blue:after{background:#0ea5e9}.premiumStat.amber:after{background:#f59e0b}.premiumStat.purple:after{background:#a855f7}
.premiumStat span{display:block;color:#9fb2cf;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.7px}.premiumStat b{display:block;color:#f8fbff;font-size:24px;margin:7px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premiumStat small{color:#7f95b3;font-weight:800}
.premiumMonth{display:flex;justify-content:space-between;align-items:center;gap:14px}.premiumMonth select{max-width:210px}
.premiumChartCard{padding:18px 18px 12px}.chartTitle{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.chartTitle span{border:1px solid rgba(34,197,94,.22);background:rgba(34,197,94,.08);color:#9ff0bd;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:1000;white-space:nowrap}
.dashSplit{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;margin:14px 0}.smartAlerts,.nextAppts{min-height:220px}.smartAlert{border:1px solid rgba(82,119,171,.30);background:rgba(7,17,31,.58);border-radius:16px;padding:12px 13px;margin-top:9px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.smartAlert:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(0,0,0,.22)}.smartAlert b{display:block;color:#f5f9ff}.smartAlert small{display:block;color:#9fb2cf;margin-top:3px}.smartAlert.ok{border-left:3px solid rgba(34,197,94,.75)}.smartAlert.warn{border-left:3px solid rgba(245,158,11,.75)}.smartAlert.danger{border-left:3px solid rgba(239,68,68,.78)}
.miniAppt{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;border:1px solid rgba(82,119,171,.30);background:rgba(7,17,31,.58);border-radius:16px;padding:11px 12px;margin-top:9px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.miniAppt:hover{transform:translateY(-3px);border-color:rgba(125,211,252,.45);box-shadow:0 16px 28px rgba(0,0,0,.22)}.miniAppt span{font-weight:1000;color:#b7ffd0}.miniAppt b{display:block;color:#f8fbff}.miniAppt small{display:block;color:#9fb2cf;margin-top:3px}
@media(max-width:1050px){.premiumStatGrid{grid-template-columns:repeat(2,1fr)}.dashSplit{grid-template-columns:1fr}}
@media(max-width:650px){.dashboardHero,.premiumMonth,.chartTitle{display:block}.heroPulse{margin-top:14px}.premiumStatGrid{grid-template-columns:1fr}.dashboardHero h2{font-size:24px}.premiumStat b{font-size:21px}.dashSplit{gap:10px}.miniAppt{grid-template-columns:50px 1fr}}

/* ETAPA 2: Dashboard Premium - gráfico, insights e ranking */
.premiumChartCard.stage2{
  padding:20px;
  border-color:rgba(125,211,252,.26);
  background:
    radial-gradient(circle at 18% 0%,rgba(34,197,94,.10),transparent 34%),
    radial-gradient(circle at 95% 10%,rgba(14,165,233,.11),transparent 30%),
    linear-gradient(180deg,rgba(9,20,36,.95),rgba(4,11,22,.96));
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.premiumChartCard.stage2:hover{transform:translateY(-3px);border-color:rgba(125,211,252,.42);box-shadow:0 24px 55px rgba(0,0,0,.30),0 0 38px rgba(14,165,233,.07)}
.premiumChartCard.stage2 canvas{width:100%;border-radius:18px;display:block;cursor:crosshair}
.insightGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0}
.insightCard{position:relative;overflow:hidden;border:1px solid rgba(82,119,171,.32);border-radius:20px;background:linear-gradient(180deg,rgba(11,22,39,.94),rgba(5,13,26,.96));padding:16px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.insightCard:hover{transform:translateY(-4px);border-color:rgba(125,211,252,.42);box-shadow:0 20px 42px rgba(0,0,0,.26)}
.insightCard:after{content:"";position:absolute;right:-34px;top:-34px;width:96px;height:96px;border-radius:999px;background:rgba(14,165,233,.13);filter:blur(2px)}
.insightCard.positive:after{background:rgba(34,197,94,.18)}
.insightCard.negative:after{background:rgba(239,68,68,.16)}
.insightCard span{display:block;color:#9fb2cf;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.7px}
.insightCard b{display:block;color:#f8fbff;font-size:27px;margin:7px 0 4px;letter-spacing:-.4px}
.insightCard small{display:block;color:#8fa6c6;font-weight:800;line-height:1.35}
.insightCard.positive b{color:#a7ffc7}.insightCard.negative b{color:#ffb0b0}
.barberRankCard{margin:14px 0;background:linear-gradient(180deg,rgba(9,20,36,.92),rgba(5,13,26,.96))}
.barberRankGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.barberRankItem{position:relative;overflow:hidden;border:1px solid rgba(82,119,171,.30);border-radius:20px;background:rgba(7,17,31,.66);padding:15px;min-height:135px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.barberRankItem:hover{transform:translateY(-5px);border-color:rgba(34,197,94,.42);box-shadow:0 24px 44px rgba(0,0,0,.25),0 0 32px rgba(34,197,94,.06)}
.barberRankItem span{position:absolute;right:13px;top:11px;color:rgba(255,255,255,.18);font-size:28px;font-weight:1000}
.barberRankItem b{display:block;color:#f8fbff;font-size:18px;padding-right:45px}.barberRankItem small{display:block;color:#9fb2cf;margin-top:5px}.barberRankItem strong{display:block;color:#b7ffd0;font-size:24px;margin-top:16px}.barberRankItem em{display:block;color:#8fa6c6;font-style:normal;font-size:12px;font-weight:900;margin-top:3px}
.barberRankItem.rank1{background:radial-gradient(circle at top right,rgba(245,158,11,.16),transparent 40%),rgba(7,17,31,.66)}
.barberRankItem.rank2{background:radial-gradient(circle at top right,rgba(14,165,233,.13),transparent 40%),rgba(7,17,31,.66)}
.barberRankItem.rank3{background:radial-gradient(circle at top right,rgba(168,85,247,.13),transparent 40%),rgba(7,17,31,.66)}
@media(max-width:950px){.insightGrid,.barberRankGrid{grid-template-columns:1fr}.premiumChartCard.stage2{padding:14px}}

/* ETAPA 3: Dashboard de ação inteligente */
.actionCommand{
  margin:14px 0;
  background:
    radial-gradient(circle at 8% 0%,rgba(34,197,94,.12),transparent 34%),
    radial-gradient(circle at 96% 15%,rgba(14,165,233,.10),transparent 31%),
    linear-gradient(180deg,rgba(10,22,39,.95),rgba(4,11,22,.97));
  border-color:rgba(125,211,252,.25);
}
.actionGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
.actionItem{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;border:1px solid rgba(82,119,171,.32);background:rgba(7,17,31,.64);border-radius:18px;padding:13px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.actionItem:hover{transform:translateY(-4px);box-shadow:0 22px 40px rgba(0,0,0,.25);border-color:rgba(125,211,252,.42)}
.actionIcon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.actionItem b{display:block;color:#f8fbff;font-size:14px}.actionItem small{display:block;color:#94a8c6;margin-top:3px;font-weight:800;line-height:1.35}
.actionItem.danger{border-left:3px solid rgba(239,68,68,.85)}.actionItem.warn{border-left:3px solid rgba(245,158,11,.85)}.actionItem.ok{border-left:3px solid rgba(34,197,94,.85)}.actionItem.blue{border-left:3px solid rgba(14,165,233,.85)}
.actionButtons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.miniBtn{padding:8px 10px;font-size:12px;border-radius:12px;white-space:nowrap}
@media(max-width:900px){.actionGrid{grid-template-columns:1fr}.actionItem{grid-template-columns:42px 1fr}.actionButtons{grid-column:1 / -1;justify-content:flex-start}}

/* HOTFIX: Clientes fixos editável + gráfico mensal premium */
.wideModal{max-width:860px}
.fixedActions .primary{background:linear-gradient(135deg,#25c963,#18a95a);color:#06140a}
.premiumChartCard.stage2{position:relative;overflow:hidden}
.premiumChartCard.stage2:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at var(--mx,20%) var(--my,20%),rgba(125,211,252,.10),transparent 18%),radial-gradient(circle at 78% 22%,rgba(34,197,94,.07),transparent 20%);opacity:.65;pointer-events:none;transition:opacity .25s ease}
.premiumChartCard.stage2:hover:before{opacity:1}
.premiumChartCard.stage2:after{content:"";position:absolute;left:8%;right:8%;bottom:-42px;height:82px;background:radial-gradient(ellipse at center,rgba(14,165,233,.10),transparent 68%);pointer-events:none}
.premiumChartCard.stage2 canvas{height:240px!important;background:rgba(3,9,18,.18);transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}
.premiumChartCard.stage2:hover canvas{transform:translateY(-2px);filter:brightness(1.05);box-shadow:inset 0 0 32px rgba(14,165,233,.045)}
.chartLoading canvas{animation:chartEnter .82s ease both}
.chartHovering canvas{animation:softFloat 2.4s ease-in-out infinite}
.premiumChartCard.stage2 .chartTitle h3:after{content:" • Mensal";color:#67f497;font-size:13px;font-weight:900}
@keyframes chartEnter{from{opacity:.25;transform:translateY(10px) scale(.985);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes softFloat{0%,100%{transform:translateY(-2px)}50%{transform:translateY(-5px)}}
.premiumChartCard.stage2 .spark{position:absolute;width:3px;height:3px;border-radius:999px;background:#7dd3fc;box-shadow:0 0 12px #7dd3fc;opacity:.5;animation:sparkle 2.8s linear infinite;pointer-events:none}
.premiumChartCard.stage2 .spark:nth-child(1){left:16%;top:24%;animation-delay:.1s}.premiumChartCard.stage2 .spark:nth-child(2){left:68%;top:31%;animation-delay:1.1s}.premiumChartCard.stage2 .spark:nth-child(3){left:88%;top:70%;animation-delay:1.8s}
@keyframes sparkle{0%,100%{opacity:0;transform:translateY(8px) scale(.5)}45%{opacity:.7;transform:translateY(0) scale(1)}}
.premiumChartCard.stage2 .spark:nth-of-type(1){left:16%;top:24%;animation-delay:.1s}.premiumChartCard.stage2 .spark:nth-of-type(2){left:68%;top:31%;animation-delay:1.1s}.premiumChartCard.stage2 .spark:nth-of-type(3){left:88%;top:70%;animation-delay:1.8s}

/* HOTFIX: gráfico mensal visível e animado */
canvas#chart.chartLoading{animation:chartEnter .82s ease both}
canvas#chart.chartHovering{animation:softFloat 2.4s ease-in-out infinite}
@keyframes chartEnter{from{opacity:.15;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes softFloat{0%,100%{transform:translateY(-2px)}50%{transform:translateY(-5px)}}

/* HOTFIX ADM SAAS - controle mensal das barbearias */
.adminCommand{
  display:flex;justify-content:space-between;align-items:center;
  background:linear-gradient(135deg,rgba(18,28,46,.96),rgba(6,18,28,.96));
  border:1px solid rgba(83,151,220,.34);
  box-shadow:0 18px 55px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
}
.adminStats .stat{
  min-height:96px;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.adminStats .stat:hover{
  transform:translateY(-4px);
  border-color:rgba(48,211,123,.42);
  box-shadow:0 16px 45px rgba(48,211,123,.08);
}
.adminShopList{padding:24px;}
.adminShopCard{
  margin:14px 0;
  background:linear-gradient(135deg,rgba(9,20,35,.96),rgba(9,17,30,.9));
}
.adminShopCard summary{cursor:pointer;}
.adminShopCard[open]{
  border-color:rgba(48,211,123,.34);
  box-shadow:0 18px 50px rgba(0,0,0,.28),0 0 0 1px rgba(48,211,123,.05);
}
.adminShopCard .fixedAvatar{
  background:linear-gradient(135deg,rgba(48,211,123,.22),rgba(38,122,255,.18));
  color:#dfffea;
}
.statusPill.ok{border-color:rgba(48,211,123,.35);background:rgba(48,211,123,.1);color:#48f59a;}
.statusPill.warn{border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.1);color:#ffd27b;}
.statusPill.danger{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.12);color:#ff9a9a;}
.statusPill.info{border-color:rgba(56,189,248,.4);background:rgba(56,189,248,.1);color:#9be7ff;}
.modal textarea{
  width:100%;background:#071120;border:1px solid #244061;color:#fff;border-radius:14px;padding:12px;
}
.subPreview{margin:14px 0 8px;padding:14px 16px;border:1px solid rgba(74,144,226,.25);background:linear-gradient(135deg,rgba(74,144,226,.10),rgba(20,184,166,.06));border-radius:16px;color:#dbeafe;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.subPreview strong{color:#7dd3fc}.subPreview b{color:#fff}

/* =========================================================
   ZENBARBER PREMIUM V2 - ETAPA 1
   Identidade visual Zen Nature / Glassmorphism
   Foco: visual geral, sidebar, cards, botões e gráficos.
   Não altera regra de negócio.
   ========================================================= */
:root{
  --bg:#030712;
  --panel:rgba(10,18,32,.72);
  --panel2:rgba(15,23,42,.66);
  --line:rgba(148,163,184,.16);
  --txt:#f8fafc;
  --muted:#94a3b8;
  --green:#22c55e;
  --green2:#10b981;
  --jade:#34d399;
  --blue:#0f172a;
  --gold:#34d399;
  --red:#ef4444;
  --glass:rgba(255,255,255,.055);
  --glass2:rgba(255,255,255,.085);
  --shadow:0 24px 80px rgba(0,0,0,.42);
}
html{background:#030712;}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(34,197,94,.18),transparent 34%),
    radial-gradient(circle at 88% 18%,rgba(16,185,129,.12),transparent 30%),
    radial-gradient(circle at 50% 100%,rgba(6,78,59,.18),transparent 38%),
    linear-gradient(135deg,#020617 0%,#050816 46%,#030712 100%);
  color:var(--txt);
  letter-spacing:-.01em;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 82%);
}
button,
.fileLabel,
.switchLine{
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.045))!important;
  color:#f8fafc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 26px rgba(0,0,0,.22);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease;
}
button:hover,
.fileLabel:hover{
  transform:translateY(-2px);
  border-color:rgba(52,211,153,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 16px 36px rgba(0,0,0,.30),0 0 30px rgba(34,197,94,.10);
  filter:none;
}
button:active{transform:translateY(0) scale(.99)}
.primary,
.whats,
.nav button.active{
  background:linear-gradient(135deg,rgba(16,185,129,.92),rgba(34,197,94,.62))!important;
  color:#03130b!important;
  border-color:rgba(110,231,183,.46)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}
.gold{
  background:linear-gradient(135deg,rgba(52,211,153,.30),rgba(15,23,42,.50))!important;
  color:#d1fae5!important;
}
.danger{
  background:linear-gradient(135deg,rgba(239,68,68,.44),rgba(127,29,29,.34))!important;
  color:#fee2e2!important;
  border-color:rgba(248,113,113,.30)!important;
}
input,select,textarea{
  background:rgba(2,6,23,.50)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(52,211,153,.56)!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.10),inset 0 1px 0 rgba(255,255,255,.06);
}
.shell{
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg,rgba(15,23,42,.62),rgba(2,6,23,.76));
  box-shadow:var(--shadow),0 0 0 1px rgba(34,197,94,.04);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
}
.sidebar{
  background:linear-gradient(180deg,rgba(2,6,23,.92),rgba(6,12,23,.76));
  border-right:1px solid rgba(255,255,255,.08);
  position:relative;
  overflow:hidden;
}
.sidebar:before{
  content:"◯";
  position:absolute;
  right:-46px;
  top:70px;
  font-size:170px;
  line-height:1;
  color:rgba(52,211,153,.055);
  font-weight:300;
  pointer-events:none;
}
.logo,.brand .avatar.placeholder,.avatar.placeholder{
  background:linear-gradient(135deg,#34d399,#22c55e)!important;
  color:#03130b!important;
  box-shadow:0 12px 34px rgba(34,197,94,.25),inset 0 1px 0 rgba(255,255,255,.35);
}
.brand h1{font-size:25px;letter-spacing:-.04em}.brand p{color:#a7f3d0!important;font-weight:800}
.nav button{
  border-radius:16px!important;
  margin:7px 0;
  padding:13px 15px;
  color:#cbd5e1!important;
  box-shadow:none!important;
}
.nav button:not(.active){background:rgba(255,255,255,.025)!important;border-color:transparent!important}
.nav button:not(.active):hover{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important}
.content{
  background:linear-gradient(180deg,rgba(15,23,42,.44),rgba(2,6,23,.18));
}
.top h2,.loginCard h1,.hero h1{letter-spacing:-.055em}.muted{color:#9aa9bd!important}.card,.loginCard,.hero,.modal,.stat,.item,.barberBanner,.selectedBarber,.hoursDay,.timelineCard,.timeGroupBody,.groupedApptCard,.nextClient,.pastCollapsed{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.105)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 50px rgba(0,0,0,.23);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.card,.loginCard,.hero,.modal{border-radius:28px!important}.stat{border-radius:24px!important}.item{border-radius:22px!important}
.card h3{letter-spacing:-.04em}.stat b{color:#ecfdf5;text-shadow:0 0 22px rgba(34,197,94,.14)}
.pill,.statusBadge.confirmed,.statusBadge.paid{
  background:rgba(34,197,94,.12)!important;
  color:#a7f3d0!important;
  border:1px solid rgba(52,211,153,.22)!important;
}
canvas#chart{
  background:linear-gradient(180deg,rgba(2,6,23,.38),rgba(2,6,23,.18))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:24px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 40px rgba(0,0,0,.20),0 0 34px rgba(34,197,94,.07);
}
#toast{
  background:rgba(2,6,23,.82)!important;
  border:1px solid rgba(52,211,153,.28)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 28px rgba(34,197,94,.10);
  backdrop-filter:blur(18px);
}
.empty,.linkBox{
  background:rgba(2,6,23,.28)!important;
  border-color:rgba(148,163,184,.18)!important;
}
.dayChip.active,.nowDivider span{
  background:rgba(34,197,94,.12)!important;
  color:#a7f3d0!important;
  border-color:rgba(52,211,153,.28)!important;
  box-shadow:0 0 24px rgba(34,197,94,.10);
}
.groupTimeRail i,.cleanTimeline .timeRail i{background:#34d399!important;box-shadow:0 0 0 5px rgba(52,211,153,.10),0 0 24px rgba(52,211,153,.16)!important}
.cleanTimeline .timelineItem:not(:last-child) .timeRail:after,.timelineTimeGroup:not(:last-child) .groupTimeRail:after{background:linear-gradient(to bottom,rgba(52,211,153,.28),rgba(148,163,184,.12))!important}
.quickActions button,.nextActions button,.groupedExpand button{padding:10px 13px;border-radius:14px!important}
a button{width:100%}
@media(max-width:850px){.shell{border-radius:22px}.content{padding:22px 16px 34px}.sidebar:before{display:none}}

/* HOTFIX AGENDAMENTO PÚBLICO: mantém a confirmação sempre visível no card público */
#confirmPublicBtn{display:block!important;width:100%;position:sticky;bottom:10px;z-index:2;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.public .form{align-items:stretch}

/* HOTFIX WhatsApp barbearia após agendamento público */
.successBox{padding:12px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);margin:10px 0 14px;display:flex;flex-direction:column;gap:4px}
.successBox small{opacity:.82}

/* HOTFIX PWA DESKTOP: botão interno de instalação */
.pwaInstallButton{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:80;
  display:none;
  align-items:center;
  gap:9px;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#06130a;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  padding:13px 17px;
  font-weight:1000;
  box-shadow:0 18px 45px rgba(0,0,0,.35),0 0 0 1px rgba(34,197,94,.18);
}
.pwaInstallButton:hover{filter:brightness(1.06);transform:translateY(-1px)}
.pwaInstallButton.visible{display:flex}
.pwaInstallButton small{display:block;color:#06200f;font-weight:900;opacity:.86}
@media(max-width:650px){
  .pwaInstallButton{left:12px;right:12px;bottom:12px;justify-content:center;border-radius:18px}
}

/* HOTFIX: baixa rápida de atendimentos passados diretamente na Agenda */
.agendaSettleBanner{display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:rgba(239,68,68,.36);background:linear-gradient(135deg,rgba(127,29,29,.42),rgba(15,23,42,.78))}
.agendaSettleBanner h3{margin:0 0 4px}.agendaSettleBanner p{margin:0}.agendaSettleBanner button{white-space:nowrap}
.pastRowWithActions{grid-template-columns:62px 1fr minmax(90px,auto) auto}
.pastActions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.pastActions .miniBtn{padding:7px 9px;font-size:12px;border-radius:10px;min-height:0}
@media(max-width:850px){.agendaSettleBanner{display:block}.agendaSettleBanner button{width:100%;margin-top:12px}.pastRowWithActions{grid-template-columns:54px 1fr}.pastRowWithActions small{grid-column:2/3}.pastActions{grid-column:1/3;justify-content:stretch}.pastActions .miniBtn{flex:1;min-width:96px}}

.nextClientPanel{position:sticky;top:8px;z-index:5;margin:0 0 16px}
.nextClientPanel .nextClient{position:relative;top:auto;margin-bottom:10px}
.lateNextStack{border:1px solid rgba(239,68,68,.55);background:linear-gradient(135deg,rgba(75,20,30,.94),rgba(15,23,42,.98));border-radius:20px;padding:12px 14px;box-shadow:0 14px 32px rgba(0,0,0,.25)}
.lateNextTitle{color:#fecaca;font-weight:1000;font-size:13px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}
.lateNextRow{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgba(248,113,113,.35);border-left:5px solid #ef4444;background:rgba(127,29,29,.28);border-radius:16px;padding:10px 12px;margin-top:8px}
.lateNextRow span{display:block;color:#fecaca;font-size:11px;text-transform:uppercase;font-weight:1000;letter-spacing:.45px}
.lateNextRow b{display:block;color:#fff;font-size:15px;margin:2px 0}.lateNextRow small{color:#d7e2f5}.lateNextActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.lateNextActions button{padding:9px 11px}
@media(max-width:700px){.nextClientPanel{top:6px}.lateNextRow{display:block}.lateNextActions{margin-top:10px}.lateNextActions button{width:100%}}

/* ETAPA 1 COMERCIAL — Clientes ausentes + Dashboard Premium */
.absentCommand{position:relative;overflow:hidden;border:1px solid rgba(125,211,252,.18)}
.absentCommand:before{content:"";position:absolute;inset:-80px -120px auto auto;width:260px;height:260px;background:radial-gradient(circle,rgba(34,197,94,.18),transparent 68%);pointer-events:none}
.absentGrid{display:grid;gap:12px;margin-top:14px}
.absentItem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;background:rgba(15,23,42,.46);border:1px solid rgba(148,163,184,.14)}
.absentItem b{display:block;color:#f8fbff;margin-bottom:4px}.absentItem small{display:block;color:#9aa7bd;line-height:1.35}
.reactivationBox{margin-top:16px}.reactivationSummary{display:flex;align-items:center;gap:10px;margin:12px 0}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 11px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);color:#67f497;font-weight:800}
@media(max-width:720px){.absentItem{align-items:flex-start;flex-direction:column}.absentItem .miniBtn{width:100%}}

/* ETAPA 2 TESTE: Agenda Premium comercial */
.agendaKpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.agendaKpi{border:1px solid rgba(82,119,171,.34);background:linear-gradient(180deg,rgba(12,21,36,.98),rgba(8,16,30,.96));border-radius:18px;padding:14px 15px;box-shadow:0 12px 28px rgba(0,0,0,.20)}
.agendaKpi span{display:block;color:#9fb2cf;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.agendaKpi b{display:block;color:#fff;font-size:22px;margin:5px 0}.agendaKpi small{color:#9aa9bd}.agendaKpi.warning{border-color:rgba(245,158,11,.42)}
.barberBoardPanel{margin:14px 0}.barberBoardPanel>summary{display:flex;justify-content:space-between;gap:14px;align-items:center;cursor:pointer;list-style:none}.barberBoardPanel>summary::-webkit-details-marker{display:none}.barberBoardPanel>summary h3{margin:0}.barberBoardPanel>summary span{color:#9fb2cf;font-weight:900;font-size:12px;text-transform:uppercase}
.barberBoardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:16px}.barberBoardCol{border:1px solid rgba(82,119,171,.30);background:rgba(7,17,31,.58);border-radius:18px;padding:12px;min-height:160px}.barberBoardHead{display:grid;gap:8px;border-bottom:1px solid rgba(82,119,171,.20);padding-bottom:10px;margin-bottom:10px}.barberBoardHead b{color:#fff}.barberBoardHead small{display:block;color:#9fb2cf;margin-top:3px}.barberBoardHead i{height:7px;border-radius:999px;background:rgba(148,163,184,.16);overflow:hidden}.barberBoardHead i em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(14,165,233,.85),rgba(245,158,11,.85))}
.barberBoardAppt{border:1px solid rgba(82,119,171,.30);border-left:4px solid rgba(148,163,184,.85);background:linear-gradient(180deg,rgba(12,24,43,.96),rgba(8,18,34,.96));border-radius:15px;padding:10px 11px;margin-bottom:9px;cursor:grab}.barberBoardAppt:active{cursor:grabbing}.barberBoardAppt b{display:block;color:#fff}.barberBoardAppt small{display:block;color:#9fb2cf;margin-top:4px}.barberBoardAppt.pending{border-left-color:rgba(245,158,11,.85)}.barberBoardAppt.confirmed{border-left-color:rgba(34,197,94,.85)}.barberBoardAppt.late{border-left-color:rgba(239,68,68,.85)}.barberBoardAppt.fitin{border-left-color:rgba(217,119,6,.85)}.boardActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.boardActions button{padding:7px 9px;border-radius:10px!important;font-size:12px}.barberBoardEmpty{border:1px dashed rgba(148,163,184,.25);border-radius:14px;padding:13px;color:#9fb2cf;text-align:center}
.boardFreeSlots{border-top:1px solid rgba(82,119,171,.18);margin-top:10px;padding-top:10px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}.boardFreeSlots small{width:100%;color:#9fb2cf;font-weight:900}.boardFreeSlots em{color:#9fb2cf;font-size:12px}.boardDrop{border:1px dashed rgba(82,119,171,.42)!important;background:rgba(15,23,42,.74)!important;color:#dce8ff!important;border-radius:999px!important;padding:7px 10px!important;font-weight:900}.boardDrop.dragHover{background:rgba(34,197,94,.18)!important;border-color:rgba(34,197,94,.75)!important;transform:scale(1.04)}
.groupedApptCard[draggable="true"]{cursor:grab}.groupedApptCard[draggable="true"]:active{cursor:grabbing}.quickActions button{white-space:nowrap}
@media(max-width:800px){.agendaKpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.barberBoardPanel>summary{display:block}.barberBoardPanel>summary span{display:block;margin-top:8px}}
@media(max-width:520px){.agendaKpiGrid{grid-template-columns:1fr}.barberBoardGrid{grid-template-columns:1fr}}

/* ETAPA 3 TESTE: WhatsApp Inteligente */
.whatsCommandCenter{position:relative;overflow:hidden;border-color:rgba(34,197,94,.22)}
.whatsCommandCenter:before{content:"";position:absolute;right:-70px;top:-90px;width:220px;height:220px;background:radial-gradient(circle,rgba(34,197,94,.20),transparent 68%);pointer-events:none}
.whatsTodayGrid{display:grid;gap:12px;margin-top:14px}
.whatsTodayItem{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid rgba(82,119,171,.28);background:linear-gradient(180deg,rgba(12,24,43,.72),rgba(8,18,34,.82));border-radius:18px;padding:13px 14px}
.whatsTodayItem b{display:block;color:#fff;margin-bottom:4px}.whatsTodayItem small{display:block;color:#9fb2cf;line-height:1.35}
.whatsCommandBtns{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.whatsCommandBtns a{text-decoration:none}.whatsCommandBtns button{white-space:nowrap;padding:9px 11px;border-radius:12px!important;font-size:12px;font-weight:900;min-height:0}.whatsCommandBtns .miniBtn{padding:7px 9px;font-size:11px;border-radius:10px!important}
.timelineExpand .whatsCommandBtns,.groupedExpand .whatsCommandBtns{padding:9px;border:1px solid rgba(34,197,94,.16);background:rgba(34,197,94,.055);border-radius:16px}
.nextActions a button,.lateNextActions a button{width:auto}
@media(max-width:850px){.whatsTodayItem{grid-template-columns:1fr}.whatsCommandBtns{align-items:stretch}.whatsCommandBtns a,.whatsCommandBtns button{flex:1}.whatsCommandBtns button{width:100%}.nextActions a,.lateNextActions a{width:100%}.nextActions a button,.lateNextActions a button{width:100%}}

/* ===== Etapa 4A - Multiunidade Base ===== */
.topActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.unitSelector{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);padding:8px;border-radius:14px}
.unitSelector span{font-size:12px;color:var(--muted,#8d8d8d);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.unitSelector select{min-width:170px}
.multiHero{position:relative;overflow:hidden}
.unitCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}
.unitCard{border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:14px;background:rgba(255,255,255,.045);display:flex;flex-direction:column;gap:6px}
.unitCard.active{background:linear-gradient(135deg,rgba(245,190,80,.18),rgba(255,255,255,.04));border-color:rgba(245,190,80,.30)}
.unitCard b{font-size:15px}.unitCard small{color:var(--muted,#8d8d8d)}
.miniBtn{padding:7px 10px;font-size:12px;border-radius:10px}
@media(max-width:760px){.topActions{justify-content:flex-start}.unitSelector{width:100%;align-items:stretch;flex-direction:column}.unitSelector select{width:100%}}

/* ===== Etapa 4B - Central WhatsApp PRO ===== */
.whatsHeroPro{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(14,165,233,.08));border-color:rgba(34,197,94,.25)}
.whatsHeroStats{display:grid;grid-template-columns:auto auto;gap:4px 12px;align-items:center;background:rgba(6,17,31,.55);border:1px solid rgba(148,163,184,.16);border-radius:18px;padding:14px 18px;min-width:180px}
.whatsHeroStats b{font-size:28px;color:#67f497;line-height:1}.whatsHeroStats small{color:#9aa7bd;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.whatsTemplateEditor summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:16px}.whatsTemplateEditor summary::marker{display:none}.whatsTemplateEditor summary span{font-size:12px;color:#67f497;text-transform:uppercase;letter-spacing:.08em}
.whatsTemplateGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:16px 0}.whatsTemplateGrid label{display:flex;flex-direction:column;gap:8px}.whatsTemplateGrid textarea{width:100%;min-height:120px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.55);color:#f8fbff;padding:12px;resize:vertical;font-family:inherit;line-height:1.35}
.whatsCentralCard{position:relative;overflow:hidden}.whatsCentralCard:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#22c55e,#06b6d4,#a855f7);opacity:.7}.whatsCentralRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid rgba(148,163,184,.12)}.whatsCentralRow:first-of-type{border-top:0}.whatsCentralRow small{display:block;color:#9aa7bd;margin-top:3px}.whatsCommandBtns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.miniBtn{padding:8px 11px!important;border-radius:10px!important;font-size:12px!important;min-height:auto!important}.whatsCommandBtns a{text-decoration:none}
@media(max-width:760px){.whatsHeroPro,.whatsCentralRow{align-items:flex-start;flex-direction:column}.whatsHeroStats{width:100%;grid-template-columns:1fr 1fr}.whatsCommandBtns{justify-content:flex-start}.whatsCentralRow .whatsCommandBtns{width:100%}}

/* ===== Etapa 5 - ZenBarber PRO ===== */
.proHero{border:1px solid rgba(245,158,11,.28)}
.proAudit.ok{border-left:4px solid rgba(34,197,94,.75)}
.proAudit.warn{border-left:4px solid rgba(245,158,11,.85)}
.proAudit button{margin-left:auto}


/* ===== ETAPA 6 — UX Premium / Produto pronto para venda ===== */
:root{
  --zen-glass: rgba(8, 15, 28, .70);
  --zen-glow: 0 24px 70px rgba(0,0,0,.34), 0 0 38px rgba(34,197,94,.055);
}
body{background:radial-gradient(circle at 8% 0%, rgba(37,201,99,.18), transparent 28%),radial-gradient(circle at 86% 8%, rgba(14,165,233,.14), transparent 26%),linear-gradient(135deg,#02040a,#07111f 48%,#02040a);}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 78%);z-index:0}.page{position:relative;z-index:1}.shell{max-width:1320px;border-color:rgba(82,119,171,.42);background:rgba(9,17,31,.78);backdrop-filter:blur(18px);box-shadow:0 34px 110px rgba(0,0,0,.48)}.sidebar{background:linear-gradient(180deg,rgba(4,8,16,.98),rgba(8,15,28,.96));border-right:1px solid rgba(82,119,171,.22)}.brand{position:relative}.brand h1{letter-spacing:-.8px}.brand p{color:#9fb2cf}.brandProSeal{display:inline-block;margin-top:6px;padding:3px 8px;border-radius:999px;background:rgba(37,201,99,.14);border:1px solid rgba(37,201,99,.32);color:#67f497;font-weight:1000;font-size:10px;letter-spacing:1.4px}.nav{display:grid;gap:3px}.nav button{border:1px solid transparent;transition:transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease}.nav button:hover{transform:translateX(3px);background:rgba(82,119,171,.12);border-color:rgba(82,119,171,.22);filter:none}.nav button.active{background:linear-gradient(135deg,rgba(37,201,99,.24),rgba(14,165,233,.12));border-color:rgba(37,201,99,.35);box-shadow:inset 3px 0 0 #25c963, 0 12px 26px rgba(0,0,0,.18)}.content{background:linear-gradient(180deg,rgba(12,22,39,.92),rgba(7,14,27,.94));}.top{position:sticky;top:0;z-index:12;margin:-28px -24px 22px;padding:22px 24px 18px;background:rgba(9,17,31,.76);backdrop-filter:blur(16px);border-bottom:1px solid rgba(82,119,171,.20)}.top h2{letter-spacing:-1.3px}.topActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topActions>button{background:rgba(82,119,171,.18);border:1px solid rgba(82,119,171,.28)}.unitSelector{background:rgba(4,11,22,.72)!important;border-color:rgba(82,119,171,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.card,.item,.stat{backdrop-filter:blur(10px);box-shadow:var(--zen-glow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover,.stat:hover{border-color:rgba(82,119,171,.56);box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 42px rgba(14,165,233,.055)}.item:hover{transform:translateY(-2px);border-color:rgba(82,119,171,.55)}button{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}button:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,0,0,.22);filter:brightness(1.06)}.primary,.whats{box-shadow:0 14px 32px rgba(37,201,99,.16)}.etapa6Hero{min-height:230px;align-items:center;background:radial-gradient(circle at 78% 8%,rgba(37,201,99,.18),transparent 32%),radial-gradient(circle at 18% 10%,rgba(14,165,233,.14),transparent 30%),linear-gradient(135deg,rgba(14,25,44,.98),rgba(6,14,28,.96))!important;border-color:rgba(37,201,99,.26)!important;overflow:hidden}.etapa6Hero:after{content:"";position:absolute;right:-80px;bottom:-100px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(37,201,99,.12),transparent 62%);filter:blur(2px)}.etapa6Hero h2{font-size:38px;line-height:1.02}.heroQuickActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.heroQuickActions button{padding:11px 14px;border-radius:999px}.heroPulsePremium{min-width:210px;position:relative;z-index:2}.heroPulsePremium b{font-size:40px}.heroPulsePremium em{display:block;color:#c9d7ea;font-style:normal;font-weight:900;margin-top:5px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quickDock{position:sticky;top:92px;z-index:9;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;padding:12px;margin-top:-8px;background:rgba(7,17,31,.74)!important;border-color:rgba(82,119,171,.30)!important}.quickDock button{background:rgba(82,119,171,.16);border:1px solid rgba(82,119,171,.24);padding:12px 10px;color:#eaf1ff}.quickDock span{display:block;font-size:21px;margin-bottom:3px}.premiumStatGrid,.proStatgrid,.insightGrid,.barberRankGrid{animation:zenFadeUp .32s ease both}.premiumStat,.stat,.insightCard,.barberRankItem{position:relative;overflow:hidden}.premiumStat:before,.stat:before,.insightCard:before,.barberRankItem:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent)}.premiumStat b,.stat b{letter-spacing:-.8px}.chartTitle h3,.card h3{letter-spacing:-.5px}.smartAlert,.actionItem,.whatsTodayItem,.absentItem,.miniAppt{transition:transform .16s ease,border-color .16s ease,background .16s ease}.smartAlert:hover,.actionItem:hover,.whatsTodayItem:hover,.absentItem:hover,.miniAppt:hover{transform:translateY(-2px);border-color:rgba(37,201,99,.28)!important;background:rgba(12,24,43,.86)!important}@keyframes zenFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:950px){.top{position:static;margin:0 0 18px;padding:0 0 18px;background:transparent;backdrop-filter:none}.quickDock{position:static;grid-template-columns:repeat(2,1fr)}.etapa6Hero{display:block}.heroPulsePremium{margin-top:16px}.heroQuickActions button{width:100%}}@media(max-width:650px){.shell{border-radius:22px}.content{padding:18px 14px 32px}.sidebar{padding:18px 16px}.quickDock{grid-template-columns:1fr}.etapa6Hero h2{font-size:29px}.top h2{font-size:28px}.heroPulsePremium b{font-size:32px}}

/* HOTFIX: agenda do barbeiro + organização de serviços */
.serviceGroup{margin-top:18px}
.serviceSortList{display:flex;flex-direction:column;gap:10px}
.serviceDraggable{cursor:grab;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.08)}
.serviceDraggable:active{cursor:grabbing}
.serviceDraggable.dragHover{outline:2px solid rgba(34,197,94,.85);background:rgba(34,197,94,.08)}
.serviceDragHandle{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-weight:800;color:#9ca3af;flex:0 0 auto}
.barberInternalSchedule{border:1px solid rgba(34,197,94,.18);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.barberInternalSchedule h3::before{content:'⚡ ';}

/* HOTFIX: cards didáticos de serviços no agendamento público */
.publicServiceCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}
.publicServiceCard{width:100%;display:flex;align-items:center;gap:15px;text-align:left;min-height:112px;padding:16px;border-radius:22px;background:linear-gradient(135deg,rgba(10,18,32,.96),rgba(12,22,38,.88));border:1px solid rgba(83,111,154,.65);color:#fff;position:relative;overflow:hidden;transition:.18s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.publicServiceCard::before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;background:linear-gradient(135deg,rgba(34,197,94,.78),rgba(168,85,247,.66),rgba(56,189,248,.12));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55}
.publicServiceCard:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.85);filter:none;box-shadow:0 16px 38px rgba(0,0,0,.25)}
.publicServiceCard.selected{border-color:#22c55e;background:linear-gradient(135deg,rgba(20,83,45,.78),rgba(10,18,32,.96));box-shadow:0 0 0 2px rgba(34,197,94,.42),0 20px 48px rgba(34,197,94,.16)}
.publicServiceCard.selected::after{content:"✓";position:absolute;top:12px;right:13px;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#22c55e;color:#04110a;font-weight:1000}
.publicServiceCard.not-selected{opacity:.58;filter:grayscale(1) brightness(.66);background:#050910;border-color:rgba(255,255,255,.08)}
.serviceIcon{width:74px;height:74px;border-radius:999px;display:grid;place-items:center;flex:0 0 74px;background:radial-gradient(circle at 35% 30%,rgba(34,197,94,.18),rgba(3,7,18,.92));border:1px solid rgba(34,197,94,.5);box-shadow:0 0 0 1px rgba(168,85,247,.18)}
.serviceIcon b{font-size:28px;line-height:1;color:#86efac;text-shadow:0 0 18px rgba(34,197,94,.35)}
.serviceInfo{display:block;min-width:0}.serviceInfo strong{display:block;font-size:18px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serviceInfo small{display:block;color:#aeb9cc;font-weight:650;line-height:1.45;margin-top:6px}.serviceInfo em{display:inline-block;margin-top:8px;font-style:normal;font-size:12px;font-weight:1000;color:#04110a;background:#86efac;border-radius:999px;padding:5px 9px}
.publicServiceCard.not-selected .serviceInfo em{background:#475569;color:#dbeafe}.publicServiceCard.not-selected .serviceIcon{filter:grayscale(1) brightness(.72)}
@media(max-width:720px){.publicServiceCards{grid-template-columns:1fr}.publicServiceCard{min-height:104px}.serviceIcon{width:62px;height:62px;flex-basis:62px}.serviceInfo strong{font-size:17px}}

/* HOTFIX: link público premium - remove dropdown branco de horários e troca ícones por iniciais limpas */
.public #bt.hidden{display:none!important}
.publicTimeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 4px}
.publicTimeChip{min-height:48px;padding:12px 10px;border-radius:15px;background:linear-gradient(135deg,rgba(7,14,26,.96),rgba(15,23,42,.86))!important;border:1px solid rgba(148,163,184,.26)!important;color:#f8fafc!important;font-weight:1000;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);filter:none!important}
.publicTimeChip:hover{border-color:rgba(34,197,94,.72)!important;box-shadow:0 12px 28px rgba(0,0,0,.24),0 0 22px rgba(34,197,94,.10)}
.publicTimeChip.selected{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-color:rgba(134,239,172,.9)!important;color:#03130b!important;box-shadow:0 12px 32px rgba(34,197,94,.28)}
.publicTimeEmpty{grid-column:1/-1;margin:0;text-align:center;background:rgba(2,6,23,.42)}
.serviceIcon{border-radius:22px!important;background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(15,23,42,.92))!important;border:1px solid rgba(74,222,128,.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.18)!important}
.serviceIcon b{font-size:20px!important;letter-spacing:.08em;font-weight:1000;color:#bbf7d0!important;text-shadow:none!important;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif!important}
.publicServiceCard.not-selected{opacity:.72!important;filter:none!important;background:linear-gradient(135deg,rgba(15,23,42,.76),rgba(7,14,26,.88))!important}
.publicServiceCard.not-selected .serviceIcon{filter:none!important;opacity:.78}
.publicServiceCard.not-selected .serviceInfo em{background:rgba(148,163,184,.18)!important;color:#dbeafe!important}
@media(max-width:720px){.publicTimeGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:460px){.publicTimeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.publicTimeChip{min-height:46px}}

/* TESTE PREMIUM: link público com grade de horários, resumo rico e ícone/foto por serviço */
.public .dateOnly{display:grid;gap:8px;margin-top:4px}
.public .dateOnly input[type=date]{min-height:50px;border-radius:16px;background:linear-gradient(135deg,rgba(7,14,26,.96),rgba(15,23,42,.86))!important;border:1px solid rgba(34,197,94,.38)!important;color:#f8fafc!important;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.publicTimeGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;background:rgba(2,6,23,.24);border:1px solid rgba(148,163,184,.12);padding:10px;border-radius:18px}
.publicTimeChip{min-height:44px;border-radius:13px;font-size:15px;letter-spacing:.01em;position:relative;overflow:hidden}
.publicTimeChip.selected::after{content:'✓';margin-left:8px;font-weight:1000}
.serviceIconPhoto{overflow:hidden;padding:0!important;background:#020617!important}
.serviceIconPhoto img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.serviceManageItem{align-items:center}.serviceManageItem .serviceIcon{width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:14px!important}.serviceManageItem .serviceIcon b{font-size:15px!important}
.premiumBookingSummary{border:1px solid rgba(34,197,94,.26);background:linear-gradient(135deg,rgba(2,6,23,.72),rgba(15,23,42,.58));border-radius:20px;padding:14px;margin:10px 0 6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.premiumBookingSummary .summaryTitle{color:#22c55e;text-transform:uppercase;font-weight:1000;font-size:12px;letter-spacing:.08em;margin-bottom:12px}
.summaryGrid{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:10px;align-items:stretch}
.summaryBarber,.summaryInfo{display:flex;align-items:center;gap:10px;background:rgba(15,23,42,.62);border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:10px;min-width:0}
.summaryBarber .avatar{width:42px;height:42px;flex:0 0 42px}.summaryInfo{display:block}.summaryBarber small,.summaryInfo small{display:block;color:#9aa9bd;font-size:11px;font-weight:800}.summaryBarber strong,.summaryInfo strong{display:block;color:#fff;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barberHeroPremium{display:flex;justify-content:space-between;align-items:center;gap:16px;background:radial-gradient(circle at 80% 10%,rgba(34,197,94,.20),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.95),rgba(2,6,23,.96))!important}
.nextClientPremium{min-width:220px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.30);border-radius:20px;padding:14px;text-align:right}.nextClientPremium small{display:block;color:#9aa9bd;font-weight:900}.nextClientPremium b{display:block;font-size:34px;color:#86efac;line-height:1}.nextClientPremium strong{display:block;color:#fff;font-size:18px}.nextClientPremium span{color:#cbd5e1;font-weight:700}
.barberKpiGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.barberTodayItem{align-items:center}.barberTodayItem.next{border-color:rgba(34,197,94,.55)!important;background:linear-gradient(135deg,rgba(34,197,94,.10),rgba(15,23,42,.75))!important}.timeBubble{width:58px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.25);color:#86efac;font-weight:1000;flex:0 0 58px}
@media(max-width:1050px){.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.barberKpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.publicTimeGrid{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px}.summaryGrid{grid-template-columns:1fr}.barberHeroPremium{display:block}.nextClientPremium{text-align:left;margin-top:14px}.barberKpiGrid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.publicTimeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.barberKpiGrid{grid-template-columns:1fr}}


/* NEXTJUMPX: autonomia do barbeiro + agenda pública puxando disponibilidade individual */
.barberScheduleManager{border-color:rgba(34,197,94,.20)!important;background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(2,6,23,.88))!important}
.barberScheduleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.barberScheduleDay{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.58);border-radius:18px;padding:12px;display:grid;gap:10px}
.barberScheduleDay.open{border-color:rgba(34,197,94,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.barberScheduleDay.closed{opacity:.62;filter:grayscale(.4)}
.dayToggle{display:flex;align-items:center;gap:10px;color:#fff;font-weight:1000}.dayToggle input{width:18px;height:18px;accent-color:#22c55e}
.barberScheduleTimes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.barberScheduleTimes label{font-size:11px;color:#9aa9bd;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.barberScheduleTimes input{margin-top:4px;width:100%}
.barberApptActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.barberApptActions a{display:inline-flex;text-decoration:none}
@media(max-width:780px){.barberScheduleGrid{grid-template-columns:1fr}.barberScheduleTimes{grid-template-columns:1fr 1fr}.barberApptActions{justify-content:flex-start;width:100%}}

/* MÓDULO RETENÇÃO — Clientes para Recuperar */
.retentionHero{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,rgba(12,24,42,.98),rgba(5,12,24,.98));border-color:rgba(34,197,94,.22)}
.retentionHero h2{font-size:30px;margin:4px 0 8px}.zenScore{min-width:150px;text-align:center;border:1px solid var(--line);border-radius:24px;padding:18px;background:#07111f}.zenScore b{display:block;font-size:48px;line-height:1;font-weight:1000}.zenScore small,.zenScore em{display:block;color:var(--muted);font-style:normal}.zenScore.green b,.zenDashScore.green b{color:#22c55e}.zenScore.blue b,.zenDashScore.blue b{color:#0ea5e9}.zenScore.orange b,.zenDashScore.orange b{color:#f59e0b}.zenScore.red b,.zenDashScore.red b{color:#ef4444}
.zenFormula .zenParts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.zenParts span,.retentionDashGrid div{border:1px solid var(--line);border-radius:16px;background:#0a1220;padding:12px;color:var(--muted)}.zenParts b,.retentionDashGrid b{display:block;color:#fff;font-size:22px;margin-top:4px}.retentionBox{display:grid;gap:12px;margin-top:14px}.retentionClient{border:1px solid var(--line);border-left:5px solid #64748b;border-radius:22px;background:#0a1220;padding:15px}.retentionClient.green{border-left-color:#22c55e}.retentionClient.yellow{border-left-color:#eab308}.retentionClient.orange{border-left-color:#f97316}.retentionClient.red{border-left-color:#ef4444}.retentionMain{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.retentionMain strong{font-size:18px}.retentionMain small,.retentionStatus small{display:block;color:var(--muted);margin-top:4px}.retentionStatus{text-align:right}.retentionStatus b{font-size:22px}.retentionDot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;background:#64748b}.retentionDot.green{background:#22c55e}.retentionDot.yellow{background:#eab308}.retentionDot.orange{background:#f97316}.retentionDot.red{background:#ef4444}.retentionDetails{display:flex;gap:10px;flex-wrap:wrap;margin:13px 0}.retentionDetails span{border:1px solid rgba(82,119,171,.35);border-radius:999px;padding:7px 10px;color:#a9bfdc;font-size:12px}.retentionActions{display:flex;gap:10px;flex-wrap:wrap}.customerHistory{border:1px dashed rgba(82,119,171,.42);border-radius:18px;padding:12px;margin-top:12px;background:rgba(7,17,31,.70)}.customerHistory h4{margin:0 0 10px}.historyLine{display:grid;grid-template-columns:130px 1fr auto;gap:10px;padding:8px 0;border-top:1px solid rgba(82,119,171,.18);font-size:13px}.historyLine span,.historyLine small{color:var(--muted)}.retentionDashGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.zenDashScore{grid-row:span 1;text-align:center}.zenDashScore b{font-size:34px}.zenDashScore small{display:block;color:var(--muted)}
@media(max-width:850px){.retentionHero,.retentionMain{display:block}.zenScore{margin-top:14px}.zenFormula .zenParts,.retentionDashGrid{grid-template-columns:1fr 1fr}.historyLine{grid-template-columns:1fr}.retentionStatus{text-align:left;margin-top:10px}.retentionActions button,.retentionActions a,.retentionActions a button{width:100%}}
@media(max-width:520px){.zenFormula .zenParts,.retentionDashGrid{grid-template-columns:1fr}.retentionHero h2{font-size:24px}}

/* ===== MÓDULO MEU NEGÓCIO ===== */
.businessPage{display:flex;flex-direction:column;gap:18px}.businessPage.embedded{margin-top:18px}.businessHero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,rgba(34,197,94,.13),rgba(14,165,233,.08),rgba(168,85,247,.08));border:1px solid rgba(125,211,252,.18)}.businessHero h2{margin:5px 0 6px;font-size:clamp(24px,4vw,38px)}.businessSelect{min-width:220px;background:#09111d;border:1px solid rgba(125,211,252,.25);color:#f8fbff;border-radius:14px;padding:12px}.businessKpis .stat{position:relative;overflow:hidden}.businessKpis .stat:after{content:"";position:absolute;inset:auto -20px -35px auto;width:90px;height:90px;border-radius:999px;background:rgba(34,197,94,.08)}.goalCard{border-left:4px solid #ef4444}.goalCard.yellow{border-left-color:#facc15}.goalCard.green{border-left-color:#22c55e}.goalBars{display:grid;gap:14px;margin:14px 0}.goalBars span{display:block;font-weight:800;margin-bottom:8px}.goalBars i{display:block;height:12px;border-radius:999px;background:rgba(148,163,184,.15);overflow:hidden}.goalBars em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ef4444,#facc15,#22c55e)}.goalBars small{display:block;margin-top:7px;color:#9aa7bd}.goalForm{align-items:end}.businessTwo{display:grid;grid-template-columns:1fr 1fr;gap:18px}.businessRankItem,.riskClient{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(148,163,184,.13);border-radius:16px;background:rgba(255,255,255,.03);margin:8px 0}.businessRankItem span{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:rgba(125,211,252,.12);font-weight:900}.businessRankItem b,.riskClient b{display:block}.businessRankItem small,.riskClient small{display:block;color:#9aa7bd;margin-top:3px}.riskClient.warn{border-color:rgba(250,204,21,.28);background:rgba(250,204,21,.06)}.riskClient.danger{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.07)}.idleCard .bigNumber{font-size:54px;font-weight:950;letter-spacing:-2px}.opportunity{margin-top:12px;padding:14px;border-radius:16px;background:rgba(239,68,68,.09);border:1px solid rgba(239,68,68,.20)}.opportunity b{color:#fecaca}.scoreCircle{width:160px;height:160px;border-radius:999px;margin:14px auto;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(34,197,94,.22),rgba(14,165,233,.10) 55%,rgba(15,23,42,.85));border:1px solid rgba(125,211,252,.22);box-shadow:0 0 40px rgba(34,197,94,.10)}.scoreCircle b{font-size:52px;line-height:1}.scoreCircle span{display:block;color:#9ff3bf;font-weight:900}.forecastCard p{font-size:18px}.businessRankingTable .item{border:1px solid rgba(148,163,184,.13);border-radius:16px;margin:8px 0;background:rgba(255,255,255,.03)}.miniBtn{padding:8px 10px;border-radius:11px;font-size:12px}.businessPage h4{margin:16px 0 8px;color:#dbeafe}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#7dd3fc;font-weight:900}@media(max-width:900px){.businessHero,.businessRankItem,.riskClient{align-items:stretch;flex-direction:column}.businessTwo{grid-template-columns:1fr}.businessSelect{width:100%;min-width:0}.goalForm{grid-template-columns:1fr}.riskClient .row{justify-content:flex-start;flex-wrap:wrap}.businessKpis{grid-template-columns:1fr 1fr}.scoreCircle{width:132px;height:132px}.scoreCircle b{font-size:42px}}@media(max-width:520px){.businessKpis{grid-template-columns:1fr}.idleCard .bigNumber{font-size:42px}}

/* HOTFIX: bloqueio de agenda por gerente */
.agendaLockManager .barberLockItem.locked{border-color:rgba(255,88,88,.55);background:rgba(255,88,88,.06)}
.agendaLockManager .barberLockItem.locked strong:before{content:'🔒 ';}

/* HOTFIX: bloqueio de agenda por gerente */
.agendaLockManager .barberLockItem.locked{border-color:rgba(255,88,88,.55);background:rgba(255,88,88,.06)}
.agendaLockManager .barberLockItem.locked strong:before{content:'🔒 ';}

/* HOTFIX ACEITE DE TERMOS */
.termsGatePage{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:radial-gradient(circle at top,#2a2115 0,#101010 42%,#050505 100%)}
.termsGateCard{width:min(760px,100%);background:rgba(18,18,18,.96);border:1px solid rgba(212,175,55,.35);border-radius:24px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.termsGateCard h2{margin:18px 0 8px;font-size:28px}
.termsBox{margin:18px 0;padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);max-height:260px;overflow:auto}
.termsBox p{margin:0 0 12px;line-height:1.55;color:#e9e9e9}
.termsCheck{display:flex;gap:12px;align-items:flex-start;margin:14px 0;color:#f4f4f4;line-height:1.45;cursor:pointer;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px 14px}
.termsCheck input{width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px;margin:3px 0 0 0!important;padding:0!important;accent-color:#22c55e;box-shadow:none!important}
.termsCheck span{display:block;flex:1;text-align:left}
.termsCheck.compact{font-size:13px;margin:0;background:transparent;border:0;padding:0}
.termsAcceptBtn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35);background:#374151!important;color:#cbd5e1!important}
.termsAcceptBtn:disabled:hover{filter:grayscale(.35)}
.publicTermsBox{margin:10px 0 12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}

/* =========================================================
   ZENBARBER PRO — ATUALIZAÇÃO GRÁFICA PREMIUM BRILHO + SCROLL FIXO
   Mantém todas as funcionalidades/botões. Apenas visual e UX.
   ========================================================= */
:root{
  --bg:#03070c;
  --panel:#0b111a;
  --panel2:#101824;
  --line:rgba(146,170,205,.20);
  --txt:#f7fafc;
  --muted:#aab6c6;
  --green:#48ff72;
  --green-soft:#1f9b4b;
  --green2:#123f25;
  --gold:#f6c967;
  --zen-glow:0 24px 70px rgba(0,0,0,.40),0 0 38px rgba(72,255,114,.075);
}
html,body,#root{height:100%;}
body{
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 8%,rgba(72,255,114,.18),transparent 26%),
    radial-gradient(circle at 86% 0%,rgba(49,112,79,.22),transparent 32%),
    radial-gradient(circle at 70% 70%,rgba(246,201,103,.08),transparent 24%),
    linear-gradient(135deg,#03070c 0%,#07101b 48%,#02050a 100%)!important;
}
body:before{
  opacity:.95;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;
}
.page{
  height:100vh;
  min-height:100vh;
  overflow:hidden;
  padding:0!important;
}
.shell{
  width:100%;
  max-width:none!important;
  height:100vh;
  min-height:100vh;
  margin:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  display:grid;
  grid-template-columns:270px minmax(0,1fr)!important;
  background:rgba(4,8,14,.72)!important;
  border:0!important;
  box-shadow:none!important;
}
.sidebar{
  position:sticky;
  top:0;
  height:100vh;
  min-height:100vh!important;
  overflow:hidden;
  padding:28px 18px 22px!important;
  background:
    radial-gradient(circle at 30% 0%,rgba(246,201,103,.10),transparent 24%),
    linear-gradient(180deg,rgba(3,7,12,.98),rgba(4,9,15,.96))!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  box-shadow:18px 0 55px rgba(0,0,0,.34);
}
.sidebar:after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:120px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(72,255,114,.055),transparent);
}
.content{
  height:100vh;
  overflow-y:auto;
  overflow-x:hidden;
  padding:30px 32px 70px!important;
  background:
    radial-gradient(circle at 62% 4%,rgba(72,255,114,.08),transparent 28%),
    linear-gradient(180deg,rgba(7,13,22,.82),rgba(3,7,12,.92))!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(72,255,114,.60) rgba(255,255,255,.05);
}
.content::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.content::-webkit-scrollbar-thumb{background:linear-gradient(#48ff72,#1f9b4b);border-radius:999px;border:2px solid rgba(0,0,0,.35)}
.brand{
  padding-bottom:18px;
  margin-bottom:18px!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.brand .avatar,.brand .logo{
  box-shadow:0 0 0 1px rgba(246,201,103,.45),0 0 26px rgba(246,201,103,.24),0 0 30px rgba(72,255,114,.14)!important;
}
.brand h1{
  font-family:Georgia,'Times New Roman',serif;
  letter-spacing:.08em!important;
  text-transform:uppercase;
  color:#fff;
  text-shadow:0 0 22px rgba(246,201,103,.22);
}
.brand p{color:#dbe7f7!important;font-weight:800}.brandProSeal{color:#ffd778!important;border-color:rgba(246,201,103,.55)!important;background:rgba(246,201,103,.10)!important;box-shadow:0 0 18px rgba(246,201,103,.12)}
.nav{overflow-y:auto;overflow-x:hidden;padding-right:4px;margin-right:-4px;max-height:calc(100vh - 215px)}
.nav::-webkit-scrollbar{width:4px}.nav::-webkit-scrollbar-thumb{background:rgba(72,255,114,.45);border-radius:999px}
.nav button{
  display:flex!important;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:45px;
  margin:5px 0!important;
  color:#d9e3f0!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  padding:12px 14px!important;
  text-shadow:0 0 12px rgba(255,255,255,.06);
}
.nav button:hover{background:rgba(72,255,114,.09)!important;border-color:rgba(72,255,114,.22)!important;box-shadow:0 0 22px rgba(72,255,114,.10)!important;transform:translateX(4px)!important}
.nav button.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(72,255,114,.36),rgba(24,117,57,.22))!important;
  border-color:rgba(72,255,114,.70)!important;
  box-shadow:inset 3px 0 0 #48ff72,0 0 22px rgba(72,255,114,.28),0 13px 28px rgba(0,0,0,.25)!important;
}
.sidebar>.danger{
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(135deg,rgba(86,24,24,.92),rgba(32,12,16,.95))!important;
}
.top{
  position:sticky!important;
  top:-30px!important;
  z-index:20!important;
  margin:-30px -32px 22px!important;
  padding:25px 32px 19px!important;
  background:linear-gradient(180deg,rgba(4,8,14,.93),rgba(4,8,14,.73))!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(18px);
}
.top h2{
  font-size:34px!important;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:-.03em!important;
  text-shadow:0 0 24px rgba(72,255,114,.11);
}
.top .muted{color:#b9c7d8!important}.topActions>button,.unitSelector, .unitSelector select, .unitSelector button{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(4,9,15,.72)!important;
}
.card,.item,.stat,.premiumStat,.loginCard,.hero,.modal,.timelineCard,.timeGroupBody,.groupedApptCard,.barberBanner,.selectedBarber,.hoursDay,.nextClient,.pastCollapsed{
  background:linear-gradient(180deg,rgba(14,22,33,.88),rgba(5,10,17,.86))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:var(--zen-glow)!important;
}
.card:hover,.stat:hover,.premiumStat:hover{
  border-color:rgba(72,255,114,.34)!important;
  box-shadow:0 30px 82px rgba(0,0,0,.48),0 0 42px rgba(72,255,114,.11)!important;
}
.card h3,.chartTitle h3{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.08)}
button.primary,.primary{
  background:linear-gradient(135deg,#48ff72,#149944)!important;
  color:#041108!important;
  border:1px solid rgba(142,255,166,.58)!important;
  box-shadow:0 0 28px rgba(72,255,114,.23),0 14px 34px rgba(0,0,0,.30)!important;
}
button.whats,.whats{background:linear-gradient(135deg,#35e868,#12853b)!important;border:1px solid rgba(72,255,114,.38)!important;color:#041108!important}
button.gold,.gold{background:linear-gradient(135deg,#f6c967,#8a6419)!important;color:#150f05!important;border:1px solid rgba(246,201,103,.45)!important}
input,select,textarea{
  background:rgba(5,10,17,.84)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
input:focus,select:focus,textarea:focus{border-color:rgba(72,255,114,.66)!important;box-shadow:0 0 0 3px rgba(72,255,114,.09)!important}
.agendaPremiumHeader{
  background:radial-gradient(circle at 88% 12%,rgba(72,255,114,.26),transparent 28%),linear-gradient(135deg,rgba(9,27,17,.96),rgba(5,10,17,.90))!important;
  border-color:rgba(72,255,114,.32)!important;
  box-shadow:0 0 44px rgba(72,255,114,.12),0 25px 70px rgba(0,0,0,.35)!important;
}
.dayChip.selected,.dayChip.active{
  background:linear-gradient(135deg,rgba(72,255,114,.44),rgba(16,72,35,.34))!important;
  border-color:rgba(72,255,114,.85)!important;
  box-shadow:0 0 26px rgba(72,255,114,.30)!important;
}
.timelineItem.confirmed .timelineCard,.groupedApptCard.confirmed,.timelineCard:hover{
  border-color:rgba(72,255,114,.36)!important;
}
.timelineItem.confirmed .timeRail i,.statusBadge.confirmed,.groupTimeRail i{box-shadow:0 0 18px rgba(72,255,114,.35)!important}
.agendaKpi{border-color:rgba(72,255,114,.18)!important}.agendaKpi b{color:#fff;text-shadow:0 0 20px rgba(72,255,114,.12)}
.item strong,.timelineMain b,.groupedApptMain b{color:#fff}.muted, small{color:#aebbd0}
.pwaInstallButton{z-index:60!important}
@media(max-width:900px){
  body{overflow:auto}.page{height:auto;min-height:100vh;overflow:visible;padding:8px!important}.shell{height:auto;min-height:100vh;grid-template-columns:1fr!important;border-radius:24px!important;margin:0!important}.sidebar{position:relative;height:auto;min-height:auto!important;overflow:visible}.nav{max-height:none;overflow:visible}.content{height:auto;overflow:visible;padding:18px 14px 40px!important}.top{position:static!important;margin:0 0 18px!important;padding:0 0 18px!important;background:transparent!important}.top h2{font-size:28px!important}
}

/* =========================================================
   HOTFIX VISUAL ZEN BAMBU - 13/06/2026
   Foco: adicionar a pegada Zen premium (bambu, círculo enso,
   brilho elegante) sem alterar HTML, JS, botões ou regras.
   ========================================================= */
:root{
  --zen-gold:#d6b35f;
  --zen-jade:#39e58a;
  --zen-deep:#06110d;
}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(57,229,138,.20),transparent 32%),
    radial-gradient(circle at 86% 12%,rgba(214,179,95,.095),transparent 28%),
    radial-gradient(circle at 50% 100%,rgba(6,78,59,.22),transparent 42%),
    linear-gradient(135deg,#020617 0%,#050816 42%,#020607 100%)!important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:
    radial-gradient(circle at 75% 22%,rgba(214,179,95,.055) 0 12%,transparent 13% 100%),
    radial-gradient(circle at 76% 22%,transparent 0 8%,rgba(214,179,95,.07) 9% 10%,transparent 11% 100%),
    linear-gradient(rgba(255,255,255,.020) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.020) 1px,transparent 1px);
  background-size:100% 100%,100% 100%,42px 42px,42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent 88%);
}
body:after{
  content:"";
  position:fixed;
  right:-24px;
  top:74px;
  width:310px;
  height:720px;
  pointer-events:none;
  z-index:0;
  opacity:.26;
  filter:drop-shadow(0 0 28px rgba(57,229,138,.12));
  background:
    radial-gradient(ellipse at 55% 8%,rgba(57,229,138,.55) 0 5%,transparent 6%),
    radial-gradient(ellipse at 52% 24%,rgba(57,229,138,.45) 0 4%,transparent 5%),
    radial-gradient(ellipse at 50% 43%,rgba(57,229,138,.38) 0 4%,transparent 5%),
    radial-gradient(ellipse at 49% 61%,rgba(57,229,138,.32) 0 4%,transparent 5%),
    linear-gradient(90deg,transparent 0 46%,rgba(57,229,138,.30) 47% 49%,rgba(214,179,95,.18) 50%,rgba(57,229,138,.25) 51% 53%,transparent 54% 100%),
    linear-gradient(35deg,transparent 0 45%,rgba(57,229,138,.25) 46% 48%,transparent 49% 100%),
    linear-gradient(-35deg,transparent 0 46%,rgba(57,229,138,.21) 47% 49%,transparent 50% 100%),
    linear-gradient(20deg,transparent 0 60%,rgba(57,229,138,.18) 61% 63%,transparent 64% 100%);
  border-radius:40% 0 0 40%;
}
.shell,.loginWrap,.public,.modalBack{position:relative;z-index:1}
.sidebar{
  background:
    radial-gradient(circle at 78% 14%,rgba(57,229,138,.10),transparent 22%),
    linear-gradient(180deg,rgba(2,6,23,.95),rgba(4,12,12,.86))!important;
}
.sidebar:before{
  content:"友"!important;
  right:20px!important;
  top:44px!important;
  font-size:112px!important;
  color:rgba(214,179,95,.10)!important;
  text-shadow:0 0 32px rgba(214,179,95,.08);
  transform:rotate(-8deg);
}
.sidebar:after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  top:118px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,179,95,.55),transparent);
  pointer-events:none;
}
.brand h1,.top h2,.card h3,.hero h1,.loginCard h1{
  text-shadow:0 0 24px rgba(57,229,138,.075),0 1px 0 rgba(255,255,255,.05);
}
.brand h1:after{
  content:"";
  display:block;
  width:78px;
  height:1px;
  margin-top:7px;
  background:linear-gradient(90deg,var(--zen-gold),transparent);
  box-shadow:0 0 16px rgba(214,179,95,.20);
}
.logo,.brand .avatar.placeholder,.avatar.placeholder{
  box-shadow:0 12px 36px rgba(34,197,94,.28),0 0 0 1px rgba(214,179,95,.18),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.card,.loginCard,.hero,.modal,.stat,.item,.barberBanner,.selectedBarber,.hoursDay,.timelineCard,.timeGroupBody,.groupedApptCard,.nextClient,.pastCollapsed,.premiumStat,.premiumChartCard{
  position:relative;
  overflow:hidden;
}
.card:before,.loginCard:before,.hero:before,.modal:before,.premiumChartCard:before{
  content:"";
  position:absolute;
  right:-72px;
  top:-72px;
  width:190px;
  height:190px;
  pointer-events:none;
  border-radius:50%;
  border:1px solid rgba(214,179,95,.065);
  box-shadow:inset 0 0 0 18px rgba(214,179,95,.018),0 0 36px rgba(57,229,138,.035);
  opacity:.95;
}
.card:after,.hero:after,.premiumStat:before{
  content:"";
  position:absolute;
  right:28px;
  bottom:-20px;
  width:105px;
  height:145px;
  pointer-events:none;
  opacity:.105;
  background:
    linear-gradient(90deg,transparent 0 45%,rgba(57,229,138,.80) 46% 49%,rgba(214,179,95,.45) 50%,rgba(57,229,138,.70) 51% 54%,transparent 55% 100%),
    linear-gradient(38deg,transparent 0 56%,rgba(57,229,138,.70) 57% 61%,transparent 62% 100%),
    linear-gradient(-38deg,transparent 0 42%,rgba(57,229,138,.62) 43% 47%,transparent 48% 100%);
  filter:blur(.1px);
}
.nav button.active{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px rgba(214,179,95,.13),0 12px 34px rgba(34,197,94,.22)!important;
}
.primary,.whats{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 34px rgba(34,197,94,.24),0 0 0 1px rgba(214,179,95,.10)!important;
}
button:hover,.fileLabel:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 16px 36px rgba(0,0,0,.30),0 0 34px rgba(57,229,138,.14),0 0 0 1px rgba(214,179,95,.09)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(57,229,138,.58)!important;
  box-shadow:0 0 0 4px rgba(57,229,138,.10),0 0 24px rgba(214,179,95,.035),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.stat b,.premiumStat b{
  text-shadow:0 0 22px rgba(57,229,138,.16),0 0 10px rgba(214,179,95,.04)!important;
}
.content{
  background:
    radial-gradient(circle at 62% 0%,rgba(57,229,138,.065),transparent 30%),
    linear-gradient(180deg,rgba(15,23,42,.44),rgba(2,6,23,.18))!important;
}
@media(max-width:850px){
  body:after{display:none}
  .card:after,.hero:after,.premiumStat:before{opacity:.055}
  .sidebar:before{display:none!important}
}

/* HOTFIX: Central de Novidades / notificações de atualização */
.zenUpdateOverlay{position:fixed;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:22px}
.zenUpdateModal{width:min(560px,100%);border:1px solid rgba(57,229,138,.22);border-radius:28px;background:linear-gradient(180deg,rgba(26,31,38,.98),rgba(10,16,22,.98));box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 0 1px rgba(214,179,95,.08);padding:28px;position:relative;overflow:hidden}
.zenUpdateModal:before,.updatesHero:before{content:"";position:absolute;right:-80px;top:-80px;width:210px;height:210px;border-radius:50%;border:1px solid rgba(214,179,95,.10);box-shadow:inset 0 0 0 20px rgba(57,229,138,.025);pointer-events:none}
.zenUpdateModal h2{margin:14px 0 6px;font-size:30px}
.zenUpdateBadge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(57,229,138,.10);border:1px solid rgba(57,229,138,.22);color:#c9ffe1;font-weight:800;font-size:13px}
.zenUpdateList{display:grid;gap:10px;margin:18px 0;padding:0;list-style:none}
.zenUpdateList li{padding:13px 14px;border:1px solid rgba(148,163,184,.12);border-radius:16px;background:rgba(15,23,42,.38);color:#e5edf5}
.zenUpdateActions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}
.updatesHero{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}
.updatesHero h2{margin:12px 0 6px}.pageList{max-width:820px}
@media(max-width:700px){.updatesHero{display:block}.zenUpdateActions{justify-content:stretch}.zenUpdateActions button{flex:1}.zenUpdateModal{padding:22px}}

/* =========================================================
   HOTFIX 16/06/2026 - MODAIS E CLIQUES DE EDIÇÃO
   Corrige regressão causada pelo tema Zen que sobrescreveu
   .modalBack de fixed para relative. Isso fazia os modais de
   Editar barbeiro/serviço serem criados, mas não aparecerem.
   Também neutraliza artes decorativas grandes sobre os cards.
   ========================================================= */
.modalBack{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:9998!important;
  display:grid!important;
  place-items:center!important;
  padding:20px!important;
  background:rgba(0,0,0,.72)!important;
}
.modalBack .modal{
  position:relative!important;
  z-index:9999!important;
  max-height:92vh!important;
  overflow:auto!important;
}
/* O popup de novidades continua acima de tudo */
.zenUpdateOverlay{z-index:10000!important;}
/* Evita que efeitos visuais capturem clique ou apareçam grandes demais */
.card:before,.card:after,.stat:before,.stat:after,.premiumStat:before,.premiumStat:after,
.hero:before,.hero:after,.modal:before,.modal:after,.premiumChartCard:before,.premiumChartCard:after,
.whatsCommandCenter:before,.absentCommand:before,.etapa6Hero:after,.businessKpis .stat:after{
  pointer-events:none!important;
}
/* Remove bolhas coloridas gigantes que vazavam na Central WhatsApp */
.whatsCentralCard:after,.whatsCommandCenter:after{
  content:none!important;
  display:none!important;
}
.whatsCentralCard:before{
  inset:0 0 auto 0!important;
  height:3px!important;
  width:auto!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:.7!important;
}

/* Controle de Caixa PRO */
.cashHero{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(212,175,55,.25)}
.cashLockCard{max-width:760px;margin:0 auto}
.cashRow strong{display:block}
.cashRow .row{justify-content:flex-end}