/* FOURMI THINK — Gráfico "Evolução" compartilhado (Professor + Barbeiro) e indicadores clicáveis do Resumo mensal.
   Visual base: classes .tms-* já existentes em styles.css. Movimento: tokens do Motion System (teacher-motion.css). */
.mev-bar{appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mev-bar:disabled{cursor:default}
.mev-bar:not(:disabled):active .tms-bar{transform:scaleY(.97)}
.mev-bar .tms-bar{transform-origin:bottom;transition:background-color var(--motion-fast,160ms) var(--ease-standard,ease),transform var(--motion-fast,160ms) var(--ease-standard,ease)}
.mev-bar:focus-visible{outline:3px solid var(--gold,#c9a24c);outline-offset:2px}
.mev-bar.is-picked .tms-bar{background:#0c4a3a;box-shadow:0 0 0 3px #0c4a3a22}
.mev-bar.is-picked .tms-bar-label{color:#0c4a3a;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.mev-bar.is-picked .tms-bar-value{color:#0c4a3a}
.mev-toggle button{transition:background-color var(--motion-fast,160ms) var(--ease-standard,ease),color var(--motion-fast,160ms) var(--ease-standard,ease)}
.mev-bars.mev-swap{animation:mev-crossfade var(--motion-base,240ms) var(--ease-standard,ease) both}
.mev-bars.mev-swap .tms-bar{animation:mev-grow var(--motion-base,240ms) var(--ease-emphasized,ease) both}
@keyframes mev-crossfade{from{opacity:.25}to{opacity:1}}
@keyframes mev-grow{from{transform:scaleY(.6)}to{transform:none}}
.mev-detail{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:12px 12px 12px 14px;border:1px solid #d9e8df;border-radius:16px;background:#f2f8f4;animation:motion-fade-lift var(--motion-base,240ms) var(--ease-standard,ease) both}
.mev-detail-copy{display:grid;gap:1px;min-width:0}
.mev-detail-month{color:#55615a;font-size:.76rem;font-weight:800}
.mev-detail-label{color:#3d4a44;font-size:.82rem;font-weight:700}
.mev-detail-value{color:#0c3b2f;font-size:1.25rem;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mev-detail-actions{display:flex;align-items:center;gap:6px;width:100%}
.mev-records{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:#0c4a3a;color:#fff;font-size:.86rem;font-weight:800;white-space:nowrap;flex:1;justify-content:center}
.mev-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#55615a}
.mev-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}

/* Indicadores do Professor como botões reais (mesmo visual) */
.tms-open{appearance:none;-webkit-appearance:none;width:100%;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--motion-fast,160ms) var(--ease-standard,ease),box-shadow var(--motion-fast,160ms) var(--ease-standard,ease),border-color var(--motion-fast,160ms) var(--ease-standard,ease)}
.tms-open:hover{border-color:#cfe2d6;box-shadow:0 8px 20px -14px #0b2a2066}
.tms-open:active{transform:scale(.98)}
.tms-open:focus-visible{outline:3px solid var(--gold,#c9a24c);outline-offset:2px}

/* Barbeiro: gráfico na seção "Resumo mensal", abaixo dos indicadores mensais existentes */
#workspace:not(:is([data-profession="barber"],[data-profession="other"])) .bm-evolution{display:none!important}
.bm-evolution{margin-top:12px}
.bm-evolution .mev{box-shadow:0 6px 18px #0b2a200d}
.bm-evolution .tms-evolution-head h3{font-size:1rem;font-weight:850}

/* Lista "Aulas realizadas" do Professor (mesmo componente da lista do Barbeiro) com a identidade verde do Professor */
.bm-sheet.is-teacher .bm-act[data-bm-pay],.bm-sheet.is-teacher .bm-act.is-primary{border-color:#0c4a3a;background:#0c4a3a}
.bm-sheet.is-teacher .bm-row.is-completed{border-left-color:#0c6248}

@media(prefers-reduced-motion:reduce){.mev-bars.mev-swap,.mev-bars.mev-swap .tms-bar,.mev-detail,.tms-open,.mev-bar .tms-bar{animation:none!important;transition:none!important}}
/* Cabeçalho do gráfico: o seletor desce para a linha de baixo quando não cabe (Atendimentos / Rendez-vous em 320px) */
.mev .tms-evolution-head{flex-wrap:wrap;row-gap:8px}
.mev .mev-toggle{max-width:100%}
.mev .mev-toggle button{padding:4px 12px;white-space:nowrap}