.barber-appointment{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--panel-line,var(--line))}.barber-appointment:last-child{border-bottom:0}.barber-time{min-width:62px;display:flex;flex-direction:column;gap:4px}.barber-time b{font-size:22px;letter-spacing:-1px}.barber-time span,.barber-appointment small{font-size:12px;color:var(--panel-muted)}.barber-appointment-body{min-width:0;flex:1}.barber-appointment p{margin:8px 0 14px}.barber-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.barber-card-heading h3{margin:0}.barber-slots{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.barber-slots small{width:100%;color:var(--panel-muted)}.barber-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.barber-service{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.barber-service .status{position:absolute;right:20px;top:24px}.barber-service h3,.barber-service p{margin:0}.barber-service p{flex:1}.barber-service-icon{display:block;width:52px;height:52px;padding:10px;border:1px solid var(--panel-line);border-radius:16px;margin-bottom:16px}.barber-service-icon .nav-icon{width:100%;height:100%;margin:0}.barber-service-icon svg{width:100%;height:100%}.barber-service-price{display:flex;gap:15px;align-items:center;justify-content:space-between;width:100%;margin:20px 0}.barber-service-price strong{font-size:28px;letter-spacing:-1px}.barber-service-price span{font-size:13px;color:var(--panel-muted)}.barber-agenda-tools{display:flex;gap:24px;align-items:end;justify-content:space-between;flex-wrap:wrap}.barber-agenda-tools label{margin-top:0}.barber-agenda-tools input{width:100%;min-width:180px}.barber-customer-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.barber-receipt-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--panel-line)}.barber-receipt-card p{margin:6px 0}.barber-ticket{background:#fff;color:#222;padding:30px;max-width:420px;margin:10px auto 24px;border:1px solid #ddd;text-align:center;font:14px/1.7 monospace;overflow-wrap:anywhere}.barber-ticket img{width:70px;height:70px;object-fit:contain}.barber-ticket h3,.barber-ticket p,.barber-ticket b{color:#222!important}.barber-ticket hr{border:0;border-top:1px dashed #777;margin:20px 0}.barber-hours-row{border:1px solid var(--panel-line);border-radius:14px;margin:18px 0;padding:16px}.barber-check{display:flex!important;align-items:center;gap:10px}.barber-check input{width:20px!important;height:20px}.barber-hours-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.barber-hours-inputs label{margin:0;grid-column:1}.barber-hours-inputs input{grid-column:2;margin:0;min-width:0}
.barber-public{--ink:var(--panel-ink);--muted:var(--panel-muted);--line:var(--panel-line);max-width:1200px;margin:auto;padding:0 32px;color:var(--panel-ink);font-family:'Plus Jakarta Sans',Arial,sans-serif}.barber-public a{color:inherit;text-decoration:none}.barber-public-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid var(--panel-line)}.barber-public-brand{display:flex;gap:14px;align-items:center;font-weight:800;font-size:20px}.barber-public-brand img{width:52px;height:52px;border-radius:14px;object-fit:contain;background:#fff}.barber-public-brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:5px}.barber-public-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;padding:80px 0}.barber-eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;display:block;margin-bottom:18px}.barber-public h1{font-size:clamp(40px,6vw,76px);letter-spacing:-3px;line-height:1.06;margin:0 0 24px;color:inherit}.barber-public h2{font-size:clamp(28px,3vw,42px);letter-spacing:-1.5px;margin:10px 0 18px;color:inherit}.barber-public h3{font-size:22px;letter-spacing:-.5px;color:inherit}.barber-public p{line-height:1.7;color:var(--panel-muted)}.barber-public-hero>div>small{display:block;margin-top:20px;font-size:11px;color:var(--panel-muted)}.barber-public .btn{display:inline-flex;justify-content:center;align-items:center;background:var(--panel-action);color:var(--panel-action-ink);border:1px solid var(--panel-action);min-height:46px;cursor:pointer}.barber-public .btn.outline{background:transparent;border-color:var(--panel-line);color:var(--panel-ink)}.barber-public .btn:focus-visible,.barber-public input:focus-visible,.barber-public select:focus-visible{outline:3px solid var(--panel-ink);outline-offset:3px}.barber-public-sign{min-height:350px;border:1px solid var(--panel-line);background:var(--panel-surface);padding:38px;border-radius:160px 160px 24px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.barber-public-sign svg{width:90px;height:90px}.barber-public-sign b{font-size:28px;margin:18px 0 10px;overflow-wrap:anywhere}.barber-public-sign small{font-size:9px;letter-spacing:2px}.barber-sign-line{height:1px;width:60px;background:var(--panel-line);margin:25px 0 0}.barber-public-section-title{margin:20px 0 30px}.barber-public-card{background:var(--panel-surface);border:1px solid var(--panel-line);border-radius:24px;padding:30px;min-width:0}.barber-public .barber-services .barber-public-card{display:flex;flex-direction:column;align-items:flex-start}.barber-public .barber-services p{flex:1}.barber-public-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:64px 0}.barber-public-hours{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--panel-line);padding:12px 0;font-size:13px}.barber-public-hours small{display:block;text-align:right}.barber-public input,.barber-public select{width:100%;min-height:48px;background:var(--panel-raised);color:var(--panel-ink);border:1px solid var(--panel-line);border-radius:10px;padding:10px;color-scheme:var(--panel-scheme)}.barber-public label{display:block;margin:18px 0 8px;font-size:13px}.barber-public-footer{border-top:1px solid var(--panel-line);padding:24px 0 32px;display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.barber-public-footer>a:last-child{margin-left:auto}.barber-public #barberRequest{scroll-margin-top:20px}.barber-public .micro{font-size:12px}.barber-public #barberPublicStatus{font-weight:700}
@media(max-width:700px){.barber-public{padding:0 20px}.barber-public-header{padding:20px 0}.barber-public-brand{font-size:16px}.barber-public-header>.btn{font-size:11px;padding:10px}.barber-public-hero{grid-template-columns:1fr;gap:34px;padding:45px 0}.barber-public h1{letter-spacing:-2px}.barber-public-sign{min-height:220px;border-radius:100px 100px 20px 20px;padding:24px}.barber-public-sign svg{width:65px;height:65px}.barber-public-bottom{grid-template-columns:1fr;margin:35px 0}.barber-public-card{padding:24px}.barber-public-footer>a:last-child{margin-left:0;width:100%;margin-top:10px}.barber-receipt-card{align-items:flex-start;flex-direction:column}.barber-appointment{gap:12px}.barber-appointment .row-actions{gap:6px}.barber-appointment .btn{font-size:11px;padding:10px}.barber-time{min-width:52px}.barber-time b{font-size:19px}.barber-card-heading .status{font-size:10px}.barber-customer-list,.barber-services{grid-template-columns:1fr}.barber-agenda-tools .row-actions{width:100%}}

/* Preview the actual downloadable thermal ticket, including its paper edges. */
.barber-ticket-preview{max-width:420px;width:100%;margin:12px auto 24px;padding:0;background:transparent;min-height:120px;text-align:center}
.barber-ticket-preview>img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 12px rgb(0 0 0 / .12))}
.barber-ticket-actions{justify-content:center;flex-wrap:wrap}
.barber-ticket-actions [hidden]{display:none!important}
@media(max-width:600px){.barber-ticket-actions>.btn{width:100%;justify-content:center}.barber-ticket-preview{max-width:100%}}

/* Public barber catalog: the business logo leads the identity. */
.barber-public{padding-bottom:env(safe-area-inset-bottom,0px)}
.barber-public-nav{display:flex;align-items:center;gap:24px;flex-shrink:0;font-size:13px;font-weight:700}
.barber-public-brand{min-width:0}.barber-public-brand>span{overflow-wrap:anywhere}
.barber-public-brand img{width:60px;height:60px;padding:6px;flex-shrink:0;border-radius:16px}
.barber-public-hero{gap:clamp(28px,5vw,72px);padding:64px 0 72px}
.barber-public :is(.barber-public-sign,.barber-public-card,.barber-booking-step){
 --panel-ink:var(--card-ink);--panel-muted:var(--card-muted);--panel-surface:var(--card-bg);
 --panel-raised:var(--card-raised);--panel-line:var(--card-line);--panel-action:var(--card-action);
 --panel-action-ink:#ffffff;--panel-scheme:light;
 background:var(--card-bg);color:var(--card-ink);border:1px solid var(--card-line);color-scheme:light;
 box-shadow:0 12px 32px rgb(12 23 40 / .065)
}
.barber-public-sign{position:relative;min-height:400px;padding:30px 32px 26px;border-radius:28px}
.barber-public-sign>.barber-eyebrow{font-size:9px;letter-spacing:2px;margin:0 0 20px;color:var(--card-muted)}
.barber-logo-stage{width:210px;height:180px;max-width:100%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--card-line);border-radius:22px;padding:20px}
.barber-logo-stage>.barber-hero-logo{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;border-radius:0}
.barber-logo-initials{font-size:60px;font-weight:800;letter-spacing:-5px;color:var(--card-action)}
.barber-public-sign>b{font-size:clamp(23px,2.4vw,32px);line-height:1.15;letter-spacing:-1px;margin:24px 0 10px;overflow-wrap:anywhere;max-width:100%}
.barber-public-sign>small{font-size:9px;color:var(--card-muted);letter-spacing:2px}
.barber-public-sign>p{font-size:13px;margin:16px 0 22px;max-width:100%;overflow-wrap:anywhere}
.barber-public-sign .barber-sign-line{margin-top:22px;background:var(--card-line)}
.barber-brand-card-link{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--card-line);padding-top:18px;font-size:12px;font-weight:700;color:var(--card-action)!important;text-align:left}
.barber-brand-card-link>span{font-size:22px}
.barber-public-section-title{padding:20px 0 8px;max-width:680px}
.barber-public .barber-services{gap:22px}
.barber-catalog-service{padding:28px!important;border-radius:22px;transition:transform .18s ease,box-shadow .18s ease}
.barber-service-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:8px}
.barber-service-top>.barber-service-icon{border-color:var(--card-line);background:var(--card-raised);color:var(--card-action);border-radius:14px}
.barber-service-number{font-size:13px;letter-spacing:2px;color:var(--card-muted);font-weight:700}
.barber-catalog-service h3{margin:8px 0;font-size:24px}.barber-catalog-service p{font-size:14px}
.barber-catalog-service .barber-service-price{padding-top:20px;border-top:1px solid var(--card-line)}
.barber-catalog-service .btn{width:100%;border-radius:12px}
.barber-catalog-service .btn.outline{background:var(--card-action);color:#fff;border-color:var(--card-action)}
.barber-booking-guide{margin:40px 0 0}.barber-booking-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.barber-booking-step{padding:26px;border-radius:20px}.barber-booking-step>span{font-size:12px;letter-spacing:2px;color:var(--card-action);font-weight:800}
.barber-booking-step h3{font-size:18px;letter-spacing:-.4px;margin:16px 0 10px}.barber-booking-step p{font-size:13px;margin:0}
.barber-public-bottom{margin:44px 0}.barber-public-bottom .barber-public-card{padding:32px;border-radius:24px}
.barber-public-footer{align-items:center;gap:20px;padding:26px 0 32px}
.barber-footer-identity{display:flex;align-items:center;gap:10px;font-size:13px}.barber-footer-identity img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}
@media(hover:hover){.barber-catalog-service:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgb(12 23 40 / .12)}}
@media(max-width:700px){
 .barber-public-header{gap:12px}.barber-public-nav{gap:10px}.barber-services-link{display:none}
 .barber-public-nav>.btn{font-size:11px;padding:10px 12px;white-space:nowrap}
 .barber-public-brand{font-size:14px;gap:10px}.barber-public-brand img{width:46px;height:46px;padding:4px;border-radius:12px}
 .barber-public-hero{padding:38px 0 32px;gap:30px}.barber-public-hero h1{font-size:clamp(36px,9vw,56px)}
 .barber-public-sign{min-height:0;padding:26px 24px 22px;border-radius:24px}
 .barber-logo-stage{width:190px;height:160px}.barber-public-sign>b{font-size:27px}
 .barber-public-section-title{padding-top:16px}.barber-booking-guide{margin-top:24px}
 .barber-booking-steps{grid-template-columns:1fr;gap:12px}.barber-booking-step{padding:22px}
 .barber-public-bottom{margin:30px 0}.barber-public-bottom .barber-public-card{padding:24px}
 .barber-public-footer{gap:16px}.barber-footer-identity{width:100%}.barber-public-footer>a:last-child{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.barber-catalog-service{transition:none}.barber-catalog-service:hover{transform:none}}

/* Quiet brand details stay behind content and never intercept taps. */
.barber-public{position:relative;isolation:isolate}
.barber-background-decor{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:-1;color:var(--panel-ink);border-radius:0}
.barber-watermark{position:absolute;display:block;object-fit:contain;filter:var(--barber-watermark-filter);opacity:.045;width:clamp(260px,40vw,490px);height:auto;aspect-ratio:1;pointer-events:none}
.barber-watermark-one{left:-110px;top:100px;transform:rotate(-14deg)}
.barber-watermark-two{right:-160px;top:56%;transform:rotate(12deg);opacity:.035;width:400px}
.barber-ambient{position:absolute;display:block;width:720px;height:720px;border-radius:50%;background:radial-gradient(ellipse,currentColor 0%,transparent 68%);opacity:.055}
.barber-ambient-one{right:-330px;top:-250px}.barber-ambient-two{left:-400px;top:44%;opacity:.04}
.barber-background-ring{position:absolute;right:-230px;top:140px;width:620px;height:620px;border:1px solid currentColor;border-radius:50%;opacity:.07}
@media(max-width:700px){
 .barber-watermark-one{width:260px;top:125px;left:-90px;opacity:.035}
 .barber-watermark-two{width:250px;right:-125px;top:65%;opacity:.025}
 .barber-ambient{width:420px;height:420px}.barber-ambient-one{right:-240px;top:-140px}
 .barber-ambient-two{left:-290px}.barber-background-ring{width:390px;height:390px;right:-270px;top:290px;opacity:.05}
}

/* Repeat the actual logo in quiet, evenly spaced rows across the catalog. */
.barber-logo-pattern{position:absolute;inset:0;pointer-events:none;background-image:var(--barber-logo-image);background-repeat:repeat;background-position:28px 30px;background-size:160px 160px;filter:var(--barber-watermark-filter);opacity:.045}
@media(max-width:700px){.barber-logo-pattern{background-size:115px 115px;background-position:10px 18px;opacity:.035}}