@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap');
:root{--green:#182822;--paper:#f5f3eb;--gold:#a77c48;--line:#dedfd5;--muted:#70766d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--green);font:15px 'DM Sans',Arial,sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.preview{padding:9px 6%;background:var(--green);color:#e4c699;font-size:10px;letter-spacing:1.7px;display:flex;justify-content:space-between;gap:10px}.preview span{color:#ced3ca;letter-spacing:.2px}header{max-width:1200px;margin:auto;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:700;letter-spacing:2px}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:4px;margin-top:6px}.monogram{font-family:Georgia;font-size:28px;border:1px solid #acb0a2;width:50px;height:50px;display:grid;place-content:center;position:relative}.monogram span{font-size:12px;background:var(--paper);position:absolute;bottom:-8px;left:18px}nav{display:flex;gap:35px;align-items:center;font-size:12px}.text-button{border:0;background:none;color:var(--green);padding:10px 0;font-weight:600}.text-button span{margin-left:8px}main{max-width:1200px;margin:auto}.hero{padding:54px 34px 68px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;color:var(--gold);margin:0 0 22px}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:7px}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;margin:0}h1{font-size:clamp(42px,5.3vw,67px);line-height:1.12;letter-spacing:-1.8px}h1 em{color:var(--gold);font-weight:500}.intro{color:var(--muted);line-height:1.8;max-width:345px;margin:25px 0 28px}.hero-actions{display:flex;align-items:center;gap:24px}.primary{border:0;border-radius:3px;background:var(--green);color:#fff;padding:17px 24px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:35px;transition:background .2s,transform .2s}.primary:hover{background:#2d4537;transform:translateY(-1px)}.hero-note{font-size:10px;line-height:1.7;color:var(--muted)}.hero-detail{display:flex;gap:35px;border-top:1px solid var(--line);margin-top:38px;padding-top:20px;font-family:Georgia;font-size:20px}.hero-detail small{display:block;font:8px 'DM Sans',Arial;letter-spacing:1.2px;color:var(--muted);margin-top:7px}.hero-art{height:420px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#3e5344 0%,#192d25 55%,#11221d 100%);border-radius:160px 160px 3px 3px;color:#e0c6a2;display:flex;align-items:center;flex-direction:column;justify-content:center;border:8px solid #ecebe2;box-shadow:0 0 0 1px #d8dacd}.art-lines{position:absolute;inset:15px;border:1px solid #70806a55;border-radius:145px 145px 0 0}.art-lines:after{content:'';position:absolute;inset:15px;border:1px solid #70806a33;border-radius:135px 135px 0 0}.seal{border:1px solid #ad956566;border-radius:50%;width:150px;height:150px;text-align:center;display:flex;flex-direction:column;justify-content:center;font-size:10px;letter-spacing:5px;z-index:1}.seal b{font:60px Georgia;letter-spacing:-5px;margin-right:5px}.blade{height:1px;width:160px;background:#a98c56;margin:29px auto 5px;transform:rotate(-13deg);box-shadow:0 7px #a98c5655}.hero-art p{font-size:11px;letter-spacing:3px;text-align:center;line-height:1.9;z-index:1}.art-caption{position:absolute;bottom:23px;font-family:Georgia;font-style:italic;font-size:12px;color:#d5d5bf}.service-intro{padding:42px 34px 30px;border-top:1px solid var(--line)}.service-intro .eyebrow{margin-bottom:12px}h2{font-size:35px;line-height:1.2}.service-intro>p:last-child{color:var(--muted);font-size:13px}.booking-layout{padding:0 34px 65px;display:grid;grid-template-columns:1fr 340px;gap:55px}.step-title{display:flex;gap:15px;align-items:center;margin:28px 0 20px}.step-title>span{border:1px solid #cdd1c3;font-size:10px;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:var(--gold)}h3{font-size:24px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-option{border:1px solid var(--line);padding:20px;background:#fff8;display:block;position:relative;border-radius:5px;transition:.2s;text-align:left;color:var(--green)}.service-option[aria-pressed=true]{border:1.5px solid var(--green);background:#e7ebe0;box-shadow:inset 0 0 0 .5px var(--green)}.service-option .check{position:absolute;right:15px;top:15px;border:1px solid #b2b9ab;border-radius:50%;width:18px;height:18px;text-align:center;font-size:12px}.service-option[aria-pressed=true] .check{color:white;background:var(--green)}.service-option h4{font-size:16px;margin:10px 0}.service-option p{font-size:11px;color:var(--muted);margin:0 0 18px;line-height:1.6}.service-option b{font-size:18px}.service-option small{float:right;color:var(--muted);font-size:11px;margin-top:6px}.extras{margin:22px 0 30px}.label{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.label span{float:right;letter-spacing:0}.extras label{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;font-size:13px}.extras label>span{flex:1}.extras label small{color:var(--muted);font-size:10px;margin-left:10px}.extras b{font-size:12px;font-weight:500}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px;flex-shrink:0}.date-line{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.date-line input{width:190px}input:not([type=checkbox]),textarea{background:#fff8;border:1px solid #d5d9cc;border-radius:4px;padding:12px;color:var(--green);width:100%;margin-top:7px;outline:none}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px #a77c4815}.date-line input{width:190px;margin:0}.schedule-note{font-size:10px;color:var(--muted);line-height:1.6;margin:15px 0}.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;min-height:60px}.slot{border:1px solid #d5d9cc;border-radius:4px;background:#fff8;color:var(--green);padding:11px 4px;font-size:12px}.slot[aria-pressed=true]{background:var(--green);color:white}.empty{grid-column:1/-1;padding:20px;border:1px dashed var(--line);font-size:13px;color:var(--muted);line-height:1.6}form label{display:block;font-size:12px;margin:15px 0}form label small{color:var(--muted);margin-left:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}textarea{resize:vertical}.consent{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:10px;line-height:1.6}.consent input{margin:2px 0}.submit{width:100%;margin-top:20px}.safe-note{text-align:center;color:var(--muted);font-size:10px}.error{color:#9c3232;font-size:12px}.summary{background:#e8ebdf;border:1px solid #d8decf;border-radius:6px;padding:29px;position:sticky;top:22px}.summary h3{font-size:29px;line-height:1.25}.summary .eyebrow{font-size:9px;margin-bottom:16px}.barber{display:flex;align-items:center;gap:12px;border-top:1px solid #d0d6c7;border-bottom:1px solid #d0d6c7;padding:20px 0;margin:24px 0 20px;font-size:12px}.barber>span:first-child{font:20px Georgia;background:var(--green);color:#d8bc8c;display:grid;place-items:center;width:40px;height:40px;border-radius:50%}.barber div{flex:1}.barber small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.online{height:7px;width:7px;border-radius:50%;background:#58815a}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:15px 0}dt{color:var(--muted)}dd{margin:0;text-align:right}.total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ccd4c2;margin-top:25px;padding-top:20px;font-size:13px}.total strong{font:30px Georgia}.summary-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:20px}.information{display:flex;gap:12px;padding:22px 3px}.information>span{color:var(--gold);font-size:24px}.information h4{margin:3px 0;font-family:Georgia;font-weight:400;font-size:17px}.information p,.draft-note{color:var(--muted);font-size:11px;line-height:1.7}.draft-note{border-top:1px solid var(--line);padding-top:15px}.closing{margin:0 34px;background:var(--green);color:var(--paper);border-radius:5px;padding:40px 45px;display:grid;grid-template-columns:.6fr 1fr 1fr;align-items:center;gap:25px}.closing>span{font-size:9px;color:#d9b582;letter-spacing:2px}.closing p{font-size:12px;color:#c1cbbd;line-height:1.8}footer{max-width:1200px;margin:auto;padding:35px 34px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--green);padding:30px;max-width:560px;width:calc(100% - 28px);max-height:85vh;overflow:auto}dialog::backdrop{background:#10261ecc;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.dialog-head h2{font-size:29px}.close{border:0;background:none;color:var(--green);font-size:28px;padding:0 5px}.dialog-note{font-size:12px;color:var(--muted);line-height:1.7}.reservation{border:1px solid var(--line);border-radius:5px;padding:17px;margin:16px 0}.reservation h4{margin:0 0 8px;font-size:16px}.reservation p{font-size:12px;line-height:1.8;margin:5px 0}.reservation button{color:#963d32;border:1px solid #b8978e;background:none;border-radius:4px;padding:9px 12px;font-size:11px;margin-top:8px}.cancelled{opacity:.65}.success-icon{width:54px;height:54px;background:#dfe8d4;border-radius:50%;display:grid;place-items:center;font-size:24px;margin-bottom:20px}#success-dialog>.close{float:right}#success-dialog>p:not(.eyebrow){color:var(--muted);font-size:13px}#confirmation{margin:23px 0;font-size:14px;line-height:1.9;border-top:1px solid var(--line);padding-top:15px}#calendar{width:100%}#view-booking{display:block;margin:10px auto} @media(max-width:900px){.hero{gap:25px}.hero-art{height:360px}.booking-layout{grid-template-columns:1fr 290px;gap:25px}.summary{padding:24px}.closing{grid-template-columns:1fr 1fr}.closing>span{grid-column:1/-1}}@media(max-width:660px){.preview{padding:9px 18px;display:block}.preview span{display:block;font-size:9px;margin-top:4px}header{padding:22px 20px}.brand{font-size:10px;letter-spacing:1px}.brand small{font-size:8px}.monogram{width:40px;height:40px;font-size:23px}nav>a{display:none}nav{gap:0}nav button{font-size:11px}.hero{padding:35px 20px 40px;grid-template-columns:1fr;gap:35px}.hero h1{font-size:49px}.intro{font-size:14px}.hero-art{height:240px;border-radius:100px 100px 3px 3px}.seal{width:110px;height:110px;font-size:8px;letter-spacing:3px}.seal b{font-size:43px}.blade{margin-top:15px}.hero-art p{font-size:9px;margin-bottom:22px}.art-caption{bottom:11px;font-size:10px}.hero-detail{margin-top:25px}.service-intro{padding:30px 20px 10px}h2{font-size:30px}.booking-layout{padding:0 20px 35px;grid-template-columns:1fr;gap:25px}.booking-layout aside{grid-row:1}.summary{position:static;padding:20px}.summary h3{font-size:23px}.summary h3 br{display:none}.summary .eyebrow{margin-bottom:10px}.barber{margin:15px 0;padding:12px 0}.information,.draft-note{display:none}dl>div{margin:10px 0}.summary-note{margin-bottom:0}.total{margin-top:15px;padding-top:13px}.summary .total strong{font-size:27px}.service-option{padding:15px}.service-option small{float:none;display:block;margin-top:8px}.slots{grid-template-columns:repeat(4,1fr)}.form-grid{grid-template-columns:1fr;gap:0}.closing{margin:0 20px;padding:30px;grid-template-columns:1fr;gap:15px}.closing p{margin:0}footer{padding:25px 20px;display:block;line-height:2}footer span{display:block}.hero-note{font-size:9px}.primary{padding:16px 20px;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Agendamento em etapas, com tela fixa. */
[hidden]{display:none!important}html,body{height:100%;overflow:hidden}body{height:100dvh;display:flex;flex-direction:column}.preview{flex:none;padding:7px 4%}header{width:100%;padding:15px 26px;flex:none}.monogram{width:40px;height:40px;font-size:24px}.hero,.service-intro,.closing,footer,.information,.draft-note{display:none}main{width:100%;flex:1;min-height:0;display:flex;align-items:center}.booking-layout{padding:24px 26px;width:100%;height:100%;max-height:720px;grid-template-columns:minmax(0,1fr) 310px;gap:45px;align-items:stretch}.booking{min-height:0;display:flex;flex-direction:column}.stepper{display:flex;gap:10px;border-bottom:1px solid var(--line);padding-bottom:16px}.stepper button{flex:1;border:0;background:transparent;color:var(--muted);font-size:12px;text-align:left;padding:9px 6px}.stepper span{font-size:10px;margin-right:8px;color:var(--gold)}.stepper button[aria-current=step]{background:#e3e8da;color:var(--green);border-radius:4px;font-weight:700}.booking-panel{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.step-title{margin:18px 0}.service-option{padding:22px}.service-option p{font-size:12px}.extras{margin:22px 0}.extras label{padding:16px 0}.wizard-pager{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;gap:12px;flex:none}.wizard-pager>span{font-size:10px;color:var(--muted)}.wizard-pager .primary{padding:13px 20px}.summary{position:static;height:100%;display:flex;flex-direction:column;justify-content:center;padding:25px}.slots{grid-template-columns:repeat(5,1fr);gap:12px;min-height:0;margin-top:10px}.slot{padding:17px 5px;font-size:14px}.schedule-note{margin:12px 0}form label{margin:12px 0}.submit{margin-top:10px}form .safe-note{margin:8px 0 0}dialog{overflow:hidden;max-height:calc(100dvh - 24px)}#bookings-list .reservation{margin:12px 0}.reservation-pager{display:flex;align-items:center;justify-content:space-between;gap:10px}.reservation-pager button{padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:#e3e8da;color:var(--green)}
@media(max-width:700px){header{padding:11px 17px}.preview{padding:6px 17px;font-size:9px}.preview span{font-size:8px;margin-top:2px}.booking-layout{padding:14px 17px;display:flex;flex-direction:column;gap:12px;max-height:none}.booking{flex:1;min-height:0}.booking-layout aside{flex:none}.summary{padding:11px 15px;display:block}.summary>.eyebrow,.summary>h3,.summary .barber,.summary-note{display:none}dl{display:flex;flex-wrap:wrap;gap:5px 12px}dl>div{margin:0;font-size:10px;gap:5px}dl>div:first-child{flex-basis:100%;font-size:12px}.total{margin-top:8px;padding-top:7px;font-size:11px}.summary .total strong{font-size:23px}.stepper{gap:4px;padding-bottom:9px}.stepper button{font-size:10px;padding:8px 5px}.stepper span{font-size:9px;margin-right:3px}.step-title{margin:10px 0 15px}h3{font-size:22px}.service-option{padding:16px}.service-option h4{font-size:15px;margin:9px 0}.service-option p{font-size:10px;margin-bottom:12px}.service-option b{font-size:17px}.extras{margin:15px 0}.extras label{padding:12px 0}.slots{gap:8px;grid-template-columns:repeat(5,1fr)}.slot{font-size:12px;padding:13px 3px}.date-line input{width:170px;padding:10px}.wizard-pager{padding-top:9px}.wizard-pager .primary{padding:11px 15px;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:10px}form label{font-size:11px;margin:8px 0}input:not([type=checkbox]),textarea{padding:9px;margin-top:4px;font-size:12px}textarea{height:45px;resize:none}.consent{font-size:9px;line-height:1.4}.submit{padding:12px 15px;font-size:12px}.safe-note{display:none}.error{font-size:10px;margin:3px 0}.booking-panel{justify-content:center}dialog{padding:20px}.dialog-head h2,#success-dialog h2{font-size:24px}.success-icon{width:38px;height:38px;margin-bottom:12px}#confirmation{margin:12px 0;padding-top:10px;font-size:12px}}
@media(max-height:650px){header{padding-top:7px;padding-bottom:7px}.booking-layout{padding-top:8px;padding-bottom:8px;gap:8px}.step-title{margin:8px 0}form label{margin:6px 0}input:not([type=checkbox]),textarea{padding:7px}.booking-panel{justify-content:center}.extras{margin:10px 0}.extras label{padding:9px 0}.service-option{padding:13px}.service-option p{display:none}.slot{padding:10px 3px}.summary dl>div:nth-last-child(3){display:none}.summary .total{margin-top:5px;padding-top:5px}.summary{padding:8px 12px}.schedule-note{font-size:9px;margin:8px 0}.stepper{padding-bottom:7px}.consent{margin:5px 0}.wizard-pager{padding-top:7px}.preview span{display:none}}

/* Tela inicial: horários. Corte e dados em caixa compacta. */
.booking-layout{display:block;max-width:820px;margin:auto;padding:25px 35px}.booking-layout aside{display:none}.booking{height:100%}.booking>.booking-panel{justify-content:center}.booking>.booking-panel>.step-title{margin-bottom:8px}.slots-intro{font-size:13px;color:var(--muted);margin:0 0 30px}.booking .date-line{max-width:480px;width:100%;margin-bottom:12px}.booking .schedule-note{margin:10px 0 15px}.booking .slots{gap:15px}.booking .slot{padding:24px 8px;font-size:19px;border-radius:6px}.booking .slot:hover{border-color:var(--gold);background:#e7ebe0}#service-dialog{width:calc(100% - 28px);max-width:480px;padding:24px;max-height:calc(100dvh - 20px)}#service-dialog .eyebrow{margin-bottom:10px;letter-spacing:1px;font-size:10px}#service-dialog h2{font-size:27px}#service-dialog .step-title{display:none}#service-dialog .booking-panel{margin-top:20px;display:block}#service-dialog .service-option{padding:15px}#service-dialog .service-option p,#service-dialog .service-option small{display:none}#service-dialog .service-option h4{font-size:15px}#service-dialog .service-option b{font-size:18px}#service-dialog .extras{margin:20px 0 15px}#service-dialog .extras label{padding:12px 0}.modal-total{border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px}.modal-total strong{font:25px Georgia}#service-dialog form .consent{font-size:10px}#service-dialog .wizard-pager{padding-top:10px}#service-dialog form .safe-note{display:none}#service-dialog form label{margin:8px 0}#service-dialog .submit{margin-top:10px}#service-dialog:has(#booking-form:not([hidden])){}@media(max-width:660px){.booking-layout{padding:18px 22px}.booking .slots{grid-template-columns:repeat(2,1fr);gap:10px}.booking .slot{padding:14px 8px;font-size:18px}.slots-intro{font-size:12px;line-height:1.6;margin-bottom:17px}.booking .date-line{font-size:11px}.booking .date-line input{width:165px}.booking .schedule-note{font-size:9px}#service-dialog{padding:18px}#service-dialog .booking-panel{margin-top:15px}#service-dialog .extras{margin:15px 0 10px}#service-dialog h2{font-size:24px}#service-dialog input:not([type=checkbox]){padding:9px}}@media(max-height:650px){.booking .slot{padding:10px 8px}.slots-intro{margin-bottom:10px}.booking .date-line{margin-bottom:5px}.booking .schedule-note{margin:8px 0}#service-dialog .booking-panel{margin-top:10px}#service-dialog .modal-total{padding:8px 0}#service-dialog form label{margin:5px 0}#service-dialog textarea{height:35px}#service-dialog input:not([type=checkbox]){padding:7px}#service-dialog .extras label{padding:9px 0}}

/* Agenda à esquerda e atendimento à direita. */
.booking-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.85fr);max-width:1180px;gap:45px;padding:26px 32px;align-items:center;max-height:none}.booking{height:100%;min-width:0}.booking .slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.booking .slot{padding:19px 6px;font-size:18px}.booking .date-line{max-width:none}.booking .slots-intro{margin-bottom:24px}#service-dialog{width:100%;max-width:none;max-height:none;border:1px solid var(--line);border-radius:8px;background:#eeeFE5;padding:24px;align-self:center;min-width:0;box-shadow:0 8px 24px #18282208}.panel-placeholder{border:1px dashed #cdd3c4;border-radius:8px;padding:45px 28px;text-align:center;color:var(--muted);align-self:center}.panel-placeholder>span{display:block;font-size:30px;color:var(--gold);margin-bottom:17px}.panel-placeholder h3{font-size:25px;color:var(--green)}.panel-placeholder p{font-size:12px;line-height:1.8;max-width:230px;margin:15px auto 0}.booking-layout.selecting{align-items:center}#service-dialog .wizard-pager{margin-top:0}#service-dialog .service-grid{gap:9px}#service-dialog .service-option{padding:13px}#service-dialog .service-option .check{right:9px;top:9px}#service-dialog .service-option h4{margin-top:13px}#service-dialog .form-grid{grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:700px){.booking-layout{display:flex;flex-direction:column;padding:14px 18px;gap:12px;justify-content:center}.booking{flex:none;height:auto;width:100%}.booking>.booking-panel{justify-content:center}.booking .slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.booking .slot{font-size:12px;padding:12px 3px}.booking .slots-intro{margin:0 0 12px;font-size:11px}.booking .step-title{margin:6px 0}.booking h3{font-size:22px}.panel-placeholder{display:none}#service-dialog{padding:15px;align-self:stretch}#service-dialog h2{font-size:21px}#service-dialog .booking-panel{margin-top:10px}#service-dialog .extras{margin:10px 0}#service-dialog .extras label{padding:8px 0}#service-dialog .modal-total{padding:8px 0}#service-dialog .wizard-pager{padding-top:8px}#service-dialog .eyebrow{margin-bottom:5px}.booking-layout.selecting .slots-intro,.booking-layout.selecting .schedule-note{display:none}.booking-layout.selecting .step-title{display:none}.booking-layout.selecting .slot{padding:8px 2px}.booking-layout.selecting .date-line input{padding:7px}.booking-layout.selecting .date-line{margin:0}#service-dialog input:not([type=checkbox]){padding:7px}#service-dialog form label{margin:5px 0}#service-dialog textarea{height:34px}#service-dialog .consent{font-size:9px}#service-dialog .submit{padding:10px 12px}#service-dialog .service-option{padding:10px}#service-dialog .service-option h4{font-size:14px;margin-bottom:7px}}
@media(min-width:701px) and (max-height:680px){.booking .slot{padding:13px 5px}.booking-layout{padding-top:12px;padding-bottom:12px}#service-dialog{padding:17px}#service-dialog .booking-panel{margin-top:10px}#service-dialog .extras label{padding:9px 0}#service-dialog .extras{margin:12px 0}#service-dialog .modal-total{padding:9px 0}}
/* Horários compactos, com área de toque preservada. */
.booking .slots{grid-template-columns:repeat(5,minmax(0,88px));gap:8px;justify-content:start}
.booking .slot{padding:10px 8px;min-height:44px;font-size:14px;border-radius:4px}
@media(max-width:700px){.booking .slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.booking .slot,.booking-layout.selecting .slot{padding:8px 2px;min-height:40px;font-size:12px}}

.slot small{display:block;font-size:8px;margin-top:3px;letter-spacing:0}.booking .slot:disabled{opacity:.55;background:#e2e2dc;color:#737870;border-color:#d4d6cc;cursor:not-allowed}.booking .slot:disabled:hover{background:#e2e2dc;border-color:#d4d6cc}.week-selector{margin:8px 0}.week-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:7px}.week-heading button{border:1px solid var(--line);background:transparent;border-radius:4px;padding:5px 12px;color:var(--green)}#week-days{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}#week-days button{border:1px solid var(--line);background:#fff8;border-radius:4px;color:var(--green);padding:8px 3px}#week-days button[aria-pressed=true]{background:var(--green);color:white}#week-days button:disabled{opacity:.4;cursor:not-allowed}#week-days small{display:block;font-size:9px}#week-days b{font-size:13px;display:block;margin-top:4px}.booking .slots-intro{margin-bottom:12px}.login-screen{flex:1;min-height:0;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,400px);background:#eeefe5;border:1px solid var(--line);border-radius:9px;padding:28px}.login-card h2{font-size:29px}.login-card>p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted)}.login-card .primary{width:100%;justify-content:center;margin-top:15px}.login-card #toggle-signup{display:block;margin:12px auto 0;font-size:12px}.login-card .login-demo-note{font-size:10px!important;border-top:1px solid var(--line);padding-top:12px;margin-bottom:0}#account-label{font-size:11px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header nav{gap:15px}@media(max-width:700px){.login-card{padding:20px}.login-card h2{font-size:25px}.week-selector{margin:5px 0}#week-days button{padding:5px 2px}#week-days b{margin-top:2px}.week-heading{margin-bottom:5px}.booking .schedule-note{margin:5px 0}.booking .slot{min-height:40px}.booking-layout.selecting .slots-intro{display:none}.booking-layout.selecting .week-selector{display:none}header nav{gap:10px}#account-label{display:none}header nav button{font-size:10px}}

#week-days{grid-template-columns:repeat(7,1fr)}#staff-screen{flex:1;min-height:0;max-width:1180px;width:100%;margin:auto;padding:22px 30px;display:flex;flex-direction:column}.staff-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.staff-top h2{font-size:29px}.staff-top .eyebrow{margin-bottom:8px}.staff-tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:16px}.staff-tabs button{background:none;border:0;padding:9px 14px;border-radius:4px;color:var(--green);font-size:12px}.staff-tabs button[aria-pressed=true]{background:#e3e8da;font-weight:bold}.staff-date{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px}.staff-date label{display:flex;gap:12px;align-items:center}.staff-date input{width:175px;margin:0}.staff-reservation{display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:5px;padding:13px 17px;margin:9px 0;background:#fff7}.staff-reservation>strong{font-size:18px}.staff-reservation>div{flex:1}.staff-reservation b{font-size:13px}.staff-reservation p{font-size:12px;margin:5px 0}.staff-reservation small{font-size:10px;color:var(--muted)}.staff-reservation button{background:none;border:1px solid #c2a99e;color:#974534;border-radius:4px;padding:8px;font-size:10px}#staff-pagination{display:flex;gap:15px;align-items:center;justify-content:center;font-size:11px;margin-top:10px}#staff-pagination button{background:#e3e8da;border:1px solid var(--line);border-radius:4px;padding:7px 14px}.schedule-fields{display:flex;gap:15px;margin:15px 0;max-width:700px}.schedule-fields label{font-size:12px;flex:1}select{display:block;width:100%;padding:10px;background:#fff8;border:1px solid var(--line);border-radius:4px;color:var(--green);margin-top:7px;font:inherit}.work-check{display:flex;align-items:center;gap:10px;font-size:13px;margin:10px 0}#editable-times{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-width:850px;margin:15px 0}#editable-times label{display:flex;align-items:center;gap:4px}#editable-times input{margin:0;min-width:0;padding:8px}#editable-times button{border:0;background:none;font-size:21px;color:#974534;padding:4px}.add-time{display:flex;gap:10px;max-width:280px;align-items:center}.add-time input{margin:0;width:130px}.add-time button{border:1px solid var(--line);background:#e3e8da;padding:10px;border-radius:4px;color:var(--green);font-size:11px}.schedule-actions{display:flex;gap:20px;align-items:center;margin-top:15px}.staff-note{font-size:11px;line-height:1.7;color:var(--muted);max-width:650px}#create-barber{max-width:420px}#create-barber .primary{margin-top:12px}#barber-message{font-size:12px}#staff-schedule h3,#staff-developer h3{font-size:23px}@media(max-width:700px){#staff-screen{padding:15px 17px}.staff-top h2{font-size:23px}.staff-top .primary{padding:11px 12px;font-size:10px}.staff-top{gap:10px}.staff-tabs{padding:10px 0;margin-bottom:10px;gap:6px}.staff-tabs button{font-size:10px;padding:8px}.staff-date{margin-bottom:8px}.staff-reservation{padding:9px;gap:10px}.staff-reservation>strong{font-size:14px}.staff-reservation b{font-size:11px}.staff-reservation p{font-size:10px}.staff-reservation small{font-size:8px}.staff-reservation button{font-size:9px;padding:6px}.schedule-fields{gap:8px;margin:10px 0}.schedule-fields label{font-size:10px}#editable-times{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}#editable-times input{padding:5px;font-size:11px}.schedule-actions{gap:10px;margin-top:10px}.schedule-actions .primary{padding:10px;font-size:11px}.schedule-actions .text-button{font-size:10px}.staff-note{font-size:9px}.staff-top .eyebrow{font-size:9px}#back-staff{font-size:9px}}

#developer-screen{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:1200px;margin:auto;padding:20px 25px}.developer-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.developer-head .eyebrow{margin-bottom:7px}.developer-head h2{font-size:27px}.developer-head>p{font-size:12px;color:var(--muted)}.preview-controls{display:flex;align-items:center;gap:20px;margin:15px 0}.preview-controls label{font-size:11px;min-width:150px}#preview-dimensions{font-size:11px;color:var(--muted)}#device-stage{position:relative;flex:1;min-height:0;background:#e4e7dc;border:1px solid var(--line);border-radius:8px;overflow:hidden}#device-frame{position:absolute;transform-origin:top left;box-shadow:0 0 0 3px #97a48a;border-radius:5px;overflow:hidden;background:var(--paper)}#site-preview{border:0;display:block}.preview-notice{font-size:10px;color:var(--muted);margin:10px 0 0}.normal-schedule{display:flex;flex-direction:column;gap:15px;padding:22px;border:1px solid var(--line);background:#e8ebdf;border-radius:6px;margin:20px 0;max-width:700px}.normal-schedule span{font-size:13px;line-height:2}.work-check{align-items:center}.work-check select{max-width:240px;margin:0 0 0 15px}.developer-head+ .preview-controls select{padding:8px}@media(max-width:700px){#developer-screen{padding:15px}.developer-head>p{display:none}.preview-controls{gap:10px;margin:12px 0}.preview-controls label{min-width:0;flex:1}.preview-controls select{font-size:11px}#preview-dimensions{font-size:9px}.normal-schedule{padding:15px}.normal-schedule span{font-size:11px}}

.schedule-time-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-width:760px}.staff-time-card{display:flex;border:1px solid var(--line);border-radius:5px;background:#fff8;overflow:hidden}.staff-time-card>button:first-child{flex:1;border:0;background:transparent;color:var(--green);padding:10px 7px;text-align:left}.staff-time-card b{font-size:14px}.staff-time-card small{display:block;font-size:9px;margin-top:4px;color:var(--muted)}.staff-time-card.occupied{background:#e0e8d7;border-color:#acbda1}.staff-time-card .remove-slot{border:0;border-left:1px solid var(--line);background:transparent;color:#975846;font-size:18px;padding:0 8px}.staff-time-card .remove-slot:disabled{opacity:.4;cursor:not-allowed}.schedule-time-page{display:flex;align-items:center;gap:13px;font-size:10px;margin:12px 0}.schedule-time-page button{border:1px solid var(--line);border-radius:4px;padding:5px 12px;background:#e3e8da}.schedule-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:760px;margin-top:15px}.schedule-toolbar .add-time{max-width:none}.time-booking-detail{border:1px solid #c3cdb9;border-radius:5px;background:#e8ebdf;padding:12px 16px;max-width:760px;font-size:12px}.time-booking-detail p{margin:7px 0;line-height:1.7}.time-booking-detail small{font-size:10px;color:var(--muted)}#close-time-detail{float:right;padding:0;font-size:20px}@media(max-width:700px){.schedule-time-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.staff-time-card>button:first-child{padding:7px 5px}.staff-time-card b{font-size:12px}.staff-time-card small{font-size:8px}.staff-time-card .remove-slot{padding:0 6px}.schedule-toolbar{margin-top:10px;flex-wrap:wrap;gap:7px}.schedule-toolbar .add-time input{width:115px}.schedule-toolbar>.text-button{font-size:10px;padding:5px}.schedule-time-page{margin:8px 0}.time-booking-detail{padding:9px 12px;font-size:11px}}

#expand-preview{padding:10px 15px;font-size:11px;margin-left:auto;white-space:nowrap}.expanded-preview#developer-screen{position:fixed;inset:8px;z-index:100;max-width:none;width:auto;height:auto;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:15px 18px;box-shadow:0 0 0 20px #18282255}.expanded-preview .developer-head{display:none}.expanded-preview .preview-controls{margin:0 0 10px}.expanded-preview .preview-controls label{display:flex;align-items:center;gap:10px;min-width:0}.expanded-preview .preview-controls select{width:160px;margin:0}.expanded-preview .preview-notice{margin-top:7px;font-size:9px}.expanded-preview #device-stage{border-radius:5px}@media(max-width:700px){#expand-preview{padding:9px;font-size:10px}.preview-controls{flex-wrap:wrap}.preview-controls label{min-width:110px}.expanded-preview#developer-screen{inset:4px;padding:10px}.expanded-preview .preview-controls label{display:block;flex:1;min-width:100px}.expanded-preview .preview-controls select{width:100%;margin-top:4px}.expanded-preview #expand-preview{margin-left:0}.expanded-preview #preview-dimensions{margin-right:auto}}