/* Abas do Início (pedido do Cauê, 2026-10-10). Só o que a base não tem.
   A base esconde o .src do cabeçalho do bloco no celular (base.css); nas abas do Início a fonte tem de continuar escrita
   e com link, então a mesma linha entra logo abaixo do cabeçalho, só no celular. */
[data-modulo="inicio"] .ini-fonte-m{display:none;margin:0;padding:0 24px 12px;font-size:12px;color:var(--text-3)}
[data-modulo="inicio"] .kpi-foot a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (max-width:767px){
  [data-modulo="inicio"] .ini-fonte-m{display:block;padding:0 16px 12px}
}
/* barra de andamento (Obras e Direção): as regras da base moram nos CSS de cada módulo, escopadas; aqui as mesmas, no Início */
[data-modulo="inicio"] .meter{height:8px;border-radius:var(--r-pill);background:var(--sunk);overflow:hidden;min-width:80px}
[data-modulo="inicio"] .meter i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
[data-modulo="inicio"] .meter i.ok{background:var(--ok)}
[data-modulo="inicio"] .meter i.warn{background:var(--warn)}
[data-modulo="inicio"] .meter i.danger{background:var(--danger)}
[data-modulo="inicio"] .meter-row{display:flex;align-items:center;gap:12px}
[data-modulo="inicio"] .meter-row .num{font-size:12px;color:var(--text-2);min-width:40px;text-align:right}
/* a barra de abas já dá o respiro de baixo; o primeiro bloco-tabela não soma mais 16px por cima */
[data-modulo="inicio"] .tabs + .table-card{margin-top:0}
/* carteira de Obras recortada na aba Obras: as mesmas regras de estilos/04-obras.css (.obr-cart-tab), aqui escopadas. A
   coluna Obra é achada pelo conteúdo (.name), não pela posição: o Início tira a coluna Ações e a posição muda (14/10/2026) */
[data-modulo="inicio"] .obr-cart-tab th,[data-modulo="inicio"] .obr-cart-tab td{padding-left:18px;padding-right:18px}
[data-modulo="inicio"] .obr-cart-tab td:has(> .name){white-space:normal;min-width:120px}
/* Por área (Bom dia): o resumo de Cadastros e Configurações lista os itens, então o texto quebra entre palavras em vez de
   empurrar a tabela para fora do cartão; a área fica numa linha só */
[data-modulo="inicio"] .ini-por-area-t td{white-space:normal}
[data-modulo="inicio"] .ini-por-area-t td.name{white-space:nowrap}
/* p133 (15/10/2026): Caixa de entrada (#/minhas-tarefas/caixa, menu de Minhas tarefas). Linhas no molde da tela Avisos
   (.aviso, base.css); o ponto da não lida é o do sino (.ntf .unread, base.css), aqui fora do sino. No celular os dois
   botões descem para debaixo do texto, alinhados com ele, como os botões dos avisos. */
.ini-cx-abas{margin-bottom:12px}
.ini-cx-item .ini-cx-nova{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:middle}
.ini-cx-acoes{flex:none;gap:4px}
@media (max-width:767px){
  .ini-cx-acoes{margin-left:52px;flex-wrap:wrap}
  .aviso .ini-cx-acoes .btn{margin-left:0}
}