/* ═══ v46m · correções do telemóvel (testes de 21/10, 390 e 360 px) e a ficha da marcação no computador ═══ */
@media (max-width:700px){
 /* 1 · relatório (pop-up): os botões de envio têm a largura toda, o texto cabe */
 .msheet .side2>.btn.snd{grid-column:1/-1}

 /* 2 · assinatura do técnico no passo «Assinar» */
 .msig.msigT46 .sigc{height:150px}

 /* 3 · listas: a segunda linha (morada e tipo, produtos, NIF e morada) muda de linha em vez de cortar (até 3 linhas) */
 body[data-v46="hoje"] .mrow .d.mmain>span,body[data-v46="lista"] .mrow .d.mmain>span,body[data-v46="precos"] .mrow .d.mmain>span,body[data-v46="novo"] .mrow .d.mmain>span,body[data-v46="clientes"] .mrow .d.mmain>span{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

 /* 4 · Fechar Visita: dia, tipo e morada em até 2 linhas */
 .mctx .l2{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

 /* 7, 12 a 17 · o que está por baixo do nome nas listas muda de linha em vez de sair da caixa ou passar por baixo do seletor */
 .mrow .mmeta>span:not(.d):not(.chip):not(.nw){white-space:normal}
 .mrow .mmeta .d b,.mrow .mmeta .d span{white-space:normal}
 body[data-v46="pedidos"] .mrow .mact .stsel{max-width:none}

 /* 7 · marcar visita a partir de um pedido: os dias em 2 filas, com letra legível */
 #mvD.mdias{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px}
 #mvD.mdias .opt span{font-size:11.5px;letter-spacing:0}

 /* 10 · Utilizadores › Comerciais: o nome da pessoa em cima; perfil e nº de orçamentos à esquerda do interruptor */
 #defCom .com41 .tr.mrow{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"nome act" "perfil act" "meta act"!important}
 #defCom .com41 .tr.mrow>input[aria-label="Nome"]{display:block!important;grid-area:nome;font-weight:600;min-width:0}
 #defCom .com41 .tr.mrow>.mmain{grid-area:perfil}
 #defCom .com41 .tr.mrow>.mmeta{grid-area:meta}

 /* 11 · Galeria: 2 fotos por linha */
 #view div:has(>button[onclick^="galVer"]){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #view button[onclick^="galVer"]>span>b,#view button[onclick^="galVer"]>span>span{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}

 /* 12 · novo orçamento, passo 2: os limites das medidas mudam de linha (a página já não fica mais larga que o ecrã) */
 #c2 .sh>.rt{white-space:normal;min-width:0}

 /* 17 · Atividade e Dispositivos: o texto dos botões muda de linha */
 body[data-v46="ativ"] .filt .vc>button{white-space:normal;line-height:1.15}
 body[data-v46="disp"] .mbtns .btn{white-space:normal;line-height:1.2;height:auto;min-height:44px;text-align:left}
}
@media (max-width:380px){
 /* 4 · topo: «Ver como» (só na visão demo) mais estreito, para o título caber */
 .topo #mPf{min-width:44px;padding:0 4px}
 .topo #mPf i{display:none}
 /* 12 · «Adicionar ao Orçamento» cabe no botão */
 .totbar.t43 #cfgAdd{font-size:14px;padding-left:10px;padding-right:10px}
}

/* computador · ficha da marcação com etiquetas: nome e morada inteiros, as etiquetas passam para baixo */
@media (min-width:701px){
 .cx45i .nxt:has(>.row>.chip){grid-template-columns:92px minmax(0,1fr)}
 .cx45i .nxt:has(>.row>.chip)>.row{grid-column:2/-1;flex-wrap:wrap}
}