/* ═══ 5.1 · bloco c · bolinhas iguais às dos Pedidos em toda a app; Relatórios › corrigir com nova versão ═══ */
/* relatório a corrigir (nova versão) ou a editar: uma linha a dizer o que se está a fazer, por cima dos passos */
.cr51c{display:flex;align-items:flex-start;gap:9px;margin:0 0 10px;padding:9px 12px;border:1px solid #d9e2e2;border-left:3px solid var(--ac);border-radius:10px;background:#f4f8f8;font-size:12.5px;line-height:1.45;color:var(--tx)}
.cr51c svg.i40{width:15px;height:15px;flex:none;margin-top:1px;color:var(--ac)}
.cr51c b{color:var(--ink)}
/* bolinhas só de leitura (técnico sem permissão, ou o «Pedido»/«Aceite»/«Contacto», que estão sempre feitos): sem mãozinha */
.stp50c i.d50c.ro{cursor:default}
/* o estado lido em texto na coluna das ações (Relatórios, Encomendas, Pronto a Faturar), como nos Pedidos */
.cx47s .es50c+.btn{margin-top:4px}
/* Pronto a Faturar: o título «Estado» por cima dos passos (com a chaveta), como nas outras listas */
.th48 .sth48{display:flex;flex-direction:column;align-items:stretch;justify-self:stretch}
.th48 .eh51c{display:block;font:inherit;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mu);background:none;border:0;padding:0 0 1px}

/* editor de relatórios (computador): cabe num ecrã, sem scroll da página; as colunas fazem scroll por dentro se for preciso */
@media (min-width:701px){
#view.re51c>.filt{flex:none;min-height:0}
#view.re51c .cr51c{flex:1 1 auto;min-width:0;margin:0 0 0 10px;padding:6px 10px;align-items:center}
#view.re51c .cr51c>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#view.re51c .cr51c+.chip,#view.re51c .cr51c~.chip{flex:none}
#view.re51c>.rd51c{flex:none;display:flex;gap:8px;min-width:0;margin-bottom:10px}
#view.re51c>.rd51c>.card.done{flex:1 1 0;min-width:0;margin:0}
#view.re51c>.rd51c>.card.done .ch{flex-wrap:nowrap;gap:8px;min-width:0}
#view.re51c>.rd51c>.card.done .ch h2{white-space:nowrap;flex:none}
#view.re51c>.rd51c>.card.done .sumtx{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}
#view.re51c>.rd51c>.card.done .btn{flex:none}
/* o passo aberto ocupa o resto do ecrã */
#view.re51c>#r3,#view.re51c>#r4{flex:1 1 0;min-height:0;display:flex;flex-direction:column;margin-bottom:0}
#view.re51c>#r3>.ch,#view.re51c>#r4>.ch,#view.re51c>#r3>.rowe,#view.re51c>#r4>.rowe{flex:none}
#view.re51c>#r3>.rowe,#view.re51c>#r4>.rowe{margin-top:8px}
.rg51c{flex:1 1 0;min-height:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px}
.rg51c>.rl51c,.rg51c>.rr51c{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-right:2px}
.rg51c .sub{margin-top:0!important;padding:9px 12px}
.rg51c .sub .sh{margin-bottom:6px}
.rg51c .fsel{grid-template-columns:repeat(2,minmax(0,1fr))}
.rg51c .fsel .fs{min-height:36px}
.rg51c .thumbs3{max-height:180px;overflow:auto}
.rg51c .addf{min-height:76px}
.rg51c .opts .opt{min-height:30px;padding:3px 10px;font-size:12.5px}
.rg51c .rr51c .tab{max-height:170px;overflow:auto}
.rg51c .tipos.sm .tipo{min-height:46px!important}
/* passo 4: texto e o que cobrar à esquerda; as assinaturas à direita, uma por baixo da outra */
.rg51c.r4>.rl51c>textarea{flex:none;min-height:84px;height:96px}
.rg51c.r4 .sg45e{grid-template-columns:1fr;gap:8px}
.rg51c.r4 .sg45e .sub{padding:8px 12px}
.rg51c.r4 .sigc{height:104px}
.rg51c.r4 .sg45e .row{margin-top:6px!important}
}