/* Atendimento: botão flutuante do WhatsApp, cartão "Atendimento agora" e tabela da semana. */

/* ---------------------------------------------------------------- botão flutuante */
.c-zap { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 50%; background: var(--zap); color: var(--noite); box-shadow: var(--sombra-forte); text-decoration: none; transition: transform var(--t-rapida), background-color var(--t-rapida); }
.c-zap:hover { background: #1fbd5b; color: var(--noite); transform: translateY(-2px); }
.c-zap:focus-visible { outline: 3px solid var(--lumi); outline-offset: 3px; }
.c-zap__icone { width: 1.9rem; height: 1.9rem; }
.c-zap__ponto { position: absolute; top: .1rem; right: .1rem; width: .85rem; height: .85rem; border-radius: 50%; background: #11803a; border: 2px solid var(--branco); display: none; }
.c-zap.is-online .c-zap__ponto { display: block; }
.c-zap__balao { position: absolute; right: calc(100% + .75rem); top: 50%; transform: translate(6px, -50%); padding: .5rem .85rem; background: var(--noite); color: var(--creme); font-size: .88rem; font-weight: 500; line-height: 1.2; white-space: nowrap; box-shadow: var(--sombra); border: 1px solid rgba(248, 245, 211, .25); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--t-rapida), transform var(--t-rapida), visibility var(--t-rapida); }
.c-zap:hover .c-zap__balao, .c-zap:focus-visible .c-zap__balao { opacity: 1; visibility: visible; transform: translate(0, -50%); }
@media (hover: none) { .c-zap__balao { display: none; } }
@media (prefers-reduced-motion: reduce) {
	.c-zap, .c-zap__balao { transition: none; }
	.c-zap:hover { transform: none; }
}

/* ---------------------------------------------------------------- cartão "Atendimento agora" (bloco escuro) */
.c-atendente { display: grid; gap: 1.1rem; padding: 1.4rem 1.5rem 1.5rem; background: var(--noite-2); border: 1px solid var(--linha-clara); border-left: 4px solid var(--teal); color: var(--creme); }
.c-atendente.is-online { border-left-color: var(--zap); }
.c-atendente__rotulo { display: flex; align-items: center; gap: .55rem; margin: 0; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--lumi); }
.c-atendente__ponto { width: .6rem; height: .6rem; border-radius: 50%; background: rgba(248, 245, 211, .4); flex: none; }
.c-atendente.is-online .c-atendente__ponto { background: var(--zap); box-shadow: 0 0 0 3px rgba(37, 211, 102, .25); }
.c-atendente__corpo { display: flex; align-items: center; gap: 1rem; min-width: 0; }
.c-atendente__foto { flex: none; display: grid; place-items: center; width: 4.25rem; height: 4.25rem; overflow: hidden; background: var(--petroleo); color: var(--creme); font-family: var(--fonte-titulo); font-size: 1.45rem; font-weight: 500; letter-spacing: .02em; }
.c-atendente__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.c-atendente__texto { min-width: 0; }
.c-atendente__texto p { margin: 0; }
.c-atendente__nome { font-size: 1.15rem; font-weight: 600; color: var(--branco); line-height: 1.25; overflow-wrap: anywhere; }
.c-atendente__cargo { font-size: .9rem; color: rgba(248, 245, 211, .75); }
.c-atendente__cargo:empty { display: none; }
.c-atendente__status { margin-top: .3rem !important; font-size: .95rem; font-weight: 500; color: var(--creme); }
.c-atendente__status:empty { display: none; }
.c-atendente .c-botao { justify-self: start; }
@media (max-width: 30em) { .c-atendente .c-botao { justify-self: stretch; } }

/* ---------------------------------------------------------------- tabela da semana */
.c-escala { max-width: 44rem; }
.c-escala__tabela { width: 100%; border-collapse: collapse; font-size: .97rem; }
.c-escala__tabela caption { text-align: left; font-weight: 700; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--petroleo); padding-bottom: .75rem; }
.c-escala__tabela th, .c-escala__tabela td { text-align: left; vertical-align: top; padding: .7rem .75rem .7rem 0; border-bottom: 1px solid var(--linha); }
.c-escala__tabela thead th { font-size: .78rem; font-weight: 700; color: var(--tinta-3); border-bottom-color: var(--linha-forte); }
.c-escala__tabela tbody th { width: 9.5rem; font-weight: 600; color: var(--tinta); white-space: nowrap; }
.c-escala__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: .3rem; }
.c-escala__hora { font-weight: 600; color: var(--tinta); font-variant-numeric: tabular-nums; }
.c-escala__nome { color: var(--tinta-2); }
.c-escala__geral { color: var(--tinta-3); }
.c-escala__hoje { display: inline-block; margin-left: .35rem; padding: .05rem .45rem; background: var(--lumi); color: var(--noite); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; vertical-align: 1px; }
.c-escala__hoje[hidden] { display: none; }
.c-escala__tabela tr.is-hoje th, .c-escala__tabela tr.is-hoje td { background: rgba(247, 206, 62, .14); }
.c-escala__tabela tr.is-hoje th { padding-left: .6rem; box-shadow: inset 3px 0 0 var(--lumi); }
.c-escala__nota { margin: .9rem 0 0; font-size: .88rem; color: var(--tinta-3); }
@media (max-width: 30em) {
	.c-escala__tabela tbody th { width: 6.8rem; white-space: normal; }
}
.c-escala--escura .c-escala__tabela caption { color: var(--lumi); }
.c-escala--escura .c-escala__tabela th, .c-escala--escura .c-escala__tabela td { border-bottom-color: var(--linha-clara); }
.c-escala--escura .c-escala__tabela thead th, .c-escala--escura .c-escala__geral, .c-escala--escura .c-escala__nota { color: rgba(248, 245, 211, .7); }
.c-escala--escura .c-escala__tabela tbody th, .c-escala--escura .c-escala__hora { color: var(--branco); }
.c-escala--escura .c-escala__nome { color: var(--creme); }
.c-escala--escura .c-escala__tabela tr.is-hoje th, .c-escala--escura .c-escala__tabela tr.is-hoje td { background: rgba(247, 206, 62, .1); }

/* 1.0.3: botão do WhatsApp 20% maior */
.c-zap { width: 4.2rem; height: 4.2rem; }
.c-zap__icone { width: 2.28rem; height: 2.28rem; }