/* components/meeting.css — Linha de reunião (.meeting) da tela Reuniões, ações (.macts) e etiquetas de status (.badge). Deve vir DEPOIS de cards.css (sobrescreve padding/margem do .card). */

.meeting{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 1.6rem;margin-bottom:1.25rem;width:100%}
.date{width:84px;height:84px;border-radius:18px;background:var(--header);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}
.date b{font-size:1.9rem;line-height:1}
.date small{color:var(--on-dark-soft);font-weight:700;font-size:.85rem;margin-top:.2rem}
.minfo{flex:1;min-width:0}
.minfo h4{font-size:1.2rem;margin-bottom:.3rem}
.meta{display:flex;gap:1.2rem;flex-wrap:wrap;color:var(--muted)}
.meta span{display:flex;align-items:center;gap:.45rem}
.badge{display:inline-block;background:var(--ok-soft);color:var(--ok-ink);border-radius:99px;padding:.3rem .9rem;font-size:.82rem;font-weight:700;white-space:nowrap}
.badge.info{background:var(--primary-soft);color:var(--brand)}
.badge.busy{background:var(--err-soft);color:var(--err)}
.badge.warn{background:var(--warn-soft);color:var(--warn-ink)}                                           /* convite Pendente (contraste 6,4:1) */
.badge.off,.badge.past{background:var(--off);color:var(--muted)}
.macts{display:flex;align-items:center;gap:.15rem}
.meeting[data-detail]{cursor:pointer;transition:.15s}
.meeting[data-detail]:hover{border-color:var(--primary-edge)}
.badge small{display:block;font-weight:500;color:inherit}