/* FOURMI THINK — Barbeiro: Ficha do cliente (barber-detail.js). Usa os componentes da ficha do aluno (tsp-*) na pele Marinho & Latão. */
body:not(:is([data-profession="barber"],[data-profession="other"])) :is(.bcd-hero,.bcd-part){display:none!important}
/* O que a nova ficha substitui (continua no DOM; só some da tela no Barbeiro). */
body:is([data-profession="barber"],[data-profession="other"]) #client-detail-dialog.bcd-on .client-detail-shell>.dialog-heading,
body:is([data-profession="barber"],[data-profession="other"]) #client-detail-dialog.bcd-on #client-detail-content>:not(.bcd-part,.bclub-card-host){display:none!important}
body:is([data-profession="barber"],[data-profession="other"]) #client-detail-dialog.bcd-on{overflow-x:hidden}
body:is([data-profession="barber"],[data-profession="other"]) #client-detail-dialog.bcd-on #client-detail-content{display:flex;flex-direction:column;gap:10px}
body:is([data-profession="barber"],[data-profession="other"]) #client-detail-dialog.bcd-on #client-detail-content>.bcd-top{order:1}
body:is([data-profession="barber"],[data-profession="other"]) #client-detail-dialog.bcd-on #client-detail-content>.bclub-card-host{order:2;margin:0}
body:is([data-profession="barber"],[data-profession="other"]) #client-detail-dialog.bcd-on #client-detail-content>.bcd-rest{order:3}
body:is([data-profession="barber"],[data-profession="other"]) #client-detail-dialog.bcd-on #client-detail-content>.bcd-tabs{order:4}
body:is([data-profession="barber"],[data-profession="other"]) #client-detail-dialog.bcd-on #client-detail-content>.bcd-pane{order:5}

.bcd{--tsp-g:#0d1b2e;--tsp-deep:#0d1b2e;--tsp-gold:#d4a853;--tsp-gold2:#f0c13a;--tsp-paper:#fffdf8;--tsp-cream:#f5f1e8;--tsp-ink:#14201b;--tsp-muted:#5f6b66;--tsp-line:#e7dfcd;--bcd-soft:#e6ebf2;--bcd-tag:#f8edd2;--bcd-goldink:#8a6410;--bcd-late:#a8392b;--bcd-latebg:#f6dcd6}
.bcd-hero{background:radial-gradient(80% 120% at 100% 0,rgba(212,168,83,.22),transparent 60%),linear-gradient(160deg,#16263d,#0d1b2e)}
.bcd-hero::before{display:none}
.bcd-hero .tsp-hero-av{border-color:#d4a853}
.bcd-hero .tsp-tags>span.is-club{background:rgba(232,199,125,.2);color:#e8c77d}
.bcd-hero .tsp-act[data-gold]>span{box-shadow:0 6px 16px rgba(240,193,58,.3)}
.bcd .tsp-date{background:var(--tsp-cream);color:var(--tsp-g)}
.bcd .tsp-pill.is-club{background:var(--bcd-tag);color:var(--bcd-goldink)}
.bcd-top,.bcd-rest{margin:0}
.bcd-hero .tsp-menu{min-width:240px}
.bcd-hero .tsp-menu button{white-space:nowrap}

/* Ritmo de volta */
.bcd-rhythm{display:grid;gap:7px;padding:12px 14px;border-radius:16px;background:var(--bcd-soft);color:#3f4b5b}
.bcd-rhythm-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px}
.bcd-rhythm-top strong{display:inline-flex;align-items:center;gap:6px;color:var(--tsp-g);font-size:.92rem}
.bcd-rhythm-top strong svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bcd-rhythm small{font-size:.78rem;line-height:1.4}
.bcd-track{height:8px;overflow:hidden;border-radius:999px;background:#d3dbe7}
.bcd-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0d1b2e,#26406a)}
.bcd-rhythm.is-late{background:var(--bcd-latebg);color:#6b3a33}
.bcd-rhythm.is-late .bcd-rhythm-top strong{color:var(--bcd-late)}
.bcd-rhythm-acts{display:flex;flex-wrap:wrap;gap:6px}
.bcd-btn{display:inline-flex;flex:1 1 140px;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;border:0;border-radius:12px;font:inherit;font-size:.82rem;font-weight:800;text-decoration:none;cursor:pointer}
.bcd-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bcd-btn.is-dark{background:#0d1b2e;color:#fffdf8!important}
.bcd-btn.is-soft{background:#fffdf8;color:#0d1b2e!important}

/* Abas */
.bcd-tabs{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);gap:4px;margin:6px 0 2px;padding:4px;border-radius:14px;background:#ebe5d8}
.bcd-tabs button{min-width:0;min-height:40px;padding:0 4px;border:0;border-radius:10px;background:transparent;color:#5f6b66;font:inherit;font-size:.88rem;font-weight:800;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bcd-tabs button.active{background:#fffdf8;color:#0d1b2e;box-shadow:0 1px 4px rgba(13,27,46,.15)}
.bcd-tabs button:focus-visible{outline:3px solid #d4a853;outline-offset:1px}

/* Fotos (em breve) */
.bcd-soon{display:flex;gap:12px;padding:14px;border:1.5px dashed #d8ccb0;border-radius:18px}
.bcd-soon-ic{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:repeating-linear-gradient(135deg,#e7dfcd 0 6px,#f1ebdd 6px 12px);color:#8b8371}
.bcd-soon-ic svg,.bcd-row>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bcd-soon>div{min-width:0;display:grid;gap:4px}
.bcd-soon p{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.bcd-soon em{padding:2px 8px;border-radius:999px;background:var(--bcd-tag);color:var(--bcd-goldink);font-size:.68rem;font-style:normal;font-weight:800}
.bcd-soon small{color:var(--tsp-muted);font-size:.8rem;line-height:1.4}

/* Dados */
.bcd-prefs{display:grid;gap:6px;padding:12px 14px;border:1.5px dashed #d8ccb0;border-radius:16px;background:#fffaf0}
.bcd-prefs>span{color:var(--bcd-goldink);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.bcd-prefs p{margin:0;font-size:.9rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.bcd-prefs p.is-empty{color:var(--tsp-muted);font-size:.84rem}
.bcd-prefs .tsp-ghost{justify-self:start}
.bcd-list{display:grid;overflow:hidden;border:1px solid var(--tsp-line);border-radius:16px;background:var(--tsp-paper)}
.bcd-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;border:0;border-top:1px solid var(--tsp-line);background:transparent;color:var(--tsp-ink)!important;font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.bcd-list>.bcd-row:first-child{border-top:0}
.bcd-row.is-static{cursor:default}
.bcd-row>svg{color:var(--bcd-goldink)}
.bcd-row>svg:last-child:not(:first-child){width:16px;height:16px;color:#a89f8a}
.bcd-row>span{flex:1;min-width:0;display:grid;gap:1px}
.bcd-row b{font-size:.9rem;font-weight:750;overflow-wrap:anywhere}
.bcd-row small{color:var(--tsp-muted);font-size:.76rem}
.bcd-row:focus-visible{outline:3px solid #d4a853;outline-offset:-3px}
.bcd-switch{position:relative;width:40px;height:24px;flex:none;border-radius:999px;background:#d9d1bf;transition:background-color .15s ease}
.bcd-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease}
.bcd-switch.is-on{background:#0d1b2e}
.bcd-switch.is-on::after{background:#e8c77d;transform:translateX(16px)}
.bcd-history{border-top:1px solid var(--tsp-line)}
.bcd-history>summary{border-top:0;list-style:none}
.bcd-history>summary::-webkit-details-marker{display:none}
.bcd-history[open]>summary>svg:last-child{transform:rotate(90deg)}
.bcd-history-slot{padding:0 14px 12px}
.bcd-history-slot .communication-history{margin:0}
.bcd-invite-slot:empty{display:none}
.bcd-invite-slot{padding:0 14px 12px}
.bcd-pane.is-data{gap:8px}
.bcd-pane.is-data h4{margin:8px 0 0}

@media (max-width:350px){
  .bcd-tabs button{font-size:.78rem}
  .bcd-row{gap:10px;padding:10px 12px}
}
