/* JOGA Demo Experience — only public-demo guidance chrome. Core UI remains owned by JOGA Core. */
.joga-demo-core-native{margin:0;background:#eef1ed}
.joga-demo-intro[hidden],.joga-demo-tour[hidden],.joga-demo-client-manager-cta[hidden]{display:none!important}
.joga-demo-intro{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px;background:rgba(4,7,5,.64);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.joga-demo-intro-panel{width:min(880px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#0a0d0a;color:#f7f8f5;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:28px;box-shadow:0 28px 90px rgba(0,0,0,.32);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.joga-demo-intro-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.joga-demo-intro-top>span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#ff5b9e}.joga-demo-intro-top button{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font-size:24px;cursor:pointer}
.joga-demo-intro-copy{max-width:680px;margin-top:30px}.joga-demo-intro-copy small{font-size:11px;letter-spacing:.14em;color:#929b93}.joga-demo-intro-copy h1{margin:8px 0 12px;font-size:clamp(34px,6vw,62px);line-height:.98;letter-spacing:-.055em}.joga-demo-intro-copy p{margin:0;color:#aeb5af;font-size:16px;line-height:1.6}
.joga-demo-intro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0}.joga-demo-intro-grid article{min-width:0;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035)}.joga-demo-intro-grid b{display:block;color:#ff5b9e;font-size:11px;margin-bottom:24px}.joga-demo-intro-grid strong{display:block;font-size:14px}.joga-demo-intro-grid p{margin:7px 0 0;color:#879087;font-size:12px;line-height:1.45}
.joga-demo-intro-actions{display:flex;flex-wrap:wrap;gap:9px}.joga-demo-intro-actions button,.joga-demo-intro-actions a{min-height:46px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:transparent;color:#fff;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;font:700 13px/1 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer}.joga-demo-intro-actions .is-primary{background:#ff4f95;border-color:#ff4f95;color:#0a0b0a}.joga-demo-intro-foot{display:block;margin-top:18px;color:#6e786f;font-size:11px}
.joga-demo-dock{position:fixed;z-index:99990;right:18px;bottom:18px;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);box-shadow:0 10px 35px rgba(0,0,0,.12);font:700 11px/1 Inter,system-ui,sans-serif}.joga-demo-dock a,.joga-demo-dock button{border:0;background:transparent;color:#202520;text-decoration:none;border-radius:999px;padding:10px 12px;cursor:pointer}.joga-demo-dock button{background:#161a16;color:#fff}
.joga-demo-tour{position:fixed;z-index:999998;right:24px;bottom:84px;width:min(380px,calc(100vw - 32px));padding:20px;border-radius:22px;background:#0b0e0b;color:#f7f8f5;border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 68px rgba(0,0,0,.3);font-family:Inter,system-ui,sans-serif}.joga-demo-tour-progress{display:flex;align-items:center;gap:10px;margin-bottom:16px}.joga-demo-tour-progress span{font-size:10px;color:#8b948c;white-space:nowrap}.joga-demo-tour-progress i{height:3px;flex:1;background:rgba(255,255,255,.09);border-radius:99px;overflow:hidden}.joga-demo-tour-progress em{display:block;height:100%;width:0;background:#ff4f95;border-radius:inherit;transition:width .25s ease}.joga-demo-tour>small{font-size:10px;font-weight:800;letter-spacing:.13em;color:#ff5b9e}.joga-demo-tour h2{margin:7px 0 8px;font-size:22px;letter-spacing:-.035em}.joga-demo-tour p{margin:0;color:#a7afa8;font-size:13px;line-height:1.55}.joga-demo-tour-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.joga-demo-tour-actions button{min-height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;padding:0 13px;font:700 11px Inter,system-ui;cursor:pointer}.joga-demo-tour-actions .is-primary{margin-left:auto;background:#ff4f95;border-color:#ff4f95;color:#0b0e0b}
.joga-demo-tour-target{position:relative!important;z-index:99996!important;outline:3px solid rgba(255,79,149,.78)!important;outline-offset:5px!important;border-radius:18px!important}.joga-demo-tour-mask{position:fixed;inset:0;z-index:99995;pointer-events:none;background:rgba(3,6,4,.18)}
@media(max-width:820px){.joga-demo-intro{padding:12px}.joga-demo-intro-panel{padding:20px;border-radius:22px;max-height:calc(100vh - 24px)}.joga-demo-intro-grid{grid-template-columns:1fr 1fr}.joga-demo-dock{right:10px;bottom:10px}.joga-demo-dock a:last-child{display:none}.joga-demo-tour{right:12px;bottom:70px}.joga-demo-tour-target{outline-offset:2px!important}}
@media(max-width:520px){.joga-demo-intro-grid{grid-template-columns:1fr}.joga-demo-intro-copy{margin-top:18px}.joga-demo-intro-copy h1{font-size:38px}.joga-demo-intro-actions>*{width:100%}.joga-demo-dock a{display:none}}
@media(prefers-reduced-motion:reduce){.joga-demo-tour-progress em{transition:none}}
/* V1.2.0 — public demo reliability + Gestão identity */
.joga-demo-core-native .joga-control-brand-mark.joga-demo-brand-mark{overflow:hidden;background:#09070b!important;box-shadow:none!important;padding:0!important;border:1px solid rgba(255,255,255,.09)}
.joga-demo-core-native .joga-control-brand-mark.joga-demo-brand-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.joga-demo-load-failure{position:fixed;z-index:1000001;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.11);background:#0c0e0d;color:#f4f6f3;box-shadow:0 24px 80px rgba(0,0,0,.38);font-family:Inter,system-ui,sans-serif}
.joga-demo-load-failure[hidden]{display:none!important}.joga-demo-load-failure small{display:block;color:#ff5b9e;font-size:10px;font-weight:850;letter-spacing:.13em}.joga-demo-load-failure h2{margin:8px 0 8px;font-size:24px;letter-spacing:-.04em}.joga-demo-load-failure p{margin:0;color:#9aa39b;font-size:13px;line-height:1.55}.joga-demo-load-failure div{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.joga-demo-load-failure button,.joga-demo-load-failure a{min-height:42px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#f7f8f5;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font:750 12px Inter,system-ui;cursor:pointer}.joga-demo-load-failure button{background:#ff4f95;border-color:#ff4f95;color:#080a08}


/* V1.3.1 — readability polish for public Gestão demo */
.joga-demo-intro-top>span,.joga-demo-tour>small,.joga-demo-load-failure small{font-size:11px;font-weight:900}
.joga-demo-intro-copy small,.joga-demo-tour-progress span,.joga-demo-intro-foot{color:#a4ada6;font-size:12px}
.joga-demo-intro-copy h1{font-weight:820}
.joga-demo-intro-copy p,.joga-demo-tour p,.joga-demo-load-failure p{color:#d0d6d1;font-size:15px;font-weight:460;line-height:1.65}
.joga-demo-intro-grid strong{font-size:15px;font-weight:820}
.joga-demo-intro-grid p{color:#bcc4be;font-size:13px;line-height:1.55}
.joga-demo-intro-actions button,.joga-demo-intro-actions a,.joga-demo-tour-actions button,.joga-demo-load-failure button,.joga-demo-load-failure a{font-size:12px;font-weight:850}
.joga-demo-dock{background:rgba(255,255,255,.93);box-shadow:0 16px 44px rgba(0,0,0,.14)}
.joga-demo-dock a,.joga-demo-dock button{font-size:12px;font-weight:850}
.joga-demo-tour h2,.joga-demo-load-failure h2{font-weight:820}
/* Safe readability overrides over Core screens, only inside public demo wrapper */
.joga-demo-core-native .joga-control-brand-copy strong{font-size:15px!important;font-weight:820!important}
.joga-demo-core-native .joga-control-brand-copy small{font-size:9px!important;font-weight:900!important;letter-spacing:.16em!important}
.joga-demo-core-native .joga-control-nav button b{font-size:12px!important;font-weight:780!important}
.joga-demo-core-native .joga-control-page-head p{font-size:12px!important;line-height:1.6!important;font-weight:560!important}
.joga-demo-core-native .joga-control-card>header small,
.joga-demo-core-native .joga-control-kicker,
.joga-demo-core-native .joga-control-sync,
.joga-demo-core-native .joga-control-demo-pill,
.joga-demo-core-native .joga-control-page-head>div:last-child:not(:first-child),
.joga-demo-core-native .joga-control-sidebar-foot small{font-size:11px!important;font-weight:760!important;letter-spacing:.09em!important}
.joga-demo-core-native .joga-control-primary,
.joga-demo-core-native .joga-control-ghost,
.joga-demo-core-native .joga-card-actions button,
.joga-demo-core-native .joga-control-page-head>button,
.joga-demo-core-native .joga-row-actions>button,
.joga-demo-core-native .joga-provider-card footer button,
.joga-demo-core-native .joga-channel-head button,
.joga-demo-core-native .joga-channel-row>button{font-size:11px!important;font-weight:860!important}
.joga-demo-core-native .joga-control-card p,
.joga-demo-core-native .joga-live-summary p,
.joga-demo-core-native .joga-provider-card header small,
.joga-demo-core-native .joga-channel-row small,
.joga-demo-core-native .joga-integration-intro p,
.joga-demo-core-native .joga-channel-head p,
.joga-demo-core-native .joga-public-hero p,
.joga-demo-core-native .joga-readiness-item,
.joga-demo-core-native .joga-resource-state small,
.joga-demo-core-native .joga-attention-item small,
.joga-demo-core-native .joga-week-day p,
.joga-demo-core-native .joga-week-day small,
.joga-demo-core-native .joga-day-booking small,
.joga-demo-core-native .joga-day-booking time,
.joga-demo-core-native .joga-now-booking small,
.joga-demo-core-native .joga-now-booking time,
.joga-demo-core-native .joga-now-lane>header small,
.joga-demo-core-native .joga-live-clock small{font-size:12px!important;line-height:1.55!important;font-weight:560!important}
.joga-demo-core-native .joga-control-status,
.joga-demo-core-native .joga-week-day header,
.joga-demo-core-native .joga-op-action,
.joga-demo-core-native .joga-section-inline-title span,
.joga-demo-core-native .joga-performance-foot,
.joga-demo-core-native .joga-performance-foot b,
.joga-demo-core-native .joga-agenda-modebar button,
.joga-demo-core-native .joga-day-lane>header strong,
.joga-demo-core-native .joga-now-lane>header strong,
.joga-demo-core-native .joga-now-booking strong,
.joga-demo-core-native .joga-day-booking strong,
.joga-demo-core-native .joga-reservation-person strong,
.joga-demo-core-native .joga-person-cell strong,
.joga-demo-core-native .joga-provider-card header strong,
.joga-demo-core-native .joga-channel-row strong{font-size:12px!important;font-weight:780!important}
.joga-demo-core-native .joga-control-page-head h1,
.joga-demo-core-native .joga-control-card>header h2,
.joga-demo-core-native .joga-channel-head h2{font-weight:820!important}
.joga-demo-core-native .joga-live-summary strong,
.joga-demo-core-native .joga-live-clock b,
.joga-demo-core-native .joga-control-metric strong{font-weight:820!important}
/* Public page hero readability */
.joga-demo-core-native .joga-public-hero{position:relative;overflow:hidden;isolation:isolate}
.joga-demo-core-native .joga-public-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,8,.18),rgba(7,9,8,.48));pointer-events:none;z-index:0}
.joga-demo-core-native .joga-public-hero>*{position:relative;z-index:1}
.joga-demo-core-native .joga-public-hero h2,
.joga-demo-core-native .joga-public-hero strong,
.joga-demo-core-native .joga-public-hero b{color:#f7f9f6!important;text-shadow:0 1px 1px rgba(0,0,0,.18)}
.joga-demo-core-native .joga-public-hero p,
.joga-demo-core-native .joga-public-hero small,
.joga-demo-core-native .joga-public-hero span{color:rgba(247,249,246,.88)!important;text-shadow:0 1px 1px rgba(0,0,0,.18)}
@media(max-width:760px){
  .joga-demo-core-native .joga-control-page-head p{font-size:11px!important}
  .joga-demo-core-native .joga-control-nav button b{font-size:11px!important}
  .joga-demo-core-native .joga-control-mobile-nav button b{font-size:9px!important;font-weight:850!important}
}
