/* Hora Exata · novo visual do painel (etapa 1: Início, Agenda e opções do atendimento) */
:root{--he-navy:#13263D;--he-primary:#173C62;--he-gold:#C9A35C;--he-ground:#F2F4F7;--he-muted:#52647A;--he-line:#E3E8EF;--he-green:#17623F;--he-red:#B42318;--he-orange:#9A5B12}
#he-app,#he-legacy-bar{display:none}
body.he-on{background:var(--he-ground)!important;margin:0}
body.he-on:not(.he-legacy)>*:not(#he-app):not(#he-sheet):not(#he-toast):not(script){display:none!important}
body.he-on:not(.he-legacy) #he-app{display:flex}
body.he-legacy>header,body.he-legacy>.demo-notice,body.he-legacy>footer,body.he-legacy #client,body.he-legacy #shop,body.he-legacy #admin,body.he-legacy #owner-shortcuts,body.he-legacy #real-panel>.top{display:none!important}
body.he-legacy #account{display:block!important}
body.he-legacy:not(.he-legacy-steps) #he-first-steps{display:none!important}
body.he-legacy-steps #real-panel>[data-panel-section]{display:none!important}
body.he-legacy:not(.he-legacy-sub) #subscription-card{display:none!important}
body.he-legacy-sub #real-panel>[data-panel-section]{display:none!important}
body.he-legacy main{padding-top:64px}
body.he-legacy #he-legacy-bar{display:flex;position:fixed;top:0;left:0;right:0;z-index:50;height:56px;align-items:center;gap:6px;padding:0 12px 0 6px;background:var(--he-navy);color:#fff;font-family:'Figtree',system-ui,sans-serif;box-shadow:0 2px 8px rgba(19,38,61,.25)}
#he-legacy-bar button{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer}
#he-legacy-bar span{font-size:15px;color:#DDE5EF;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#he-app{position:fixed;inset:0;flex-direction:column;background:var(--he-ground);color:var(--he-navy);font-family:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.35;-webkit-font-smoothing:antialiased;z-index:40}
#he-app *{box-sizing:border-box}
#he-app button{font:inherit;color:inherit;cursor:pointer}
#he-app a{color:var(--he-primary)}
#he-app h1,#he-app h2{font-family:inherit;margin:0;color:inherit;letter-spacing:normal;border:0;padding:0;background:none;text-transform:none}
#he-app .he-head{color:#fff}
#he-app .he-filter.is-sel{color:#fff!important}
#he-app button{text-transform:none;letter-spacing:normal;box-shadow:none}
.he-screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:24px}
.he-head{background:var(--he-navy);color:#fff;padding:20px 20px 18px;display:flex;flex-direction:column;gap:12px}
.he-head-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.he-brand{font-size:20px;font-weight:800;letter-spacing:-.2px}.he-brand b{color:var(--he-gold)}
.he-sub{font-size:14px;color:#B7C4D6}
.he-title{margin:0;font-size:24px;font-weight:800;line-height:1.15}
.he-help{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--he-gold);color:#E9D3A6!important;display:flex;align-items:center;justify-content:center;font-weight:800;text-decoration:none}
.he-iconbtn{width:44px;height:44px;flex:none;border:1px solid #3A5272!important;border-radius:12px;background:transparent;color:#fff!important;display:flex;align-items:center;justify-content:center}
.he-body{padding:16px;display:flex;flex-direction:column;gap:14px}
.he-home .he-body{margin-top:-14px}
.he-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.he-stat{background:#fff;border-radius:14px;padding:12px;box-shadow:0 2px 8px rgba(19,38,61,.08);display:flex;flex-direction:column;gap:2px;min-width:0}
.he-stat small{font-size:14px;color:var(--he-muted);font-weight:600}
.he-stat strong{font-size:22px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.he-stat span{font-size:14px;color:var(--he-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.he-card{background:#fff;border-radius:16px;box-shadow:0 1px 4px rgba(19,38,61,.06)}
.he-alert{border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:12px;background:#FFF7E6;border:1px solid #E6C27A;color:#6F481B}
.he-alert div{flex:1;display:flex;flex-direction:column;gap:2px}.he-alert strong{font-size:15px}.he-alert span{font-size:14px}
.he-btn{border:0;border-radius:12px;min-height:48px;padding:0 16px;font-size:16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.he-btn-primary{background:var(--he-primary);color:#fff!important}
.he-btn-gold{background:var(--he-gold);color:var(--he-navy)!important}
.he-btn-ghost{background:#fff;border:1px solid #C8D3E1;color:var(--he-navy)!important}
.he-btn-small{min-height:44px;padding:0 12px;font-size:14px;border-radius:10px;flex:none}
.he-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.he-section-head h2{margin:0;font-size:18px;font-weight:800}
.he-link{background:none;border:0;padding:8px 0;font-size:15px;font-weight:700;color:var(--he-primary)!important}
.he-list{display:flex;flex-direction:column}
.he-row{display:flex;align-items:center;gap:12px;padding:12px 6px 12px 14px;border-bottom:1px solid #EEF1F5;width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left}
.he-row:last-child{border-bottom:0}
.he-time{width:56px;flex:none;display:flex;flex-direction:column}
.he-time b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.he-time span{font-size:14px;color:var(--he-muted)}
.he-bar{width:4px;align-self:stretch;border-radius:4px;flex:none}
.he-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.he-info b{font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.he-info span{font-size:14px;color:var(--he-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.he-tag{font-size:14px;font-weight:800}
.he-dots{width:44px;height:44px;flex:none;border:0;background:transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--he-muted)}
.he-appt{background:#fff;border-radius:14px;box-shadow:0 1px 4px rgba(19,38,61,.06);margin-bottom:8px;border:0}
.he-appt.is-off{opacity:.65}.he-appt.is-off .he-info b{text-decoration:line-through}
.he-appt.is-noshow{opacity:.8}.he-appt.is-noshow .he-info b{text-decoration:none}
.he-chip{font-size:14px;font-weight:700;padding:5px 9px;border-radius:999px;flex:none;white-space:nowrap}
.he-days{display:grid;grid-template-columns:44px repeat(7,minmax(0,1fr)) 44px;gap:5px;align-items:stretch}
.he-day{border:0;border-radius:12px;padding:6px 0;background:#22395A;color:#DDE5EF;display:flex;flex-direction:column;align-items:center;min-height:54px;justify-content:center}
.he-day small{font-size:13px;font-weight:700;text-transform:uppercase}.he-day b{font-size:18px;font-weight:800}
.he-day.is-sel{background:var(--he-gold);color:var(--he-navy)}
.he-day.is-today:not(.is-sel){box-shadow:inset 0 0 0 2px var(--he-gold)}
.he-arrow{border:1px solid #3A5272!important;background:transparent;color:#fff!important;border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:54px}
.he-filters{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 0;scrollbar-width:none}
.he-filters::-webkit-scrollbar{display:none}
.he-filter{border:1px solid #C8D3E1;background:#fff;color:var(--he-navy);font-size:14px;font-weight:700;padding:8px 14px;border-radius:999px;min-height:40px;flex:none}
.he-filter.is-sel{background:var(--he-primary);border-color:var(--he-primary);color:#fff}
.he-summary{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px 8px;gap:8px}
.he-summary b{font-size:15px}.he-summary span{font-size:14px;color:var(--he-muted)}
.he-empty{padding:28px 16px;text-align:center;color:var(--he-muted);font-size:15px}
.he-notice{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid #EEF1F5}
.he-notice:last-child{border-bottom:0}
.he-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:none}
.he-notice div{display:flex;flex-direction:column;gap:2px;min-width:0}.he-notice b{font-size:15px}.he-notice span{font-size:14px;color:var(--he-muted)}

.he-nav{background:#fff;border-top:1px solid var(--he-line);padding:8px 8px calc(12px + env(safe-area-inset-bottom));display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:end;flex:none}
.he-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;color:#5B6B80;font-size:14px;font-weight:600;min-height:52px;justify-content:center;padding:0}
.he-nav button.is-sel{color:var(--he-primary);font-weight:800}
.he-nav .he-plus{color:var(--he-navy);font-weight:700;justify-content:flex-end}
.he-nav .he-plus i{width:54px;height:54px;border-radius:50%;background:var(--he-gold);display:flex;align-items:center;justify-content:center;margin-top:-26px;box-shadow:0 4px 12px rgba(19,38,61,.25)}

.he-menu a,.he-menu button{display:flex;align-items:center;gap:14px;padding:0 16px;min-height:58px;border:0;border-bottom:1px solid #EEF1F5;background:none;width:100%;text-align:left;text-decoration:none;color:var(--he-navy)!important;font-size:16px;font-weight:600}
.he-menu>*:last-child{border-bottom:0}
.he-menu i{width:36px;height:36px;border-radius:10px;background:#EEF3F9;color:var(--he-primary);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:15px;flex:none}
.he-menu em{flex:1;font-style:normal}

.he-scrim{position:fixed;inset:0;background:rgba(19,38,61,.55);z-index:60;display:flex;align-items:flex-end;animation:he-fade .15s ease-out}
.he-sheet{width:100%;max-width:560px;margin:0 auto;background:#fff;border-radius:22px 22px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;max-height:92vh;overflow-y:auto;animation:he-up .2s ease-out;font-family:'Figtree',system-ui,sans-serif;color:var(--he-navy)}
.he-grip{width:44px;height:5px;border-radius:999px;background:#C8D3E1;align-self:center}
.he-sheet-head{display:flex;gap:14px;align-items:flex-start}
.he-sheet-head .he-time b{font-size:22px}
.he-sheet-head .he-info b{font-size:19px;font-weight:800;white-space:normal}
.he-sheet-head .he-info span{white-space:normal}
.he-action{display:flex;align-items:center;gap:14px;min-height:60px;padding:8px 16px;border-radius:14px;border:0;text-decoration:none;font-size:16px;font-weight:800;text-align:left;width:100%}
.he-action span{display:flex;flex-direction:column;flex:1}.he-action small{font-size:14px;font-weight:600}
.he-a-green{background:#E2F2E9;color:var(--he-green)!important}
.he-a-orange{background:#FFF1D6;color:#7A4A0E!important}
.he-a-blue{background:#EEF3F9;color:var(--he-primary)!important}
.he-a-red{background:#fff;border:1px solid #F1B5AE!important;color:var(--he-red)!important}
.he-a-redfill{background:var(--he-red);color:#fff!important;justify-content:center}
.he-note{font-size:14px;color:var(--he-muted);text-align:center}
.he-close{min-height:50px;border:0;background:none;font-size:16px;font-weight:700;color:var(--he-muted)}
.he-toast{position:fixed;left:16px;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:70;background:var(--he-navy);color:#fff;border-radius:14px;padding:14px 16px;font-family:'Figtree',system-ui,sans-serif;font-size:15px;font-weight:600;box-shadow:0 6px 20px rgba(19,38,61,.3);display:flex;gap:12px;align-items:center}
.he-toast.is-error{background:var(--he-red)}
.he-toast button{margin-left:auto;border:0;background:rgba(255,255,255,.15);color:#fff;border-radius:10px;min-height:40px;padding:0 12px;font:inherit;font-weight:800}
.he-loading{padding:40px 16px;text-align:center;color:var(--he-muted)}
@keyframes he-up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@keyframes he-fade{from{opacity:0}to{opacity:1}}
@media (min-width:700px){#he-app .he-screen>*{max-width:640px;margin-left:auto;margin-right:auto}.he-nav{padding-left:calc(50% - 320px);padding-right:calc(50% - 320px)}}
/* formulários reaproveitados (dados do estabelecimento e assinatura) dentro do visual novo */
#he-app .he-moved .card{background:#fff;border-radius:16px;box-shadow:0 1px 4px rgba(19,38,61,.06);border:0;padding:16px;margin:0}
#he-app .he-moved .card>h2:first-child{display:none}
#he-app .he-moved input,#he-app .he-moved select,#he-app .he-moved textarea{font-size:16px;min-height:46px;border-radius:10px}
#he-app .he-moved button{min-height:48px;border-radius:12px;font-weight:800}

/* aplicativo instalado (Play Store): sem botão ou link de pagamento externo */
html.he-native #subscription-pay,html.he-native #subscription-checkout,html.he-native a[href*="hotmart.com"]{display:none!important}