/* Rodape da barra lateral (rodape.js). Cores fixas, copiadas do HW Orcamentos, para o cartao
   ser o mesmo em todo sistema do grupo, qualquer que seja a paleta da pagina. */
.fgh-rodape{margin-top:auto;padding-top:10px;font-size:12px;line-height:1.35}
.fgh-rodape .fr-mini{display:none}
.fgh-rodape .fr-cartao{background:#e8e5df;border-radius:12px;padding:14px 14px 14px;display:flex;flex-direction:column;color:#1d1b19;text-align:left}
.fgh-rodape svg{width:13px;height:13px;flex:none}
.fgh-rodape .fr-linha{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#67625b;font-size:11px}
.fgh-rodape .fr-atualizar{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#67625b;font:inherit;font-size:11px;padding:2px 6px;border-radius:6px;cursor:pointer;margin-right:-6px}
.fgh-rodape .fr-atualizar:hover{background:#f6f4f0;color:#1d1b19}
.fgh-rodape .fr-nome{font-size:12.5px;font-weight:600;color:#1d1b19;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fgh-rodape .fr-papel{font-size:12px;color:#67625b;margin-top:1px}
.fgh-rodape .fr-campo-w{display:flex;flex-direction:column;gap:5px;margin:12px 0 0}
.fgh-rodape .fr-rotulo{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#67625b}
.fgh-rodape .fr-campo{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:34px;margin:0;padding:0 9px 0 10px;border:1px solid #dcd8d0;border-radius:6px;background:#fbfaf7;color:#1d1b19;font:inherit;font-size:12px;text-align:left;box-shadow:0 1px 2px #0000000f;cursor:pointer}
.fgh-rodape .fr-campo>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fgh-rodape .fr-campo svg{width:14px;height:14px;color:#67625b}
.fgh-rodape .fr-sair{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:34px;margin:12px 0 0;padding:0 10px;border:1px solid #dcd8d0;border-radius:6px;background:#f6f4f0;color:#1d1b19;font:inherit;font-size:12px;font-weight:600;box-shadow:0 1px 2px #0000000f;cursor:pointer}
.fgh-rodape .fr-sair svg{width:14px;height:14px}
.fgh-rodape .fr-sair:hover,.fgh-rodape .fr-campo:hover{background-color:#fff}
.fgh-rodape-menu{position:fixed;z-index:1000;display:flex;flex-direction:column;overflow:hidden;background:#fbfaf7;border:1px solid #dcd8d0;border-radius:8px;box-shadow:0 10px 30px #1d1b1926;font-size:12.5px;color:#1d1b19}
.fgh-rodape-menu .fr-busca{margin:6px 6px 2px;padding:6px 8px;border:1px solid #dcd8d0;border-radius:6px;background:#fff;font:inherit;font-size:12px;outline:none}
.fgh-rodape-menu .fr-itens{overflow-y:auto;padding:4px}
.fgh-rodape-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.fgh-rodape-menu button:hover{background:#ece9e3}
.fgh-rodape-menu button.on{font-weight:600}
.fgh-rodape-menu svg{width:14px;height:14px;flex:none}
.fgh-rodape-menu [hidden]{display:none}

/* CRM: com o menu recolhido (64px) nao cabe o cartao; fica um circulo com as iniciais que abre o menu. */
.app:not(.menu-expanded) .rail .fgh-rodape .fr-cartao{display:none}
.app:not(.menu-expanded):not(.medical-menu-locked) .rail .fgh-rodape .fr-mini{display:grid;place-items:center;width:36px;height:36px;margin:0 auto;border:0;border-radius:50%;background:#e8e5df;color:#1d1b19;font:inherit;font-size:11px;font-weight:600;cursor:pointer}
.medical-menu-locked .rail .fgh-rodape{display:none}
/* O cartao assume versao, Atualizar, troca de empresa, "Visualizar como" e Sair: sai do cabecalho
   e de Minha conta. O medico, que nao tem o cartao, continua com tudo la. */
.app:not(.medical-menu-locked) .header-clinic,.app:not(.medical-menu-locked) .who #logout,.app:not(.medical-menu-locked) .who #admin-preview{display:none!important}
/* Faixa "saiu versao nova" das paginas separadas (rodape.js); mesmo visual da do CRM raiz. */
.fgh-aviso-versao{position:fixed;top:0;left:0;right:0;z-index:1100;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:9px 16px;background:#eef7f7;border-bottom:1px solid #b9d9d6;color:#0F6E6A;font-size:12.5px;box-shadow:0 2px 8px #1d1b1914}
.fgh-aviso-versao button{height:30px;padding:0 13px;border:1px solid #0F6E6A;border-radius:8px;background:#0F6E6A;color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.fgh-aviso-versao button:hover{filter:brightness(1.08)}