@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=IBM+Plex+Mono:wght@500;600&display=swap";body{margin:0;background:#eef5fc}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.marca{display:flex;align-items:center;gap:11px;height:64px;padding:0 18px;border-bottom:1px solid #23456b}.marca-logo{width:32px;height:32px;border-radius:8px;background:#2f7dd1;color:#fff;font-weight:700;display:grid;place-items:center}.marca-nome{color:#fff;font-weight:700;font-size:15px;line-height:1.2}.marca-sub{color:#8fb0d4;font-size:11px}.titulo-pagina{margin:0!important;font-weight:800!important;color:#0f2744!important}.tela-login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#14304f,#1b5fa8);padding:16px}.usuario-topo{cursor:pointer;padding:6px 10px;border-radius:10px}.usuario-topo:hover{background:#eef5fc}.sininho-botao{width:40px;height:40px;color:#42566e}.sininho-botao:hover{background:#eef4fb!important;color:#2f7dd1!important}.sininho-painel{width:380px;max-width:calc(100vw - 32px);margin:-4px}.sininho-cabecalho{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 10px;border-bottom:1px solid #e3ecf6}.sininho-vazio{padding:28px 0;text-align:center}.sininho-lista{max-height:420px;overflow-y:auto;padding-top:6px}.sininho-item{display:flex;gap:12px;align-items:flex-start;width:100%;padding:10px 8px;border:0;border-radius:10px;background:transparent;cursor:pointer;text-align:left;font:inherit}.sininho-item:hover{background:#f3f7fc}.sininho-item.nao-lida{background:#f0f6ff}.sininho-item.nao-lida:hover{background:#e6f0fc}.sininho-item-icone{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e1edfb;color:#2f7dd1}.sininho-item-textos{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.sininho-item-titulo{font-weight:600;color:#1d2b3a}.sininho-item-descricao{color:#4c6078;font-size:13px;overflow-wrap:anywhere}.sininho-item-quando{color:#8496aa;font-size:12px}.sininho-ponto{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#2f7dd1}
