:root{--bg: #f6f9ff;--bg-painel: #ffffff;--bg-painel-2: #edf3ff;--borda: #cddbf5;--texto: #21406f;--texto-forte: #14305e;--texto-fraco: #5a78b0;--acento: #2f6be0;--acento-suave: #4f8cff;--ok: #1e8e5e;--aviso: #b07312;--erro: #c93b3b;--radio: 10px}*{box-sizing:border-box}html{text-size-adjust:100%;-webkit-text-size-adjust:100%}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--texto);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}a{color:var(--acento);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.app-lateral{width:238px;flex-shrink:0;display:flex;flex-direction:column;gap:14px;padding:18px 14px 16px;background:var(--bg-painel);border-right:1px solid var(--borda);position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--borda) transparent}.app-lateral::-webkit-scrollbar{width:10px}.app-lateral::-webkit-scrollbar-track{background:transparent}.app-lateral::-webkit-scrollbar-thumb{background:var(--borda);border-radius:8px}.app-lateral::-webkit-scrollbar-thumb:hover{background:var(--acento-suave)}.app-logo{font-weight:700;font-size:17px;letter-spacing:.5px;color:var(--texto-forte);padding:2px 6px 8px}.app-logo span{color:var(--acento)}.app-nav{display:flex;flex-direction:column;gap:3px}.app-nav-grupo{display:flex;flex-direction:column;gap:3px;padding:4px 0 6px}.app-nav-grupo+.app-nav-grupo{border-top:1px solid var(--borda);padding-top:8px}.app-nav-cabeca{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--texto-fraco);-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px;width:100%;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;border-radius:6px;padding:4px 8px}.app-nav-cabeca:hover{color:var(--acento)}.app-nav-cabeca .seta{display:inline-block;transition:transform .15s ease;font-size:9px}.app-nav-cabeca.recolhido .seta{transform:none}.app-nav button{width:100%;text-align:left;background:transparent;color:var(--texto-fraco);border:none;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:13.5px}.app-nav button:hover{color:var(--acento);background:var(--bg-painel-2)}.app-nav button.ativo{background:var(--acento);color:#fff;font-weight:600}.btn-chamado-topo{width:100%;text-align:left;display:flex;align-items:center;gap:8px;background:var(--bg-painel-2);border:1px solid var(--borda);border-radius:8px;padding:9px 12px;cursor:pointer;font-size:13.5px;color:var(--texto);font-weight:600;margin-bottom:6px;font-family:inherit}.btn-chamado-topo:hover{border-color:var(--acento-suave);color:var(--acento)}.btn-chamado-topo.ativo{border-color:var(--acento);color:var(--acento)}.btn-chamado-topo .bolha{background:var(--erro);color:#fff;border-radius:20px;font-size:11px;padding:1px 8px;font-weight:700;margin-left:auto}.app-lateral-rodape{margin-top:auto;padding-top:12px;border-top:1px solid var(--borda);display:flex;flex-direction:column;gap:8px}.app-usuario{font-size:12.5px;color:var(--texto-fraco)}.app-usuario b{color:var(--texto-forte);display:block}.app-lateral-rodape button.acao{width:100%}.app-conteudo{flex:1;min-width:0;max-width:1150px;padding:24px 28px 60px}.cartao{background:var(--bg-painel);border:1px solid var(--borda);border-radius:var(--radio);padding:16px 18px;margin-bottom:16px}.cartao h3{margin:0 0 12px;font-size:14px;color:var(--texto-forte);text-transform:uppercase;letter-spacing:.4px}.cartao h3 .pequena{color:var(--texto-fraco);font-weight:400;text-transform:none;letter-spacing:0}.sub{color:var(--texto-fraco);font-size:12.5px}.fila-botao{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button.acao{background:var(--acento);color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:13.5px;font-weight:600}button.acao.secundario{background:var(--bg-painel-2);color:var(--texto);border:1px solid var(--borda);font-weight:400}button.acao.perigo{background:transparent;color:var(--erro);border:1px solid var(--erro);font-weight:400}button.acao:disabled{opacity:.5;cursor:default}button.link{background:none;border:none;color:var(--acento);cursor:pointer;padding:0;font-size:13px}button.link:hover{text-decoration:underline}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--texto-fraco);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--borda);white-space:nowrap}td{padding:8px 10px;border-bottom:1px solid rgba(205,219,245,.7);vertical-align:top}tr.clicavel{cursor:pointer}tr.clicavel:hover td{background:#4f8cff12}td.nulo,.nulo{color:var(--texto-fraco)}.etiqueta{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11.5px;font-weight:600}.etiqueta.ok{background:#1e8e5e1f;color:var(--ok)}.etiqueta.aviso{background:#b073121f;color:var(--aviso)}.etiqueta.erro{background:#c93b3b1a;color:var(--erro)}.etiqueta.info{background:#4f8cff21;color:var(--acento)}.etiqueta.fraca{background:var(--bg-painel-2);color:var(--texto-fraco)}.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 14px}@media (max-width: 540px){label.campo.col2{grid-column:auto}}label.campo{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--texto-fraco)}label.campo.col2{grid-column:span 2}label.campo input,label.campo select,label.campo textarea{background:#fff;color:var(--texto-forte);border:1px solid var(--borda);border-radius:8px;padding:8px 10px;font-size:13.5px}label.campo input:focus,label.campo select:focus,label.campo textarea:focus{outline:2px solid var(--acento-suave);border-color:var(--acento-suave)}label.check{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--texto);grid-column:auto}.campo-suspenso{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--texto-fraco);position:relative}.campo-suspenso input{background:#fff;color:var(--texto-forte);border:1px solid var(--borda);border-radius:8px;padding:8px 10px;font-size:13.5px}.campo-suspenso input:focus{outline:2px solid var(--acento-suave);border-color:var(--acento-suave)}.campo-suspenso input[readonly]{cursor:pointer}.menu-suspenso{position:absolute;top:100%;left:0;right:0;margin-top:4px;z-index:30;background:var(--bg-painel);border:1px solid var(--borda);border-radius:8px;box-shadow:0 10px 24px #14305e2e;overflow:hidden}.menu-suspenso .menu-busca{padding:8px;border-bottom:1px solid var(--borda);background:var(--bg-painel-2)}.menu-suspenso .menu-busca input{width:100%}.menu-suspenso .menu-lista{max-height:250px;overflow-y:auto}.menu-suspenso .menu-item{display:block;width:100%;text-align:left;background:none;border:none;padding:9px 12px;font-size:13.5px;color:var(--texto);cursor:pointer}.menu-suspenso .menu-item:hover{background:#4f8cff17}.menu-suspenso .menu-item.escolhido{background:#2f6be01f;font-weight:600;color:var(--texto-forte)}.menu-suspenso .menu-vazio{padding:10px 12px}.aviso-box{border:1px solid rgba(176,115,18,.45);background:#b0731212;border-radius:var(--radio);padding:12px 14px;margin:10px 0;font-size:13px;color:#7a5a14}.erro-box{border:1px solid rgba(201,59,59,.45);background:#c93b3b12;border-radius:var(--radio);padding:10px 14px;margin:10px 0;font-size:13px;color:#a83232}.ok-box{border:1px solid rgba(30,142,94,.45);background:#1e8e5e12;border-radius:var(--radio);padding:10px 14px;margin:10px 0;font-size:13px;color:#156b47}.login-tela{min-height:100%;display:flex;align-items:center;justify-content:center}.login-caixa{width:380px;background:var(--bg-painel);border:1px solid var(--borda);border-radius:14px;padding:28px}.login-caixa h1{font-size:20px;margin:0 0 4px;color:var(--texto-forte)}.login-caixa h1 span{color:var(--acento)}.qr-mfa{width:180px;height:180px;border-radius:10px;background:#fff;padding:6px;border:1px solid var(--borda)}.grade-cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.ficha{background:var(--bg-painel);border:1px solid var(--borda);border-radius:var(--radio);padding:14px 16px}.ficha b{display:block;margin-bottom:6px;font-size:13px;color:var(--texto-forte)}.ficha .sub{line-height:1.5;word-break:break-word}.ficha-botao{text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.ficha-botao:hover{border-color:var(--acento)}.ficha-botao .etiqueta{margin-top:2px}.chipseis{display:flex;flex-wrap:wrap;gap:6px}.chipseis span{background:var(--bg-painel-2);border:1px solid var(--borda);color:var(--texto-fraco);padding:3px 10px;border-radius:14px;font-size:11.5px}.barra-lista{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.barra-lista h2{color:var(--texto-forte)}.paginacao button{margin-left:6px}fieldset.grupo{grid-column:1 / -1;border:1px solid var(--borda);border-radius:var(--radio);background:var(--bg-painel);padding:6px 14px 12px;margin:0;min-width:0}fieldset.grupo>legend{padding:0 6px;font-size:12px;font-weight:700;color:var(--texto-forte);text-transform:uppercase;letter-spacing:.4px}fieldset.grupo>.sub{margin:4px 0 8px}.modal-velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#14305e61;overflow-y:auto;display:grid;justify-items:center;align-items:start;padding:26px 14px 40px}.modal-caixa{width:min(940px,100%);background:var(--bg-painel);border:1px solid var(--borda);border-radius:12px;padding:16px 18px 18px;box-shadow:0 18px 60px #14305e59}.modal-caixa h3{margin:0;font-size:14px;color:var(--texto-forte);text-transform:uppercase;letter-spacing:.4px}.modal-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.modal-topo .pequena{text-transform:none;letter-spacing:0}.app-topbar-movel,.app-velo-movel{display:none}@media (max-width: 900px){.app-shell{flex-direction:column}.app-conteudo{padding:10px 10px calc(46px + env(safe-area-inset-bottom));max-width:none}.app-topbar-movel{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:30;padding:10px 12px;background:var(--bg-painel);border-bottom:1px solid var(--borda)}.app-topbar-movel .btn-chamado-topo{width:auto;padding:9px 10px;margin-bottom:0;flex-shrink:0;font-size:16px}.app-topbar-movel button.botao-menu{background:var(--bg-painel-2);border:1px solid var(--borda);border-radius:8px;width:42px;height:42px;font-size:18px;cursor:pointer;color:var(--texto);flex-shrink:0}.app-topbar-movel .topbar-logo{font-weight:700;font-size:15px;color:var(--texto-forte);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-lateral{position:fixed;left:0;top:0;bottom:0;height:100%;width:min(302px,86vw);z-index:40;transform:translate(-104%);transition:transform .18s ease;box-shadow:0 12px 44px #14305e47;padding-top:14px}.app-lateral.aberta{transform:none}.app-velo-movel{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#14305e61;opacity:0;pointer-events:none;transition:opacity .18s ease}.app-velo-movel.ativa{opacity:1;pointer-events:auto}.app-nav button{padding:12px;font-size:14.5px}.app-nav-cabeca{padding:8px;font-size:11px}button.acao{padding:11px 16px;font-size:14px}label.campo input,label.campo select,label.campo textarea{padding:11px 10px;font-size:16px}.modal-caixa input,.modal-caixa select,.modal-caixa textarea,.modal-caixa .fila-botao>input{max-width:100%}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:9px 10px}.cartao{padding:14px;margin-bottom:12px}.grade{gap:8px 10px}.modal-caixa{margin:0 10px;min-width:0;max-height:none;overflow:visible}.modal-velo{overscroll-behavior:contain;padding:12px 6px 30px}.modal-caixa .grade{grid-template-columns:1fr}.modal-caixa .grade>*{grid-column:auto!important}.modal-caixa .grade>.fila-botao{justify-content:flex-start}.modal-caixa label.campo,.modal-caixa label.check{width:100%}.modal-caixa input:not([type=checkbox]):not([type=radio]):not([type=range]){width:100%}.modal-caixa select,.modal-caixa textarea{width:100%}}@media (max-width: 900px){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}