/* FOURMI THINK — Barbeiro: Ações rápidas e formulários na pele Marinho & Latão (só visual).
   Menu +, Receita, Despesa e Bloquear usam a camada do Professor (teacher-quick-premium, .tqp-on);
   Novo atendimento, Novo cliente e Lembrete usam a camada barber-forms.js (.bf-on). */
body:not(:is([data-profession="barber"],[data-profession="other"])) :is(.bf-x){display:none!important}
body:is([data-profession="barber"],[data-profession="other"]) :is(#quick-actions-dialog,#income-dialog,#expense-dialog,#block-dialog,#appointment-dialog,#client-dialog,#reminder-dialog){--bf-navy:#0d1b2e;--bf-navy2:#16263d;--bf-brass:#d4a853;--bf-brass2:#e8c77d;--bf-cta:#f0c13a;--bf-cta2:#e2ae2a;--bf-paper:#fffdf8;--bf-cream:#f5f1e8;--bf-ink:#14201b;--bf-muted:#5f6b66;--bf-line:#e7dfcd;--bf-wine:#4a1f1c;--bf-wine2:#2c1311;--bf-red:#a8392b;--tqp-deep:#0d1b2e;--tqp-green:#0d1b2e;--tqp-cream:#f5f1e8;--tqp-ink:#14201b;--tqp-line:#e7dfcd}
body:is([data-profession="barber"],[data-profession="other"]) :is(.tqp-menu,.tqp-x,.tqp-bx,.bf-x) svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Menu + ---------- */
body:is([data-profession="barber"],[data-profession="other"]) .tqp-hero{background:radial-gradient(80% 120% at 100% 0,rgba(212,168,83,.26),transparent 60%),linear-gradient(160deg,var(--bf-navy2),var(--bf-navy));box-shadow:0 12px 26px rgba(13,27,46,.25)}
body:is([data-profession="barber"],[data-profession="other"]) .tqp-hero::before{display:none}
body:is([data-profession="barber"],[data-profession="other"]) .tqp-hero-icon{background:var(--bf-cta);color:var(--bf-navy)}
body:is([data-profession="barber"],[data-profession="other"]) .tqp-chev{color:var(--bf-brass2)}
body:is([data-profession="barber"],[data-profession="other"]) .tqp-row .tqp-chev{color:#9aa1a8}
body:is([data-profession="barber"],[data-profession="other"]) .tqp-ic.is-green{background:#e6ebf2;color:var(--bf-navy)}
body:is([data-profession="barber"],[data-profession="other"]) .tqp-ic.is-gold{background:#f8edd2;color:#8a6410}
body:is([data-profession="barber"],[data-profession="other"]) .tqp-ic.is-navy{background:var(--bf-navy);color:var(--bf-brass2)}
body:is([data-profession="barber"],[data-profession="other"]) .tqp-menu button:focus-visible{outline-color:var(--bf-brass)}

/* ---------- Receita (marinho) e Despesa (vinho) ---------- */
body:is([data-profession="barber"],[data-profession="other"]) #income-dialog.tqp-on{--tqp-hero:#112138;--tqp-accent:var(--bf-navy);--tqp-ey:var(--bf-brass2)}
body:is([data-profession="barber"],[data-profession="other"]) #expense-dialog.tqp-on{--tqp-hero:#3d1a17;--tqp-accent:var(--bf-red);--tqp-ey:#f0b9a8}
body:is([data-profession="barber"],[data-profession="other"]) dialog.tqp-on:is(#expense-dialog,#income-dialog) .money-input input{border-bottom-color:rgba(212,168,83,.6)}
body:is([data-profession="barber"],[data-profession="other"]) #income-dialog.tqp-on .money-input input{color:#fffdf8!important}
body:is([data-profession="barber"],[data-profession="other"]) #income-dialog.tqp-on .primary-button[value="default"]{background:linear-gradient(180deg,var(--bf-cta),var(--bf-cta2))!important;color:var(--bf-navy)!important;box-shadow:0 8px 20px rgba(226,174,42,.32),0 0 0 12px var(--bf-cream)}
body:is([data-profession="barber"],[data-profession="other"]) dialog.tqp-on:is(#expense-dialog,#income-dialog) .tqp-cat>span{background:#eef0f3}
body:is([data-profession="barber"],[data-profession="other"]) dialog.tqp-on:is(#expense-dialog,#income-dialog) .tqp-cats{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:7px}
body:is([data-profession="barber"],[data-profession="other"]) dialog.tqp-on:is(#expense-dialog,#income-dialog) .tqp-cat{padding-inline:3px;font-size:.66rem;overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto}

/* ---------- Bloquear horário (formulário simples, sem os modos do Professor) ---------- */
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on{background:var(--bf-cream);--tqp-accent:var(--bf-navy)}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on form{display:flex;flex-direction:column}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .dialog-heading{order:0;position:relative;margin:-23px -23px 14px;padding:20px 22px 18px;border-radius:26px 26px 0 0;background:radial-gradient(80% 120% at 100% 0,rgba(212,168,83,.22),transparent 60%),linear-gradient(160deg,var(--bf-navy2),var(--bf-navy));border-bottom:0}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .dialog-heading .eyebrow{color:var(--bf-brass2);letter-spacing:.16em}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .dialog-heading h2[data-tqp-text]{font-size:0!important}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .dialog-heading h2[data-tqp-text]::after{content:attr(data-tqp-text);font-family:Literata,Georgia,"Iowan Old Style",serif;font-size:1.6rem;font-weight:700;letter-spacing:-.01em;color:#fffdf8}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .close-button{background:rgba(255,255,255,.12);color:#fffdf8;box-shadow:none;outline:0}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .field-help{display:none!important}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .tqp-presets{order:1}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .tp-mode-panel:not([hidden]){order:2;display:block;padding:12px 12px 2px;border:1px solid var(--bf-line);border-bottom:0;border-radius:18px 18px 0 0;background:var(--bf-paper)}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .tp-time-group{order:3;padding:2px 12px 4px;border:1px solid var(--bf-line);border-top:0;border-bottom:0;background:var(--bf-paper)}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .block-repeat{order:4;margin:0 0 14px;padding:0 12px 12px;border:1px solid var(--bf-line);border-top:0;border-radius:0 0 18px 18px;background:var(--bf-paper)}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .tqp-reasons{order:5}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .tqp-reasons .tqp-dates{margin-bottom:8px}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on label[for="block-reason"]{display:none}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .tp-field-icon{order:7}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on label[for="block-notes"]{order:8;margin-top:12px}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on #block-notes{order:9;min-height:70px}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .tqp-affected{order:10}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .tp-save{order:12;position:sticky;bottom:0;z-index:2;min-height:54px;margin-top:14px;border:0;border-radius:16px;background:linear-gradient(180deg,var(--bf-cta),var(--bf-cta2));color:var(--bf-navy);font-weight:900;box-shadow:0 10px 24px rgba(226,174,42,.35),0 0 0 12px var(--bf-cream)}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on #block-error{order:13}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .block-conflict-choice{order:14}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on :is(input,select,textarea){border-radius:12px;background:#fff}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .tp-mode-panel label,body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .block-times label,body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .block-repeat label{color:var(--bf-muted);font-size:.74rem;font-weight:750}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .block-allday{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 6px;font-weight:850;cursor:pointer}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .block-allday input{position:absolute;opacity:0;width:1px;height:1px}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on .block-allday .tp-toggle{display:block;order:2}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on #block-all-day:checked+.tp-toggle{background:var(--bf-navy)}
body:is([data-profession="barber"],[data-profession="other"]) #block-dialog.tqp-on #block-all-day:focus-visible+.tp-toggle{outline:3px solid var(--bf-brass);outline-offset:2px}

/* ---------- Partes comuns das telas novas (.bf-on) ---------- */
body:is([data-profession="barber"],[data-profession="other"]) dialog.bf-on{background:var(--bf-cream)}
body:is([data-profession="barber"],[data-profession="other"]) dialog.bf-on form{display:flex;flex-direction:column}
body:is([data-profession="barber"],[data-profession="other"]) dialog.bf-on .dialog-heading{order:0;position:relative;margin:-23px -23px 14px;padding:20px 22px 16px;border:0;border-radius:26px 26px 0 0;background:radial-gradient(80% 120% at 100% 0,rgba(212,168,83,.22),transparent 60%),linear-gradient(160deg,var(--bf-navy2),var(--bf-navy));color:#fffdf8}
body:is([data-profession="barber"],[data-profession="other"]) dialog.bf-on .dialog-heading .eyebrow{margin:0;color:var(--bf-brass2);font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
body:is([data-profession="barber"],[data-profession="other"]) dialog.bf-on .dialog-heading h2{font-size:0!important;margin:2px 0 0}
body:is([data-profession="barber"],[data-profession="other"]) dialog.bf-on .dialog-heading h2::after{content:attr(data-bf-text);font-family:Literata,Georgia,"Iowan Old Style",serif;font-size:1.55rem;font-weight:700;letter-spacing:-.01em;color:#fffdf8}
body:is([data-profession="barber"],[data-profession="other"]) dialog.bf-on .close-button{background:rgba(255,255,255,.12);color:#fffdf8;box-shadow:none;outline:0}
body:is([data-profession="barber"],[data-profession="other"]) dialog.bf-on .close-button:focus-visible{outline:3px solid var(--bf-brass);outline-offset:2px}
.bf-sub{margin:3px 0 0;color:rgba(255,253,248,.74);font-size:.84rem;font-weight:500}
.bf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.bf-steps i{height:3px;border-radius:3px;background:rgba(255,255,255,.18)}
.bf-steps i.on{background:var(--bf-cta)}
.bf-label{margin:0 2px 8px;color:var(--bf-muted);font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.bf-step{display:flex;align-items:center;gap:9px;margin:4px 2px 10px;color:var(--bf-ink);font-size:.95rem;font-weight:850}
.bf-step b{width:24px;height:24px;display:grid;place-items:center;border:1.6px solid var(--bf-ink);border-radius:50%;font-size:.74rem}
.bf-step.done b{border-color:var(--bf-navy);background:var(--bf-navy);color:var(--bf-brass2)}
.bf-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}
.bf-chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;margin:0;padding:0 14px;border:1px solid var(--bf-line);border-radius:999px;background:var(--bf-paper);color:var(--bf-ink);font:inherit;font-size:.86rem;font-weight:750;cursor:pointer}
.bf-chip.active{border-color:var(--bf-navy);background:var(--bf-navy);color:#fffdf8}
.bf-chip.is-free{border-style:dashed;border-color:#7fb79a;background:#eef7f1;color:#1f6b4b}
.bf-chip.is-free.active{border-style:solid;border-color:var(--bf-navy);background:var(--bf-navy);color:#fffdf8}
.bf-chip.is-person{padding-left:5px}
.bf-chip.is-person.active{background:var(--bf-paper);color:var(--bf-ink);box-shadow:0 0 0 2px var(--bf-navy)}
.bf-av{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e6ebf2;color:var(--bf-navy);font-size:.72rem;font-weight:900}
.bf-chip small{color:#9a5b14;font-size:.72rem;font-weight:800}
.bf-chip:focus-visible,.bf-tile:focus-visible,.bf-more:focus-visible{outline:3px solid var(--bf-brass);outline-offset:2px}
.bf-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:0 0 14px}
.bf-tile{display:grid;align-content:start;gap:6px;min-height:84px;margin:0;padding:10px;border:1.5px solid var(--bf-line);border-radius:16px;background:var(--bf-paper);color:var(--bf-ink);font:inherit;text-align:left;cursor:pointer}
.bf-tile>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#eef0f3;color:var(--bf-navy)}
.bf-tile>span svg{width:17px;height:17px}
.bf-tile strong{font-size:.84rem;line-height:1.2}
.bf-tile small{color:var(--bf-muted);font-size:.7rem;font-weight:650}
.bf-tile.active{border-color:var(--bf-navy);box-shadow:0 0 0 2px var(--bf-navy)}
.bf-tile[disabled]{opacity:.45;cursor:not-allowed}
.bf-more{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;margin:0 0 10px;padding:0 14px;border:1px solid var(--bf-line);border-radius:14px;background:var(--bf-paper);color:var(--bf-ink);font:inherit;font-size:.86rem;font-weight:800;text-align:left;cursor:pointer}
.bf-more span{min-width:0}
.bf-more small{color:var(--bf-muted);font-weight:650}
.bf-more svg{flex:none;transition:transform .15s}
.bf-more[aria-expanded="true"] svg{transform:rotate(90deg)}
.bf-hint{margin:-4px 2px 12px;padding:10px 12px;border-radius:12px;background:#efe9dc;color:var(--bf-muted);font-size:.78rem;line-height:1.4}
body:is([data-profession="barber"],[data-profession="other"]) dialog.bf-on :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){border-radius:12px;background:#fff}
body:is([data-profession="barber"],[data-profession="other"]) dialog.bf-on .primary-button:is([value="default"],#save-client-button){min-height:54px;border:0;border-radius:16px;background:linear-gradient(180deg,var(--bf-cta),var(--bf-cta2));color:var(--bf-navy);font-weight:900;box-shadow:0 10px 24px rgba(226,174,42,.35)}
dialog.bf-on .primary-button[data-bf-label]{font-size:0!important}
dialog.bf-on .primary-button[data-bf-label]>*{display:none!important}
dialog.bf-on .primary-button[data-bf-label]::after{content:attr(data-bf-label);font-size:1rem;font-weight:900}

/* ---------- Novo atendimento ---------- */
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .barber-booking-intro,body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on #contact-picker-label{display:none}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .bf-s1{order:1}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on #contact-picker{order:2;margin-bottom:10px}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on #contact-picker-error{order:2}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .bf-recent{order:3}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .bf-s2{order:4}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .bf-services{order:5}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on.bf-has-catalog :is(label[for="service-name"],#barber-service-preview,.service-select-control){display:none}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on :is(label[for="service-name"],#barber-service-preview,.service-select-control){order:5}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .trainer-session-fields{order:5}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .bf-dur-toggle{order:5}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on #appointment-default-duration{order:5;margin-bottom:12px}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on:not(.bf-show-dur) #appointment-default-duration{display:none!important}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .bf-s3{order:6}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on :is(.bf-seg-label,.bf-seg){order:6}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on :is(label[for="appointment-repeat"],#appointment-repeat){display:none!important}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on :is(#appointment-weekly-options,#appointment-custom-options,#appointment-until-field){order:7}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .bf-slots{order:8}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on #consult-appointment-availability{order:8;margin-bottom:12px}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on:not(.bf-show-dt) #consult-appointment-availability{display:none}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on #booking-availability-home{order:8}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .bf-s4{order:9;margin-top:8px}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .bf-price{order:10}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on :is(label[for="appointment-amount"],.money-input){order:11}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on label[for="appointment-amount"]{display:none}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on:not(.bf-show-price):not(.bf-price-empty) .money-input{display:none!important}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .money-input{display:flex;align-items:baseline;gap:6px;margin:-6px 0 14px;padding:4px 16px 14px;border:1px solid var(--bf-line);border-top:0;border-radius:0 0 18px 18px;background:var(--bf-paper)}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .money-input span{position:static;color:#8a6410;font-family:Literata,Georgia,serif;font-size:1.5rem;font-weight:700}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .money-input input{flex:1;min-width:0;margin:0;padding:2px 0;border:0;border-bottom:2px solid var(--bf-brass);border-radius:0;background:transparent;box-shadow:none;color:var(--bf-ink);font-family:Literata,Georgia,serif;font-size:2.1rem;font-weight:700;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .money-input input::placeholder{color:#c9c2b2}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .money-input input:focus{outline:none;border-bottom-color:var(--bf-navy)}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .money-input input::-webkit-inner-spin-button,body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .money-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on:is(.bf-show-price,.bf-price-empty) .bf-price{border-bottom:0;border-radius:18px 18px 0 0;margin-bottom:0}
.bf-price{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:14px 16px;border:1px solid var(--bf-line);border-radius:18px;background:var(--bf-paper)}
.bf-price p{margin:0;color:var(--bf-muted);font-size:.8rem;font-weight:650}
.bf-price strong{display:block;margin-top:2px;color:var(--bf-ink);font-family:Literata,Georgia,serif;font-size:2.1rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.bf-price strong small{margin-left:4px;color:#8a6410;font-size:1.3rem}
.bf-price-edit{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:42px;margin:0;padding:0 16px;border:1px solid var(--bf-line);border-radius:999px;background:#fff;color:var(--bf-navy);font:inherit;font-size:.86rem;font-weight:850;cursor:pointer}
.bf-price-edit svg{width:15px;height:15px}
.bf-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 14px;padding:4px;border-radius:14px;background:#ece5d5}
.bf-seg button{min-height:40px;margin:0;padding:6px 4px;border:0;border-radius:10px;background:transparent;color:var(--bf-muted);font:inherit;font-size:.84rem;font-weight:800;line-height:1.15;cursor:pointer}
.bf-seg button.active{background:var(--bf-paper);color:var(--bf-ink);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.bf-seg button:focus-visible,.bf-price-edit:focus-visible,.bf-link:focus-visible{outline:3px solid var(--bf-brass);outline-offset:2px}
.bf-link{align-self:flex-start;margin:-6px 2px 14px;padding:4px 0;border:0;background:none;color:var(--bf-navy);font:inherit;font-size:.84rem;font-weight:850;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .bf-notes-toggle{order:12}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on :is(label[for="appointment-notes"],#appointment-notes){order:13}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on:not(.bf-show-notes) :is(label[for="appointment-notes"],#appointment-notes){display:none}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on #appointment-notes{min-height:70px;margin-bottom:12px}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on :is(#appointment-error,#appointment-outside-hours-choice,#appointment-conflict-choice){order:14}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .bf-sum{order:15}
body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on .primary-button[value="default"],body:is([data-profession="barber"],[data-profession="other"]) #appointment-dialog.bf-on form>.primary-button:last-of-type{order:16;position:sticky;bottom:0;z-index:2;box-shadow:0 10px 24px rgba(226,174,42,.35),0 0 0 12px var(--bf-cream)}
.bf-sum{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:6px 2px 10px;padding-top:12px;border-top:1px solid var(--bf-line);color:var(--bf-muted);font-size:.82rem}
.bf-sum b{color:var(--bf-ink);font-size:1rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.bf-sum span{min-width:0}

/* ---------- Novo cliente ---------- */
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on .client-photo-field{order:1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:0 0 8px;padding:12px;border:1px solid var(--bf-line);border-radius:18px;background:var(--bf-paper)}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on .client-photo-field .field-help{display:none}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on #new-client-photo-preview{border:1.5px dashed var(--bf-brass);background:#fbf5e6;color:#8a6410}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on :is(label[for="new-client-name"],#new-client-name){order:2}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on #new-client-name{margin-bottom:12px}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on .form-row:has(#client-phone){order:3;display:contents}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on .form-row:has(#client-phone)>div{display:contents}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on label[for="client-phone"]{order:3;font-size:0}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on label[for="client-phone"]::after{content:attr(data-bf-text);font-size:.82rem}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on #client-phone{order:4;margin-bottom:8px}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on .bf-phone-hint{order:5}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on label[for="client-notes"]{order:6;font-size:0}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on label[for="client-notes"]::after{content:attr(data-bf-text);font-size:.82rem}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on #client-notes{order:7;min-height:70px;margin-bottom:12px}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on .bf-more-data{order:8}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on :is(label[for="client-contact"],#client-contact,label[for="client-email"],#client-email,.communication-preferences){order:9}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on:not(.bf-show-more) :is(label[for="client-contact"],#client-contact,label[for="client-email"],#client-email,.communication-preferences){display:none!important}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on :is(#client-contact,#client-email){margin-bottom:10px}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on #save-client-button{order:20;position:sticky;bottom:0;z-index:2;margin-top:8px;box-shadow:0 10px 24px rgba(226,174,42,.35),0 0 0 12px var(--bf-cream)}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on #client-error{order:21}
body:is([data-profession="barber"],[data-profession="other"]) #client-dialog.bf-on>form>:not(.dialog-heading):not(.client-photo-field):not(label):not(input):not(textarea):not(.form-row):not(.bf-x):not(.communication-preferences):not(#save-client-button):not(#client-error){order:19}

/* ---------- Lembrete ---------- */
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .dialog-heading .eyebrow{display:flex;align-items:center;gap:6px}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .dialog-heading .eyebrow svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on #reminder-quick{order:1}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .bf-purpose{order:2}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on :is(label[for="reminder-title"],#reminder-title){order:3}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on #reminder-title{margin-bottom:12px}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .bf-who{order:4}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on :is(label[for="reminder-client"],#reminder-client){order:5}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on.bf-has-clients :is(label[for="reminder-client"]){display:none}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on #reminder-client{margin-bottom:12px}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .bf-act{order:6}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on :is(label[for="reminder-action"],#reminder-action,#reminder-action-help){order:7}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on :is(label[for="reminder-action"],#reminder-action){display:none}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on #reminder-action-help{margin:-6px 2px 12px}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .bf-when{order:8}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .form-row:has(#reminder-date){order:9;display:block}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .form-row:has(#reminder-date)>div:first-child{display:none}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on.bf-show-date .form-row:has(#reminder-date){display:grid}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on.bf-show-date .form-row:has(#reminder-date)>div:first-child{display:block}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .form-row:has(#reminder-notice){order:10}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on #reminder-notice-custom-row{order:11}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .rm-important{order:12;position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 2px 12px;font-weight:850;cursor:pointer}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .rm-important input{position:absolute;opacity:0;width:1px;height:1px}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .rm-important::after{content:"";flex:none;width:46px;height:28px;border-radius:999px;background:#dfe2dc radial-gradient(circle 11px at 14px 50%,#fff 98%,transparent) no-repeat;transition:background-color .15s,background-position .15s}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .rm-important:has(input:checked)::after{background:var(--bf-navy) radial-gradient(circle 11px at 32px 50%,#fff 98%,transparent) no-repeat}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .rm-important:has(input:focus-visible)::after{outline:3px solid var(--bf-brass);outline-offset:2px}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on :is(label[for="reminder-notes"],#reminder-notes){order:13}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on #reminder-notes{min-height:64px}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on #reminder-done-row{order:14}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on form>.field-help:not(#reminder-action-help){order:15;font-size:.76rem}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on #reminder-error{order:16}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .sd-actions{order:17;position:sticky;bottom:0;z-index:2;background:var(--bf-cream);box-shadow:0 0 0 12px var(--bf-cream)}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .sd-actions .primary-button{width:100%}
@media(max-width:350px){.bf-tiles{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.bf-chip{padding:0 11px;font-size:.8rem}dialog.bf-on .primary-button[data-bf-label]::after{font-size:.9rem}}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on .sd-actions .primary-button{min-height:54px;border:0;border-radius:16px;background:linear-gradient(180deg,var(--bf-cta),var(--bf-cta2));color:var(--bf-navy);font-weight:900;box-shadow:0 10px 24px rgba(226,174,42,.35)}
body:is([data-profession="barber"],[data-profession="other"]) #reminder-dialog.bf-on form>.field-help:not(#reminder-action-help){display:none}
.bf-act .bf-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}