/* CALYON BUSINESS OS — UI V2 / mobile-first product system */
:root{--cx-gold:#e5c158;--cx-bg:#080a0d;--cx-panel:#11151b;--cx-panel2:#0d1116;--cx-line:rgba(255,255,255,.075);--cx-muted:#7f8998;--cx-text:#f4f6f8}
html{scroll-behavior:smooth}body{overscroll-behavior-x:none}button,a,input,select,textarea{touch-action:manipulation}
/* PUBLIC CUSTOMER EXPERIENCE */
.bo-home .bo-home-header{height:72px;transition:background .2s,box-shadow .2s}.bo-home .bo-home-header.scrolled{background:rgba(7,9,12,.94)!important;box-shadow:0 10px 40px rgba(0,0,0,.28)}
.bo-home .bo-home-header>div{height:72px}
.bo-home .bo-home-header .bo-home-login-btn{display:inline-flex}
.bo-public-mobile-quick{display:none}
.bo-hero-v2{position:relative;min-height:min(760px,92svh);display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);background:#0b0d11}
.bo-hero-v2-media{position:absolute;inset:0}.bo-hero-v2-media img,.bo-hero-v2-media video{width:100%;height:100%;object-fit:cover;display:block}.bo-hero-v2-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,7,.94) 0%,rgba(4,5,7,.70) 42%,rgba(4,5,7,.20) 100%),linear-gradient(0deg,rgba(4,5,7,.96),transparent 48%)}
.bo-hero-v2-content{position:relative;z-index:2;width:100%;padding:150px 0 58px}.bo-hero-v2-inner{max-width:1480px;margin:auto;padding:0 5vw}.bo-hero-v2-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(229,193,88,.25);background:rgba(229,193,88,.07);border-radius:999px;color:var(--cx-gold);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.bo-hero-v2-title{max-width:850px;font-size:clamp(48px,7vw,94px);line-height:.88;letter-spacing:-.065em;text-transform:uppercase;font-weight:950;margin:18px 0 14px}.bo-hero-v2-copy{max-width:570px;color:#b4bbc5;font-size:14px;line-height:1.7}.bo-hero-v2-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.bo-hero-v2-actions .bo-btn{min-height:50px;padding:0 18px}.bo-hero-v2-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.bo-hero-v2-meta span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.09);background:rgba(7,9,12,.54);backdrop-filter:blur(12px);border-radius:12px;font-size:9px;color:#aeb5bf;font-weight:700}.bo-hero-v2-meta i{color:var(--cx-gold)}
.bo-home .bo-section{scroll-margin-top:90px}.bo-home .bo-section-head{align-items:flex-end}.bo-home .bo-section-head h2{font-weight:950}.bo-home .bo-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bo-home .bo-service-card{position:relative;overflow:hidden}.bo-home .bo-service-card .bo-service-photo{aspect-ratio:16/10}.bo-home .bo-service-card:after{content:"→";position:absolute;right:16px;bottom:16px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(229,193,88,.10);color:var(--cx-gold);font-weight:900}
.bo-home .bo-team-card{position:relative}.bo-home .bo-team-photo{aspect-ratio:4/5}.bo-home .bo-team-card .bo-team-body{min-height:88px}
/* BOOKING */
.bo-booking-page{background:radial-gradient(700px 450px at 85% 0,rgba(229,193,88,.07),transparent 60%),#080a0d!important}.bo-booking-page .bo-booking-header{border-bottom:1px solid rgba(255,255,255,.08)!important}.bo-booking-page .bo-booking-main{max-width:1180px!important;margin:auto!important;width:100%;padding-top:34px!important}.bo-booking-stepbar{display:flex;gap:8px;margin:0 0 20px}.bo-booking-stepbar span{flex:1;height:4px;border-radius:999px;background:#20252e}.bo-booking-stepbar span.active{background:var(--cx-gold)}
/* CLIENT APP */
body.cx-client-app{background:radial-gradient(800px 500px at 85% -10%,rgba(229,193,88,.08),transparent 60%),#080a0d!important}.cx-client-shell{max-width:1200px;margin:auto;width:100%}.cx-client-hero{border:1px solid var(--cx-line);border-radius:24px;background:linear-gradient(135deg,#171b22,#0e1116);padding:24px;position:relative;overflow:hidden}.cx-client-hero:after{content:"";position:absolute;width:260px;height:260px;right:-100px;top:-130px;border-radius:50%;background:rgba(229,193,88,.08)}.cx-client-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cx-client-quick a{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--cx-line);border-radius:15px;background:#10141a;color:#e9edf2;text-decoration:none;font-size:11px;font-weight:800}.cx-client-quick a i{color:var(--cx-gold)}.cx-client-mobile-nav{display:none}
/* BARBER APP */
body.cx-barber-app{background:radial-gradient(700px 500px at 80% -10%,rgba(229,193,88,.07),transparent 60%),#080a0d!important}.cx-barber-hero{border:1px solid var(--cx-line);border-radius:22px;background:linear-gradient(135deg,#171b22,#0d1116);padding:22px}.cx-barber-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cx-barber-stat{padding:15px;border:1px solid var(--cx-line);background:#10141a;border-radius:15px}.cx-barber-stat strong{display:block;font-size:24px;letter-spacing:-.04em}.cx-barber-stat span{font-size:9px;color:var(--cx-muted);text-transform:uppercase;letter-spacing:.08em}.cx-barber-mobile-nav{display:none}
/* MOBILE APP MODE */
@media(max-width:768px){
 html{font-size:16px}.bo-home .bo-home-header,.bo-home .bo-home-header>div{height:60px}.bo-home .bo-home-header>div{padding:0 12px!important}.bo-home .bo-home-header .bo-home-actions{gap:5px}.bo-home .bo-home-header .bo-home-login-btn{display:none}.bo-home .bo-home-header .inline-flex.h-10{height:38px!important}.bo-home .bo-home-header img{width:34px!important;height:34px!important}.bo-home .bo-home-header strong{font-size:10px!important}.bo-home .bo-home-header span{font-size:7px!important}
 .bo-public-mobile-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 12px 0}.bo-public-mobile-quick a{min-height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#11151b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#aeb5bf;text-decoration:none;font-size:8px;font-weight:900;text-transform:uppercase}.bo-public-mobile-quick a.primary{background:var(--cx-gold);color:#08090b;border-color:var(--cx-gold)}.bo-public-mobile-quick i{font-size:14px}
 .bo-hero-v2{min-height:calc(100svh - 60px);margin-top:60px}.bo-hero-v2-content{padding:0 0 28px}.bo-hero-v2-inner{padding:0 16px}.bo-hero-v2-media:after{background:linear-gradient(0deg,rgba(4,5,7,.98) 5%,rgba(4,5,7,.60) 58%,rgba(4,5,7,.15) 100%)}.bo-hero-v2-title{font-size:clamp(43px,13vw,62px);max-width:100%;margin:14px 0}.bo-hero-v2-copy{font-size:12px;line-height:1.6}.bo-hero-v2-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px}.bo-hero-v2-actions .bo-btn{width:100%;min-height:52px}.bo-hero-v2-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.bo-hero-v2-meta span{font-size:8px;min-height:38px}.bo-hero-v2-meta span:last-child{grid-column:1/-1}
 .bo-home .bo-section{padding:48px 0!important}.bo-home .bo-section-head{display:block!important;margin-bottom:16px!important;padding:0 2px}.bo-home .bo-section-head h2{font-size:31px!important}.bo-home .bo-section-head p{font-size:10px!important;line-height:1.55!important;margin-top:7px!important}.bo-home .bo-service-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:9px!important;padding:2px 2px 10px!important;margin-right:-12px}.bo-home .bo-service-card{min-width:78vw;max-width:78vw;scroll-snap-align:start;padding:14px!important;border-radius:17px!important}.bo-home .bo-service-card h3{font-size:14px!important}.bo-home .bo-service-card p{font-size:10px!important;min-height:auto!important}.bo-home .bo-service-card .price{font-size:17px!important}.bo-home .bo-team-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:9px!important;padding:2px 2px 10px!important;margin-right:-12px}.bo-home .bo-team-card{min-width:66vw;max-width:66vw;scroll-snap-align:start}.bo-home .bo-feature-band{gap:9px!important}.bo-home .bo-feature-box{padding:18px!important;border-radius:18px!important}.bo-home .bo-feature-box h3{font-size:18px!important}.bo-home footer{padding-bottom:100px!important} .bo-booking-page .bo-booking-main{padding:16px 12px 28px!important}.bo-booking-page .bo-booking-header{position:sticky!important;top:0}.bo-booking-page #formAgendamento{box-shadow:0 18px 55px rgba(0,0,0,.24);border-color:rgba(255,255,255,.08)!important}.bo-booking-page #formAgendamento input,.bo-booking-page #formAgendamento select{height:54px!important;min-height:54px!important;font-size:16px!important}.bo-booking-page #formAgendamento button{height:54px!important;min-height:54px!important;font-size:11px!important}
 body.cx-client-app{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}.cx-client-shell{padding:0 12px!important}.cx-client-hero{padding:18px!important;border-radius:19px}.cx-client-hero h1{font-size:27px!important}.cx-client-quick{grid-template-columns:1fr 1fr!important}.cx-client-quick a{min-height:52px;padding:12px!important}.cx-client-mobile-nav{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:130;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;background:rgba(11,13,17,.96);border:1px solid rgba(255,255,255,.09);border-radius:19px;box-shadow:0 18px 60px rgba(0,0,0,.55);backdrop-filter:blur(18px)}.cx-client-mobile-nav a{min-height:50px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#7f8998;text-decoration:none;font-size:11px;font-weight:900;min-height:44px}.cx-client-mobile-nav a.active{background:var(--cx-gold);color:#090a0c}.cx-client-mobile-nav i{font-size:15px}
 body.cx-barber-app{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;min-height:100dvh;overscroll-behavior-x:none;-webkit-tap-highlight-color:transparent}.cx-barber-hero{padding:17px!important;border-radius:18px}.cx-barber-hero h1{font-size:25px!important}.cx-barber-stats{grid-template-columns:1fr 1fr!important}.cx-barber-stat:last-child{grid-column:1/-1}.cx-barber-stat strong{font-size:22px}.cx-barber-mobile-nav{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:130;display:grid;grid-template-columns:repeat(3,1fr);padding:6px;background:rgba(11,13,17,.96);border:1px solid rgba(255,255,255,.09);border-radius:19px;box-shadow:0 18px 60px rgba(0,0,0,.55)}.cx-barber-mobile-nav a{min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#7f8998;text-decoration:none;font-size:11px;font-weight:900;border-radius:13px;min-height:44px}.cx-barber-mobile-nav a.active{background:var(--cx-gold);color:#090a0c}.cx-barber-mobile-nav i{font-size:15px}
}
@media(max-width:430px){.bo-hero-v2-title{font-size:45px}.bo-hero-v2-copy{font-size:11px}.bo-public-mobile-quick a{font-size:10px}.cx-client-quick{grid-template-columns:1fr 1fr!important}}
@media(max-width:768px){
  body.cx-client-app .overflow-x-auto{overflow:visible!important}
  body.cx-client-app #tabelaAgendamentos{display:block!important}
  body.cx-client-app #tabelaAgendamentos thead{display:none!important}
  body.cx-client-app #tabelaAgendamentos tbody{display:grid!important;gap:9px}
  body.cx-client-app #tabelaAgendamentos tbody tr{display:grid!important;grid-template-columns:1fr 1fr;gap:6px 10px;padding:14px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:16px!important;background:#10141a!important}
  body.cx-client-app #tabelaAgendamentos tbody td{display:block!important;padding:0!important;border:0!important;font-size:10px!important;min-width:0!important}
  body.cx-client-app #tabelaAgendamentos tbody td:nth-child(1){grid-column:1/-1;font-size:13px!important;font-weight:900!important;color:#f4f6f8!important}
  body.cx-client-app #tabelaAgendamentos tbody td:nth-child(2):before{content:'Profissional';display:block;color:#687382;font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
  body.cx-client-app #tabelaAgendamentos tbody td:nth-child(3):before{content:'Data';display:block;color:#687382;font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
  body.cx-client-app #tabelaAgendamentos tbody td:nth-child(4):before{content:'Horário';display:block;color:#687382;font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
  body.cx-client-app #tabelaAgendamentos tbody td:nth-child(5):before{content:'Valor';display:block;color:#687382;font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
  body.cx-client-app #tabelaAgendamentos tbody td:nth-child(6){text-align:left!important;margin-top:4px}
  body.cx-client-app #tabelaAgendamentos tbody td:nth-child(7){grid-column:1/-1;margin-top:5px}
  body.cx-client-app #tabelaAgendamentos tbody td:nth-child(7) a,body.cx-client-app #tabelaAgendamentos tbody td:nth-child(7) button{width:100%!important;min-height:42px!important}
  body.cx-client-app .h-48{height:190px!important}
  body.cx-client-app canvas{max-width:100%!important}
}