/* ═══ 5.1 · d · Agenda: estado da marcação em bolinhas (como nos Pedidos), cartão das ações com subcaixas, calendário no horário de trabalho ═══ */
@media (min-width:701px){
/* cartão das ações: o Estado em cima, a toda a largura; por baixo, subcaixas com nome */
.cx47s.hj51d{row-gap:6px;padding:6px 7px 7px}
.hj51d .sb51d .btn,.hj51d .sb51d .btn.k41{height:26px}
/* na janela da marcação, o cartão dos dados tem a altura do que mostra, e tudo cabe na janela */
.em44 .hj50m{align-items:start}
.em44 .hj50e{max-width:100%}
/* Hoje sem mais marcações: o cartão das Restantes fica só com a frase (nada de caixa branca grande) */
#view>.hj50r.card:not(.grow){flex:0 0 auto}
.hj51d>.es51d{grid-column:1/-1}
.es51d{border:1px solid #dee5e6;border-radius:10px;background:#f5f7f8;padding:6px 10px 7px;min-width:0}
.eh51d{display:flex;align-items:baseline;gap:8px;min-width:0}
.cx47s .eh51d .t47,.cx47s .eh51d .t47:first-child{margin:0;flex:none}
.eh51d b{font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.eh51d b.ok{color:#2b696e}.eh51d b.no{color:#b03a2e}.eh51d b.w{color:#9a6212}.eh51d b.cm{color:#2f74c0}
.ed51d{margin-top:5px}
.ed51d .stp47,.ed51d .stph47{max-width:none;width:100%;margin:0}
.ed51d .stph47{padding:0;margin-bottom:1px}
.ed51d .stph47 span{font-size:10px;font-weight:600;color:var(--mu);text-transform:none;letter-spacing:0}
.ex51d{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:5px;padding-top:5px;border-top:1px dashed #dce3e4;font-size:11.5px;color:var(--mu)}
.lnk51d{border:0;background:none;padding:0;color:#2b696e;font:inherit;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;gap:4px;cursor:pointer}
.lnk51d svg.i40{width:13px;height:13px}
.lnk51d:hover{text-decoration:underline}
.cl51d{display:flex;flex-direction:column;gap:7px;min-width:0}
.sb51d{display:flex;flex-direction:column;border:1px solid #e3e8e9;border-radius:10px;padding:1px 4px 3px;background:#fff;min-width:0}
.cx47s .sb51d .t47,.cx47s .sb51d .t47:first-child{margin:5px 6px 1px}
/* «só leitura»: as subcaixas sem nada que se possa usar não aparecem */
.ro .sb51d:not(:has(.ok-ro)),.modal.ro .sb51d:not(:has(.ok-ro)),.ro .lnk51d,.modal.ro .lnk51d{display:none}
/* a linha verde liga ao Estado */
.hj50m .hj50lk::before{top:46px}.hj50m .hj50lk::after{top:42px}

/* Hoje · Restantes Marcações: o Estado manda nos passos todos */
.hj51dr.n6 .th,.hj51dr.n6 .tr{grid-template-columns:64px minmax(0,1fr) 372px 22px}
.hj51dr.n4 .th,.hj51dr.n4 .tr{grid-template-columns:64px minmax(0,1fr) 262px 22px}
.hj51dr .stp47,.hj51dr .stph47{max-width:none;width:100%}
.sth48>.st51dT{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mu);align-self:center;text-align:center;line-height:1.2;margin-bottom:1px}

/* Calendário: as horas com a altura que cabe no ecrã (--ph), linhas da grelha a acompanhar */
.cg50b .cg50d{background-image:repeating-linear-gradient(to bottom,#e6ebec 0,#e6ebec 1px,transparent 1px,transparent calc(var(--ph) / 2),#f4f5f2 calc(var(--ph) / 2),#f4f5f2 calc(var(--ph) / 2 + 1px),transparent calc(var(--ph) / 2 + 1px),transparent var(--ph))}
/* fora do horário de trabalho: faixa cinzenta */
.off51d{position:absolute;left:0;right:0;background:rgba(71,78,80,.06);pointer-events:none;z-index:0;border-top:1px solid rgba(71,78,80,.07);border-bottom:1px solid rgba(71,78,80,.07)}
.off51d.dia{background:rgba(71,78,80,.075)}
.leg51d .rmS51d{display:inline-block;width:16px;height:10px;border-radius:3px;background:#fff;border:1.5px solid #d9534a;border-left-width:3px;margin-right:4px;vertical-align:-1px}
.leg51d .of51d{display:inline-block;width:16px;height:10px;border-radius:3px;background:rgba(71,78,80,.12);border:1px solid rgba(71,78,80,.14)}
/* por remarcar: sem riscas; diz-se por escrito no cartão */
.ev50b.rm{border:1.5px solid #d9534a;border-left:3px solid var(--ec);background:#fff}
.rm51d{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:10.5px;font-weight:700;color:#b03a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.rm51d svg.i40{width:10px;height:10px;stroke-width:2.6;flex:none}
.ev50b .tp .rm51d{font-size:11px}
.ev50b .ics .rm51d{max-width:100%}
.ei50b.nc{background:#c0392b}
/* vista Mês: a grelha de 7 dias (o bloco v50g, Custos à Medida, usa o mesmo nome de classe .cm50g e desfazia a grelha) */
.cal50 .cm50g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;align-items:stretch;padding:0;border-top:0}
/* legenda: cada sinal por extenso */
.leg51d{gap:4px 12px}
.leg51d>b{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a918b}
}

