:root { --azul:#45aed6; --azul-escuro:#2387ad; --fundo:#f3f6f8; --texto:#263238; --borda:#dce4e8; --perigo:#b42318; --sucesso:#067647; }
* { box-sizing:border-box; }
body.area-app { margin:0; min-height:100vh; background:var(--fundo); color:var(--texto); font-family:Arial,sans-serif; }
.area-topo { background:#fff; border-bottom:1px solid var(--borda); padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.area-marca { font-size:22px; font-weight:700; color:var(--azul-escuro); }
.area-marca small { display:block; color:#6b7780; font-size:12px; font-weight:400; margin-top:3px; }
.area-conteudo { width:min(1500px,calc(100% - 32px)); margin:25px auto; }
.login-wrap { width:min(460px,calc(100% - 32px)); margin:7vh auto; }
.login-wrap h1 { margin:28px 0 8px; font-size:27px; }
.cabecalho-painel h1 { margin:0 0 5px; font-size:28px; }
.cabecalho-painel p { margin:0 0 22px; color:#687780; }
.card { background:#fff; border:1px solid var(--borda); border-radius:12px; padding:22px; box-shadow:0 8px 28px rgba(28,45,55,.07); }
.card h2 { margin:0 0 6px; }
.subtitulo { color:#687780; margin:0 0 20px; line-height:1.45; }
.etapa-oculta { display:none; }
.abas { display:flex; gap:8px; margin-bottom:15px; flex-wrap:wrap; }
.aba { border:1px solid var(--borda); background:#fff; color:#4d5d65; padding:11px 18px; border-radius:8px; cursor:pointer; font-weight:700; }
.aba.ativa { color:#fff; background:var(--azul-escuro); border-color:var(--azul-escuro); }
.campos-consulta { display:grid; grid-template-columns:repeat(3,minmax(180px,1fr)); gap:14px; }
.campo { margin-bottom:14px; }
.campo label { display:block; font-size:13px; font-weight:700; margin-bottom:6px; }
.campo input { width:100%; height:43px; padding:9px 12px; border:1px solid #bfcbd1; border-radius:7px; background:#fff; color:var(--texto); font-size:16px; }
.campo input:focus { outline:2px solid rgba(69,174,214,.25); border-color:var(--azul); }
.campo.erro label { color:var(--perigo); }
.campo input.erro,.campo select.erro,.campo textarea.erro { border:2px solid var(--perigo)!important; background:#fff5f5; outline:none; }
.campo input.erro:focus,.campo select.erro:focus,.campo textarea.erro:focus { outline:2px solid rgba(180,35,24,.18); border-color:var(--perigo)!important; }
.codigo-mfa { text-align:center; letter-spacing:.35em; font-size:22px!important; font-weight:700; }
.mensagem { min-height:22px; margin:14px 0 0; font-size:14px; line-height:1.4; }
.mensagem.erro { color:var(--perigo); }
.mensagem.sucesso { color:var(--sucesso); }
.voltar { display:inline-block; margin-top:18px; color:var(--azul-escuro); }
.botoes-consulta,.form-codigo { margin-top:16px; }
.botoes-consulta { display:flex; gap:9px; }
.btn-area { border:0; border-radius:7px; padding:11px 17px; background:var(--azul); color:#fff; cursor:pointer; font-weight:700; }
.btn-area:hover { background:var(--azul-escuro); }
.btn-area:disabled { opacity:.6; cursor:wait; }
.btn-area.secundario { background:#fff; color:var(--azul-escuro); border:1px solid var(--azul); }
.form-codigo .btn-area { width:100%; margin-top:7px; }
.acoes-topo { display:flex; align-items:center; gap:12px; }
.usuario { color:#64747c; font-size:13px; }
.selo-seguranca { color:var(--sucesso); background:#ecfdf3; border:1px solid #abefc6; border-radius:20px; padding:6px 10px; font-size:12px; font-weight:700; }
.resultado-info { color:#66767e; font-size:13px; margin:18px 0 9px; min-height:17px; }
.resultado-info.erro { color:var(--perigo); }
.tabela-wrap { overflow:auto; max-height:58vh; border:1px solid var(--borda); border-radius:8px; }
table { width:100%; border-collapse:separate; border-spacing:0; min-width:100%; }
th,td { text-align:left; padding:10px; border-bottom:1px solid #e7ecef; font-size:12px; white-space:nowrap; }
th { position:sticky; top:0; z-index:1; background:#eaf3f7; color:#30434c; }
tr:last-child td { border-bottom:0; }
tbody tr:hover { background:#f8fbfc; }
.qr-wrap { display:flex; justify-content:center; padding:14px; margin:10px auto 16px; border:1px solid var(--borda); border-radius:10px; background:#fff; }
.qr-wrap img { width:220px; max-width:100%; height:auto; }
.chave-manual { border:1px solid var(--borda); border-radius:8px; padding:11px 13px; color:#53636b; font-size:13px; }
.chave-manual summary { cursor:pointer; font-weight:700; color:var(--azul-escuro); }
.chave-manual code { display:block; overflow-wrap:anywhere; background:#f4f7f8; padding:10px; border-radius:6px; color:#263238; }
.verificando-acesso { min-height:100vh; display:grid; place-items:center; color:#64747c; font-weight:700; }
body:not(.painel-pendente) .verificando-acesso { display:none; }
.link-topo { color:var(--azul-escuro); font-size:13px; font-weight:700; text-decoration:none; }
.rotulo-pagina { margin:0 0 8px!important; color:var(--azul-escuro)!important; font-size:12px; font-weight:800; letter-spacing:.11em; }
.painel-inicial { max-width:1100px; }
.boas-vindas { margin:44px 0 28px; }
.boas-vindas h1 { margin:0 0 8px; font-size:34px; }
.boas-vindas>p:last-child { margin:0; color:#687780; }
.menu-modulos { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.modulo-card { min-height:220px; display:flex; flex-direction:column; gap:18px; padding:24px; border-radius:16px; background:#fff; border:1px solid var(--borda); box-shadow:0 8px 28px rgba(28,45,55,.07); color:var(--texto); text-decoration:none; transition:transform .18s,box-shadow .18s; }
a.modulo-card:hover { transform:translateY(-3px); box-shadow:0 13px 34px rgba(28,45,55,.12); }
.modulo-card strong { display:block; margin-bottom:8px; font-size:20px; }
.modulo-card small { color:#687780; font-size:13px; line-height:1.5; }
.modulo-icone { display:grid; place-items:center; width:48px; height:48px; border-radius:13px; color:#fff; background:var(--azul-escuro); font-size:28px; }
.modulo-cadastros .modulo-icone { background:#067647; }
.modulo-controle .modulo-icone { background:#7b61a8; }
.modulo-matriz .modulo-icone { background:#b54708; }
.modulo-orcamento-dorma .modulo-icone { background:#034f84; }
.modulo-orcamento-inst .modulo-icone { background:#326b90; }
.modulo-orcamento-consulta .modulo-icone { background:#147d64; }
.modulo-seta { margin-top:auto; color:var(--azul-escuro); font-size:23px; }
.indisponivel { opacity:.72; }
.em-breve { align-self:flex-start; margin-top:auto; padding:5px 9px; border-radius:20px; background:#f0eafb; color:#6941a5; font-size:11px; font-weight:800; }
.cadastro-layout { display:grid; grid-template-columns:245px minmax(0,1fr); gap:22px; align-items:start; }
.cadastro-menu { position:sticky; top:18px; overflow:hidden; background:#fff; border:1px solid var(--borda); border-radius:12px; box-shadow:0 8px 28px rgba(28,45,55,.06); }
.menu-cadastro-titulo { display:block; padding:18px; border-bottom:1px solid var(--borda); }
.menu-cadastro-titulo strong,.menu-cadastro-titulo small { display:block; }
.menu-cadastro-titulo small { margin-top:4px; color:#77858c; }
#lista-modulos { max-height:calc(100vh - 190px); overflow:auto; padding:8px; }
#lista-modulos button { width:100%; display:flex; align-items:center; gap:9px; border:0; border-radius:8px; padding:10px; background:transparent; color:#43535b; text-align:left; cursor:pointer; font-size:12px; }
#lista-modulos button span { color:#94a0a6; font-size:10px; font-weight:800; }
#lista-modulos button:hover { background:#f1f7f9; }
#lista-modulos button.ativo { color:#fff; background:var(--azul-escuro); font-weight:700; }
#lista-modulos button.ativo span { color:#d8eff7; }
.cabecalho-cadastro { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin:5px 0 18px; }
.cabecalho-cadastro h1 { margin:0 0 5px; font-size:28px; }
.cabecalho-cadastro p:last-child { margin:0; color:#687780; }
.form-card { display:none; margin-bottom:18px; border-top:4px solid var(--azul); }
.form-card.aberto { display:block; }
.form-titulo,.barra-lista { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.form-titulo h2,.barra-lista h2 { margin:0; }
.btn-icone { border:0; background:transparent; color:#64747c; font-size:28px; cursor:pointer; }
.campos-cadastro { display:grid; grid-template-columns:repeat(3,minmax(160px,1fr)); gap:0 14px; margin-top:18px; }
.campos-cadastro textarea,.campos-cadastro select { width:100%; min-height:43px; padding:9px 12px; border:1px solid #bfcbd1; border-radius:7px; background:#fff; color:var(--texto); font:inherit; }
.campos-cadastro textarea { min-height:90px; resize:vertical; }
.campo-largo { grid-column:span 2; }
.acoes-form { display:flex; gap:9px; margin-top:8px; }
.lista-card { padding:0; overflow:hidden; }
.barra-lista { padding:18px 20px; }
.barra-lista p { margin:5px 0 0; color:#78868d; font-size:12px; }
.busca span { display:block; margin-bottom:5px; color:#5e6d74; font-size:11px; font-weight:700; }
.busca input { width:250px; height:39px; padding:8px 11px; border:1px solid #c7d2d7; border-radius:7px; }
.lista-card .tabela-wrap { border:0; border-top:1px solid var(--borda); border-radius:0; }
.btn-tabela { border:1px solid var(--azul); border-radius:6px; padding:6px 9px; background:#fff; color:var(--azul-escuro); cursor:pointer; font-weight:700; }
.paginacao { display:flex; align-items:center; justify-content:flex-end; gap:12px; padding:14px 18px; border-top:1px solid var(--borda); }
.paginacao span { min-width:90px; color:#64747c; text-align:center; font-size:12px; font-weight:700; }
.paginacao .btn-area { padding:8px 12px; }
.resumo-modulo { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:18px; }
.resumo-card { padding:15px; border:1px solid var(--borda); border-radius:10px; background:#fff; }
.resumo-card small,.resumo-card strong { display:block; }
.resumo-card small { margin-bottom:7px; color:#718087; font-size:11px; }
.resumo-card strong { font-size:18px; }
.acompanhamento-layout { max-width:1250px; }
.painel-indicadores { display:grid; gap:18px; }
.bloco-indicadores { padding:20px; }
.bloco-titulo { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:16px; }
.bloco-titulo h2 { margin:0; }
.bloco-titulo .btn-area { text-decoration:none; }
.matriz-layout { max-width:1500px; }
.filtros-matriz { margin:18px 0; }
.matriz-filtros-grid { grid-template-columns:repeat(4,minmax(170px,1fr)); }
.matriz-resultado-card { padding:0; overflow:hidden; }
.matriz-tabela-wrap { max-height:62vh; border:0; border-top:1px solid var(--borda); border-radius:0; }
.matriz-tabela { min-width:1750px; }
.matriz-tabela th,.matriz-tabela td { padding:10px 12px; }
.matriz-cliente { min-width:250px; max-width:360px; white-space:normal; }
.matriz-descricao { min-width:310px; max-width:440px; white-space:normal; }
.matriz-legenda { display:flex; align-items:flex-end; flex-direction:column; gap:5px; color:#718087; font-size:11px; }
.matriz-legenda strong { color:#43535b; font-size:12px; }
.matriz-vazio { padding:32px!important; color:#718087; text-align:center; }
@media(max-width:900px){ .campos-consulta{grid-template-columns:repeat(2,minmax(160px,1fr));} }
@media(max-width:600px){
    .area-topo{padding:14px 16px;align-items:flex-start}.usuario,.selo-seguranca{display:none}.area-conteudo{width:calc(100% - 18px);margin:15px auto}.card{padding:15px}
    .campos-consulta{grid-template-columns:1fr}.aba{flex:1 1 45%;padding:10px}.botoes-consulta{flex-direction:column}.btn-area{width:100%}
}
@media(max-width:1000px){.menu-modulos{grid-template-columns:1fr}.modulo-card{min-height:170px}.cadastro-layout{grid-template-columns:1fr}.cadastro-menu{position:static}.cadastro-menu nav{display:flex;max-height:none;overflow:auto}.cadastro-menu nav button{min-width:190px}.campos-cadastro{grid-template-columns:repeat(2,1fr)}.resumo-modulo{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.boas-vindas{margin:24px 0 18px}.boas-vindas h1{font-size:27px}.cabecalho-cadastro{align-items:stretch;flex-direction:column}.campos-cadastro{grid-template-columns:1fr}.campo-largo{grid-column:auto}.barra-lista{align-items:stretch;flex-direction:column}.busca input{width:100%}.acoes-form{flex-direction:column}.resumo-modulo{grid-template-columns:1fr}}